SEO-подготовка сайта на этапе разработки: что заложить с первого дня, чтобы не догонять потом

Представьте: вы построили дом. Красивый, добротный. Заселились. А через месяц обнаружили, что в стенах нет электрики. И водопровода нет. И канализация не подведена.

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

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

В этой статье — без заклинаний и «seo-магии» — что конкретно нужно сделать на этапе разработки сайта, чтобы через полгода не начинать всё заново.

Почему SEO после запуска — это «ремонт после стройки»

Ко мне приходят два типа клиентов.

Первый тип: «Саша, я хочу сайт. Вот бриф, вот бюджет. Погнали».

Таким я на первом же созвоне показываю структуру, собранную под семантику. Мы вместе смотрим, какие страницы будут на сайте, какие ключевые слова лягут в заголовки, где будут meta-теги. Через месяц сайт в индексе Яндекса и Google. Через три — первые позиции по низкочастотным запросам. Через полгода — стабильный поток заявок с поиска.

Второй тип: «Саша, сайт уже готов. Сделали полгода назад. Трафика нет. Позиций нет. Посмотри?»

Открываю. Сайт на Tilda. Страниц 30. Ни одного H1. Title везде одинаковый — название компании. Картинки по 2 мегабайта. Скорость загрузки — 6 секунд. Мобильная версия едет. Файла sitemap.xml нет. robots.txt закрывает весь сайт от индексации.

Диагноз: сайт построен без SEO-проектирования. Лечение: полный демонтаж структуры, пересборка страниц, переписывание мета-тегов. Цена переделки — от 50 до 100% стоимости первоначальной разработки.

Разница между первым и вторым типом — один звонок SEO-специалисту до того, как дизайнер открыл Figma.

Семантическое ядро до дизайна: как структура сайта влияет на позиции

«Семантическое ядро» звучит как что-то из ядерной физики. На самом деле это просто список того, что люди ищут в Яндексе и Google по вашей теме.

Зачем оно дизайнеру?

Вот типичный диалог, который случается, когда семантики нет:

Заказчик: Хочу сайт. У нас 5 услуг.
Дизайнер: Ок, делаю 5 страниц услуг + главная + контакты. 7 страниц.
SEO-специалист (через полгода): По вашей тематике 120 поисковых запросов. Нужно 25 посадочных страниц. Структуру — переделывать.

Теперь тот же диалог, когда семантика делается ДО дизайна:

Заказчик: Хочу сайт.
SEO-специалист: Вот семантическое ядро: 120 запросов, 15 кластеров. Структура: 25 целевых страниц + блог. Даю карту сайта дизайнеру.
Дизайнер: Понял. 25 страниц в макете, блог отдельным разделом. Делаю.

Первый сценарий — переделка структуры через полгода. Второй — сайт, который с первого дня ранжируется по сотне запросов.

Что происходит, когда структура строится от семантики

1. Каждая страница сайта создаётся под конкретную группу запросов — а не «просто чтобы было».
2. Уже на этапе прототипа понятно: вот главная — сюда лягут высокочастотные запросы, вот раздел услуг — сюда среднечастотные, вот статьи в блог — сюда низкочастотные.
3. Дизайнер знает, где будет текст, где заголовки, где место под SEO-блоки.
4. Копирайтер получает ТЗ не «напишите про компанию», а «текст для страницы, целевой запрос — доставка цветов Минск, объём 2500 знаков, структура: H1 → лид-абзац → преимущества → цены → CTA».

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

Техническое SEO на этапе вёрстки: чек-лист из 8 пунктов

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

1. Скорость загрузки — не «когда-нибудь», а сейчас

Яндекс и Google ранжируют сайты по скорости. Сайт, который грузится 5 секунд, проигрывает сайту, который грузится 0,4 секунды — при прочих равных.

Что закладывается на этапе вёрстки:

• Оптимизация изображений (WebP, сжатие, ленивая загрузка)
• Минификация CSS и JS
• Кеширование на стороне сервера
• Отсутствие тяжёлых скриптов и фреймворков «на всякий случай»

На WebArt.by сайты грузятся 200–400 мс. Это не магия — это LiteSpeed + PHP 8.2 + чистый код без помойки из 50 плагинов. И это делается на этапе разработки, а не после.

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

2. Адаптивность под мобильные — mobile first

В Беларуси больше половины поискового трафика — с мобильных. Яндекс давно перешёл на mobile-first индексацию: он смотрит в первую очередь мобильную версию.

Что проверять:

• Все элементы кликабельны на экране 320px
• Шрифты читаются без масштабирования
• Нет горизонтального скролла
• Формы заполняются с телефона без мата

3. ЧПУ (человеко-понятные URL)

Не site.by/?p=123, а site.by/uslugi/dostavka-cvetov-minsk.

Правила:

• Лаконичный URL без стоп-слов («i», «na», «kak»)
• Ключевое слово в URL
• Никаких заглавных букв и кириллицы в slug
• Структура вложенности: site.by/razdel/podrazdel

Это настраивается один раз. Переезд с кривых URL на нормальные — боль, редиректы и потеря позиций. Лучше сделать сразу.

4. Title и Description — не «потом заполним»

Каждая страница должна получать Title и Description на этапе разработки, а не после. Шаблоны типа «Главная страница» на 30 страницах — гарантированный путь в фильтр Яндекса за дубли.

Что закладывается в админку:

• Поле Title (отдельное, с подсказкой по длине до 70 символов)
• Поле Description (до 160 символов)
• Автоматическая генерация из заголовка H1 + названия сайта, если поля не заполнены — но с возможностью переопределить

5. Заголовки H1-H6: строгая иерархия

На каждой странице должен быть ровно один H1. Он совпадает с основным заголовком страницы и содержит ключевой запрос.

H2 — подзаголовки разделов. H3 — подразделы внутри H2. Никаких H4 на аватарках в футере и H2 на кнопках «Заказать звонок».

Это проверяется на этапе вёрстки. Потом перелопачивать 50 страниц — спасибо, не надо.

6. Schema.org — микроразметка

Поисковики любят, когда сайт говорит им на понятном языке, кто он такой.

Что нужно разметить:

• Organization — название, логотип, телефон, адрес
• BreadcrumbList — хлебные крошки
• Product (для интернет-магазина) — название, цена, наличие
• Article (для блога) — заголовок, автор, дата

На WebArt.by это заложено в код с первого дня. Результат: расширенные сниппеты в выдаче, звёздочки, хлебные крошки — всё, что повышает CTR.

7. robots.txt и sitemap.xml

Файл robots.txt должен:

• Закрывать от индексации админку, корзину, личный кабинет
• Открывать всё остальное
• Содержать ссылку на sitemap.xml

Файл sitemap.xml должен:

• Генерироваться автоматически при добавлении новых страниц
• Содержать все проиндексированные URL
• Обновляться при изменении контента

Оба файла настраиваются до запуска и проверяются в Яндекс.Вебмастере и Google Search Console.

8. HTTPS — не «потом настроим»

Сайт сразу работает по HTTPS. Сертификат выпускается до запуска. HTTP-версия настраивается на редирект 301 на HTTPS. Никакого «смешанного контента», когда часть ресурсов грузится по HTTP.

Контент: почему тексты должны быть готовы до запуска

Самая частая фраза, которую я слышу от заказчиков:

«Тексты потом докидаем, ты пока сайт сверстай с рыбой».

Вот что происходит, когда вы запускаете сайт с lorem ipsum:

1. Поисковый робот заходит на сайт, видит 20 страниц с текстом «Lorem ipsum dolor sit amet» и уходит.
2. Через месяц появляются тексты. Робот заходит снова: структура поменялась, заголовки поменялись, URL поменялись.
3. Робот думает: «Что за сайт-перевёртыш?» — и понижает позиции.
4. Сайту 3 месяца, а он всё ещё «молодой» в глазах поисковика — потому что каждый раз выглядит по-новому.

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

В WebArt.by тексты — не моя зона ответственности, но я подсказываю структуру и даю контакты проверенных копирайтеров. Если у вас тексты уже есть — я их адаптирую под SEO-требования (заголовки, плотность ключевых слов, читаемость).

Что будет, если пропустить SEO-подготовку: реальный сценарий

Вот хронология одного проекта. Назовём его «Сайт Икс». Ниша — строительные услуги.

Месяц 0. Заказали сайт в студии за 3 000 BYN. 15 страниц. Красивый дизайн. Срок — 2 месяца.

Месяц 2. Сайт запущен. Без sitemap.xml, без robots.txt, без мета-тегов. Тексты — «потом допишем». В админке Title ко всем страницам: «Главная страница». H1 отсутствует на 10 из 15 страниц.

Месяц 4. Клиент замечает, что заявок с сайта нет. Заходит в Яндекс.Метрику — 3 посетителя в неделю. Поисковый трафик — ноль.

Месяц 6. Обращается ко мне за SEO-аудитом. Диагноз:

• Сайт не проиндексирован на 40%
• 12 критических технических ошибок
• Мобильная версия не соответствует требованиям
• Ни одной страницы, оптимизированной под ключевые запросы

Месяц 7. Цена исправления: 1 200 BYN. Это 40% от стоимости разработки. Плюс потеряны 5 месяцев — полгода сайт просто висел в интернете и не работал.

Месяц 10. После переделки сайт начинает получать первые заявки. Итого от запуска до первых заявок — 10 месяцев. Если бы SEO заложили на старте — заявки пошли бы через 2–3 месяца.

Это не страшилка. Это вторник.

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

Что входит в SEO-подготовку в WebArt.by

Я не продаю SEO как отдельную услугу на этапе разработки. Это включено в стоимость сайта. Вот что вы получаете:

А подробно о том, из чего складывается цена на интернет-магазин и как не переплатить — в статье Интернет-магазин под ключ: из чего складывается цена и как не переплатить.

Что не входит и почему:

• Написание текстов. Я разработчик, не копирайтер. Но я даю структуру, по которой копирайтер напишет SEO-оптимизированные тексты. И проверяю, чтобы заголовки и ключевые слова легли правильно.
• SEO-продвижение после запуска. Это отдельная услуга — 400 BYN/мес. Включает наращивание ссылочной массы, внешнюю оптимизацию, контент-маркетинг, отслеживание позиций. Подготовка к SEO — часть разработки. Само SEO — отдельная работа.

Что делать после запуска: минимальный план на первые 3 месяца

Сайт запущен. SEO-подготовка заложена. Что дальше?

Месяц 1: индексация

• Добавить сайт в Яндекс.Вебмастер и Google Search Console
• Отправить sitemap.xml на индексацию
• Проверить robots.txt — не закрывает ли нужные страницы
• Проверить индексацию: сколько страниц попало в поиск
• Установить Яндекс.Метрику, настроить цели
• Настроить Яндекс.Бизнес (карточка организации)

Ожидание: сайт проиндексирован на 80-100%. Первые показы по брендовым запросам.

Месяц 2: первые доработки

• Проверить отчёт «Индексация страниц» в Вебмастере
• Исправить ошибки (битые ссылки, дубли, проблемы с мобильной версией)
• Написать первые 3-5 статей в блог под низкочастотные запросы
• Проверить, как сайт выглядит на мобильных — руками, не через эмулятор

Ожидание: первые показы по низкочастотным запросам. Рост индексации до 95%.

Месяц 3: первые позиции

• Замерить позиции по 20-30 ключевым запросам (через Топвизор, Keys.so или аналог)
• Сравнить с конкурентами: кто выше, почему
• Написать ещё 3-5 статей
• Проверить коммерческие факторы: контакты, цены, кейсы, отзывы
• Принять решение: продолжать самостоятельно или подключить SEO-продвижение (400 BYN/мес)

Ожидание: первые позиции в топ-50 по целевым запросам, топ-20 по низкочастотным.

Резюме

SEO-подготовка на этапе разработки — это не «дополнительная опция». Это разница между сайтом, который работает, и сайтом, который просто висит.

В WebArt.by это включено в цену разработки. Не потому что я добрый — потому что я не хочу через полгода переделывать свою же работу. И вам не придётся платить дважды.

Посмотреть мои услуги →

Заполнить бриф на разработку →