С чего начать создание сайта

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

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

Что решается до выбора платформы

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

Ответьте письменно на четыре вопроса:

1. Какое действие человек должен совершить? Оставить заявку, позвонить, оформить заказ, записаться, скачать прайс. Одно главное действие, а не пять равнозначных.
2. Кто ваш покупатель? Не «все, кому нужен ремонт», а конкретно: кто платит, что для него важно, чего он боится, с чем сравнивает.
3. Чем вы отличаетесь? Если ответ — «качеством и подходом», отличий нет. Ищите проверяемое: сроки, гарантия, оборудование, специализация, география.
4. Как вас будут находить? Поиск, реклама, карты, рекомендации. От этого зависит, сколько страниц нужно и какими они будут.

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

Спрос: соберите запросы до эскизов

Семантика — это список фраз, которыми люди описывают вашу задачу в поиске. Собирать её нужно до проектирования, потому что именно она определяет, какие страницы вообще должны существовать.

Порядок сбора:

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

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

Структура: из спроса, а не из головы

Тип проекта	Минимальная структура	Что добавляется под спрос
Услуги в городе	Главная, страница на каждую услугу, о компании, контакты	Страницы районов, цены, вопросы клиентов, работы
Интернет-магазин	Главная, категории, карточки, доставка, оплата	Подкатегории по параметрам, подборки, бренды
Услуги для бизнеса	Главная, направления, отраслевые страницы, контакты	Форматы работы, отраслевые решения, экспертные материалы
Мастер или специалист	Главная, услуги, обо мне, отзывы, контакты	Отдельные страницы под частные задачи, блог
Одностраничный сайт	Один экранный сценарий с блоками	Ничего: расширять придётся переездом на многостраничный

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

Почему запросы идут раньше макетов

Порядок «сначала дизайн, потом наполнение» кажется естественным, но он переворачивает зависимость. Дизайн — форма для содержимого, а содержимое определяется тем, какие страницы вообще должны существовать. Список страниц берётся из групп запросов, и больше ниоткуда.

Что даёт собранная семантика до вёрстки:

• Число шаблонов. Из групп видно, сколько типов страниц нужно нарисовать: услуга, раздел каталога, карточка, региональная страница, статья. Дизайнер получает точное задание вместо расплывчатого «главная и внутренняя».
• Меню и вложенность. Разделы называются так, как формулируют люди, а не так, как принято внутри компании. Расхождение между внутренним жаргоном и языком клиента обнаруживается именно здесь.
• Адреса страниц. Их проектируют один раз: любое последующее изменение требует перенаправлений и стоит позиций.
• Фильтры каталога. Видно, по каким параметрам ищут — размер, мощность, назначение, материал — и какие сочетания заслуживают отдельного адреса, а какие достаточно оставить обычным фильтром.
• Объём работ по текстам. Количество страниц известно до начала, значит, известен и срок подготовки материалов — а именно он обычно определяет дату запуска.

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

Подробнее об этом — в статье «С чего начать продвижение сайта».

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

Что нужно на старте для разных типов сайтов

Тип сайта	Что подготовить на старте	Срок и порядок работ
Визитка специалиста	Описание услуг, цены, фотографии, отзывы, контакты	Две-четыре недели: запросы, структура, тексты, сборка, аналитика
Сайт услуг в городе	Перечень услуг с составом работ, прайс, примеры работ, реквизиты	Один-два месяца: семантика, карта страниц, тексты, дизайн, запуск, карточки на картах
Интернет-магазин	Товары с характеристиками и фотографиями, условия доставки и оплаты	Два-четыре месяца: структура каталога и фильтров, товарные данные, сценарий заказа, проверка оплаты
Услуги для бизнеса	Описания направлений, отраслевые примеры, документы, презентация	Полтора-три месяца: спрос по направлениям, отраслевые страницы, экспертные материалы
Одностраничный сайт под рекламу	Предложение, цены, ответы на возражения, форма	Одна-две недели: сценарий экрана, тексты, сборка, кампании, цели в аналитике
Информационный проект	План тем и первые несколько материалов	От месяца: сбор тем по спросу, шаблоны, публикации, перелинковка

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

Домен и хостинг

Параметр	На что смотреть	Чего избегать
Имя домена	Короткое, произносимое по телефону, связано с делом	Дефисы подряд, цифры, двусмысленное чтение латиницей
История домена	Проверить прошлое имя через архивы страниц	Домен с прошлым под другую тематику или с санкциями
Зона	Для России — привычные национальные зоны	Экзотические зоны с низким доверием
Хостинг	Скорость отклика, поддержка нужной версии платформы, живая техподдержка	Самый дешёвый тариф без резервных копий
Расположение серверов	Ближе к вашей аудитории	Площадки, недоступные из вашего региона
Защищённое соединение	Сертификат подключён и обновляется автоматически	Работа сайта без сертификата

Помогу с продвижением: SEO-продвижение от Анатолия Кузнецова — вывожу сайты в топ Яндекса белыми методами.

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

Выбор платформы

Спор о том, что лучше — конструктор, готовая система управления или разработка с нуля, не имеет универсального ответа. Всё определяется задачей и планами на два-три года вперёд.

Вариант	Кому подходит	Сильная сторона	Ограничение
Конструктор	Быстрый старт, тест идеи, простая визитка	Запуск за дни, не нужен специалист	Потолок по настройкам, сложности с переносом
Готовая система управления	Большинство коммерческих сайтов	Гибкость, много специалистов на рынке, расширения	Нужны обновления и присмотр за безопасностью
Магазинная платформа	Торговля с большим ассортиментом	Готовые сценарии заказа и оплаты	Абонентская плата, зависимость от сервиса
Разработка с нуля	Нестандартная логика, сервисы	Полный контроль	Дорого, долго, привязка к разработчику

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

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

Как проверить хостинг и платформу до оплаты

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

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

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

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

Тему разбирал отдельно: «Создание сайта на чистом html коде».

Права доступа оформляются сразу. Домен регистрируется на вас, а не на подрядчика. Аккаунты хостинга, аналитики, панелей вебмастеров и почты заводятся на вашу почту, а исполнителям выдаются отдельные доступы с возможностью их отозвать. Это единственная защита от ситуации, когда сайт работает, а управлять им некому.

Что обязательно должно быть на сайте

Независимо от типа проекта есть набор элементов, отсутствие которых стоит клиентов.

• телефон и способ связи в шапке, кликабельные с телефона;
• понятное название услуги на первом экране вместо слогана;
• цены или порядок расчёта — хотя бы вилка;
• реквизиты и юридические данные: их проверяют перед оплатой;
• страница о компании с живыми фотографиями, а не стоковыми;
• форма обращения с объяснением, что произойдёт после отправки;
• политика обработки персональных данных и согласие в формах;
• карта проезда, если есть офис или точка выдачи.

Контент: то, что не сделает за вас никто

Самая частая причина, по которой запуск затягивается на месяцы, — не разработка, а отсутствие материалов. Тексты, фотографии и цены собирает владелец, потому что фактов больше взять неоткуда.

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

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

Техническая база перед запуском

Пункт	Зачем	Как проверить
Один основной адрес сайта	Иначе поисковики видят несколько копий	Открыть сайт с www и без, с http и https
Скорость загрузки	Влияет на отказы и позиции	Проверить главную и страницу услуги на мобильном
Мобильная версия	Большая часть трафика с телефонов	Пройти сценарий заявки на реальном устройстве
Заголовки и описания страниц	Влияют на кликабельность в выдаче	Проверить, что они разные и осмысленные
Карта сайта и файл правил обхода	Помогают индексации	Открыть файлы по прямым адресам
Счётчики аналитики	Без них решения принимаются вслепую	Зайти на сайт и увидеть себя в отчёте
Цели в аналитике	Чтобы считать заявки, а не визиты	Отправить тестовую заявку и найти её в отчёте
Панели вебмастеров	Сообщают об ошибках и санкциях	Подтвердить права на сайт в обеих системах

Тестовая заявка — обязательный пункт приёмки. Проверьте, что письмо приходит, не попадает в спам и содержит все заполненные поля. Неработающая форма при живом трафике — самая обидная и самая частая потеря.

Технический минимум: разбор по пунктам

Пункты из таблицы легко отметить галочкой формально. Ниже — что смотреть внутри каждого.

Если нужна помощь по теме — мой курс по SEO.

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

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

Смежный материал по теме — «Создание сайта на WordPress».

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

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

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

Первые месяцы после запуска

Запуск — не финиш, а начало. В первые месяцы сайт живёт по такому порядку.

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

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

Частые вопросы

Сколько времени занимает создание сайта? Техническая часть небольшого сайта — от недели до месяца. Реальный срок определяется готовностью материалов: чаще всего проект стоит месяцами именно из-за текстов, цен и фотографий.

Можно ли сделать сайт самому без разработчика? Простой сайт на конструкторе или готовой системе — да. Границей обычно становится не сборка страниц, а техническая настройка и подключение аналитики. Разумный компромисс: собрать самому, а настройку и проверку заказать специалисту.

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

Как быть, если сайт уже сделан не по этому порядку? Не переделывать всё сразу. Сначала соберите семантику, сопоставьте её с существующими страницами и посмотрите, каких страниц не хватает. Обычно достаточно достроить структуру и переписать ключевые страницы, а не начинать заново.

Когда ждать первых заявок из поиска? Индексация занимает от нескольких дней до пары недель, заметный поисковый трафик по низкочастотным запросам появляется через два-четыре месяца. Если обращения нужны раньше, единственный вариант — платные каналы.

О методах, которые работают вдолгую и не вредят сайту:

5:21

Коротко

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

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