Что нужно для создания сайта: с чего начать

«Нужен сайт» — мысль приходит быстро, а что делать дальше, обычно непонятно. Домен, хостинг, движок, конструктор, CMS — слова вроде знакомые по отдельности, но как они складываются в работающий сайт и с чего начинать, новичку никто не объясняет. Отсюда и ступор: кажется, что это дорого, долго и только для тех, кто в теме.

На деле список того, что нужно для сайта, короткий, а половину можно сделать своими руками. Ниже разберём по-человечески: с чего начать, что такое домен и хостинг, на чём собирать сайт, какой контент готовить заранее и что подключить на старте. Чтобы вы видели всю картину и не платили за то, без чего можно обойтись.

Ориентир по рынку, а не оферта. Точные цифры зависят от задачи, движка и подрядчика.

Раз в неделю в блоге разбираем сайты, рекламу и продвижение простым языком, без лишних терминов. Если хотите понимать, за что платите, и не вестись на красивые слова, загляните в наш блог.

С чего начать: с цели, а не с картинки

Коротко. Первый шаг — это простой ответ на вопрос: зачем вам сайт и что человек должен на нём сделать. Оставить заявку, позвонить, купить, записаться — от этого зависит вся дальнейшая сборка, включая дизайн. Новичок обычно хочет сразу «покрасивее», а начинать надо с цели: чтобы приходили клиенты. Когда она ясна, понятно и всё остальное: сколько страниц, какие тексты, какой движок. Без цели сайт получается красивой визиткой, которую никто не открывает.

Представьте, что открываете обычный магазин на улице. Сначала вы решаете, чем торгуете и кто ваш покупатель, и только потом — какого цвета вывеска. С сайтом ровно так же: сперва задача, затем внешний вид. Если перепрыгнуть через этот шаг, дизайнер нарисует красиво, но мимо цели.

Ответьте себе на три вопроса до всего остального: зачем сайт (продать услугу, показать компанию, собрать заявки), кто на него придёт и что этот человек должен сделать. Дальше идёт понятный набор шагов — вот весь путь от идеи до запущенного сайта.

1. Определите цель сайтаЗачем он вам и какое действие должен приносить: заявку, звонок, заказ, запись.
2. Займите доменПридумайте и зарегистрируйте адрес сайта в сети — короткий и понятный.
3. Подключите хостингАрендуйте место, где будут храниться файлы сайта и откуда он открывается.
4. Выберите, на чём собиратьКонструктор, CMS или разработчик — зависит от задачи и бюджета.
5. Соберите контентТексты про услуги, фотографии, логотип, структуру страниц.
6. Сделайте сайтДизайн, вёрстка, наполнение — сами в конструкторе или руками команды.
7. Настройте аналитику и формыСчётчик, формы заявок, кнопки связи — и можно запускать.

Дальше пройдём по каждому шагу простым языком. Начнём с двух слов, которые пугают новичков сильнее всего, — домен и хостинг.

Домен и хостинг: что это на самом деле

Коротко. Домен — это адрес сайта, то, что человек набирает в строке браузера: имя плюс зона вроде .ru или .рф. Хостинг — место, где физически лежат файлы сайта и откуда он загружается. Проще всего представить дом: домен — адрес на табличке, хостинг — участок земли, на котором дом стоит. Без адреса вас не найдут, без участка дому негде стоять. Обе услуги недорогие: домен около 400 рублей в год, хостинг от 150 рублей в месяц.

Эти два слова звучат страшно, а смысл у них бытовой. Домен вы придумываете сами и арендуете на год: это имя, по которому к вам приходят, например seomolot.ru. Хостинг — склад для файлов сайта, за него платят помесячно или сразу за год. Одно без другого не работает: домен без хостинга ведёт в пустоту, хостинг без домена некому найти.

Что до денег, тут можно выдохнуть: домен и хостинг для старта обходятся в стоимость пары обедов. Основные вложения в сайт — это сама работа над ним: дизайн, тексты, сборка. Из чего складывается эта цена, разобрали в отдельной статье сколько стоит разработка сайта.

На чём делать сайт: конструктор, CMS или разработчик

Коротко. Путей три. Конструктор вроде Тильды — собрать сайт самому из готовых блоков, дёшево и быстро, но в рамках шаблона и с ежемесячной подпиской. CMS вроде WordPress или Битрикс — полноценный движок, на нём делают гибкий сайт под задачу, обычно руками разработчика. Разработчик или студия берут сайт под ключ, когда возиться самому некогда. Для теста идеи хватит конструктора, а основной сайт бизнеса лучше собирать на CMS, чтобы потом не переделывать.

Движок — это то, на чём собран сайт и через что вы потом сами меняете тексты и картинки. От выбора движка зависит и цена, и то, насколько легко сайт будет расти и продвигаться. Вот три варианта и для кого каждый.

Способ	Кому подходит	О чём помнить
Конструктор (Тильда и похожие)	Проверить идею, быстрый лендинг своими руками	Шаблонно, ограниченно, подписка каждый месяц
CMS (WordPress, Битрикс)	Основной сайт бизнеса, рост и продвижение	Гибко и надолго, но собирает обычно разработчик
Разработчик или студия	Нужен результат под ключ, без своего участия в сборке	Дороже, зато берут задачу целиком и отвечают за неё

Частая развилка новичка — конструктор или полноценная разработка. На конструкторе вы стартуете за выходные и почти без денег, но упираетесь в потолок шаблона и платите за площадку, пока сайт живёт. На CMS дольше и дороже на старте, зато сайт ваш целиком и с прицелом на продвижение. Мы, например, делаем сайты на WordPress и Битрикс сразу так, чтобы их было легко выводить в топ. Сколько времени занимает каждый вариант, разложили в статье сколько времени занимает разработка сайта.

Не уверены, что выбрать под свою задачу и бюджет? Тогда начните с бесплатного аудита: посмотрим вашу нишу и конкурентов и поможем определиться, что нужно именно вам, а на чём можно сэкономить. Без оплаты и обязательств.

Какой контент нужно подготовить до старта

Коротко. Сайт без наполнения — пустая коробка, поэтому контент готовят заранее. Нужны тексты про ваши услуги или товары, фотографии и логотип, прайс или каталог для магазина и понимание структуры: какие страницы будут и что на каждой. Чем больше собрано до старта, тем быстрее и дешевле собирается сайт. Если материалов нет, готовьтесь либо писать и снимать самому, либо доплачивать за копирайтера и фотографа.

Главная задержка почти любого сайта прячется не в дизайне и не в коде. Тормозит отсутствие материалов: дизайнер не нарисует страницу услуги, пока не знает, что за услуга и что о ней написать. Поэтому контент стоит собрать заранее, ещё до выбора движка.

• Тексты про услуги или товары — хотя бы черновиком, своими словами.
• Фотографии, логотип и, если есть, брендовые цвета — всё в одной папке.
• Прайс или каталог с описаниями — для интернет-магазина обязательно.
• Контакты, реквизиты и схема проезда — то, что подтверждает, что вы реальны.
• Структура: список страниц и что человек должен делать на каждой.
• Пара примеров сайтов, которые нравятся, — для ориентира дизайнеру.

Тексты решают больше, чем кажется. Пустые слова вроде «мы молодая динамичная компания» посетителя не убеждают. Работает конкретика: что за услуга, сколько стоит, какую задачу решает и что делать дальше. Заодно нормальные тексты — половина будущего продвижения, ведь именно по ним вас находят в поиске.

Дизайн и структура: удобство важнее красоты

Коротко. Хороший сайт узнают по понятности: человек за пару секунд видит, куда попал, что вы предлагаете и куда нажать. Сначала продумывают структуру — какие страницы и в каком порядке ведут клиента к заявке, — и только потом наводят красоту. Обязательный минимум сегодня: сайт одинаково удобен на телефоне и быстро грузится. От этого, а не от модных анимаций, напрямую зависят и заявки, и позиции в поиске.

Дизайн нужен для одного — провести человека по сайту к нужному действию. Сначала решают структуру: из каких страниц состоит сайт и как они ведут к заявке, а уже потом подбирают цвета и картинки. Одна страница или много — тоже вопрос задачи, мы сравнили варианты в разборе лендинг или многостраничный сайт.

Ещё одна вещь, на которой держатся и люди, и позиции, — скорость. Медленный сайт закрывают ещё до загрузки, а поисковик и вовсе показывает его ниже. Почему удобство и скорость напрямую влияют на место в Яндексе, разобрали в статье почему ваш сайт не в топе.

Ошибки новичка, которые дорого обходятся

Коротко. Большинство дорогих ошибок новичок совершает на старте, ещё до первой строчки текста. Начать с дизайна вместо цели, сэкономить на телефонной версии, забыть про тексты, скопировать чужой сайт целиком, не подумать о продвижении — каждый такой промах потом оборачивается переделкой. А переделка стоит дороже и дольше, чем сделать сразу по-человечески. Хорошая новость: почти все эти грабли известны заранее, и их легко обойти.

На этих ошибках спотыкаются почти все, кто делает первый сайт. Пробегитесь по списку заранее — это дешевле, чем чинить потом.

• Сначала красиво, потом разберёмся зачем. Сайт без цели превращается в дорогую визитку, на которую никто не заходит.
• Экономия на мобильной версии. Половина клиентов сидит в телефоне, и кривой на нём сайт теряет их сразу.
• Тексты «напишем потом». Пустые страницы не продают и в поиск не попадают. Обещанное «потом» затягивается на месяцы.
• Копия чужого сайта один в один. Чужая структура собрана под чужую задачу, у вас она работать не обязана.
• Сайт готов — и хватит. Без рекламы и SEO даже хороший сайт остаётся невидимым: его просто некому показать.

Последний пункт самый обидный. Люди вкладываются в сайт, запускают его и ждут заявок, а сайт стоит в тишине, потому что о нём никто не знает. Сайт — это витрина, а поток покупателей даёт уже продвижение. Как из сайта, рекламы и SEO складывается стабильный приток клиентов, собрали в большом разборе как привлечь клиентов из интернета.

Что подключить на старте: аналитика и формы

Коротко. Сайт без аналитики — как магазин без камер и кассы: не видно, кто заходил и почему ушёл без покупки. Минимум на старте: счётчик Яндекс.Метрики, чтобы видеть посетителей и их путь, рабочие формы заявок и заметные кнопки связи, SSL-сертификат для замочка и безопасности. Всё это ставится в первые же дни и почти всегда бесплатно. Без Метрики вы будете продвигать сайт вслепую и не поймёте, что приносит заявки, а что нет.

Когда сайт готов, к нему подключают несколько обязательных вещей. Без них он вроде работает, но вы ничего не знаете о посетителях и рискуете терять заявки на ровном месте.

Метрику ставят первой, и не зря: она бесплатная и показывает, откуда приходят люди, на каких страницах уходят и сколько оставили заявок. Без этих цифр любое продвижение превращается в гадание. Заодно настройте, чтобы заявки с форм падали вам на почту или в мессенджер, иначе легко пропустить клиента, который уже написал.

Сделать самому или заказать разработку?

Коротко. Сделать самому на конструкторе реально, если задача простая — лендинг или визитка, есть время повозиться и не жалко вечеров на изучение. Заказать разработку стоит, когда сайт — основной канал продаж и переделывать его потом дороже, чем сделать сразу нормально. Граница простая: тестовую витрину соберёте сами, рабочий инструмент для бизнеса лучше доверить команде. И в том, и в другом случае держите в голове главное: сайт — это только начало, дальше его надо продвигать.

У обоих путей своя правда, а выбор зависит от задачи, бюджета и того, сколько времени вы готовы вложить сами. Вот честное сравнение без перекоса в одну сторону.

Есть и третий путь, самый удобный, — команда, которая делает сайт сразу под продвижение. Тогда сайт, реклама и SEO оказываются в одних руках, и сайт с первого дня собирают так, чтобы он приводил клиентов. На этом построена наша работа — связка под ключ: сайт, реклама и продвижение одной командой, с прицелом на заявки с самого запуска.

Хотите понять, что нужно именно вам и во сколько это выйдет, — начните с бесплатного аудита: разберём вашу нишу, конкурентов и задачу и честно скажем, что стоит делать, а на чём не тратиться. Остались вопросы — напишите нам, подскажем по конкретике.