SEO-driven разработка

Веду фронт и бэк так, чтобы краулер получал предсказуемый HTML, каноникалы не спорили друг с другом, а CWV и мобильный паритет проверялись на каждом шаблоне до продакшена. Микроразметка — в шаблонах и данных, без «накрутки плагином» после запуска.

Как обычно распределяется работа

Ориентир: архитектура URL и навигация; семантика и структурированные данные; CWV и критический путь; мобильный паритет и запуск. Доли зависят от стека (SPA/SSR/SSG) и размера каталога.

Архитектура (URL, навигация)30%
Семантика и Schema26%
CWV и скорость26%
Mobile и запуск18%
Типичная ситуация

Почему «сначала верстка, потом SEO» даёт техдолг и риски индексации?

1

SEO добавляется после запуска

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

2

Платформа не готова к поисковикам

SSR/SSG не настроен для React/Next, каноникалы бьют друг по другу, robots.txt закрывает важные разделы.

3

Мобильные страницы проигрывают

Контент скрыт под аккордеонами, уникальный текст только на десктопе, touch-элементы неудобны. Mobile-First Indexing страдает.

4

Скорость «на глаз»

Core Web Vitals не измерялись до запуска, LCP «красный» на всех страницах кроме главной. Производительность не приоритет.

Состав

Что входит в SEO‑Driven Development

Веду фронт и бэк так, чтобы краулер получал предсказуемый HTML, каноникалы не спорили друг с другом, а CWV и мобильный паритет проверялись на каждом шаблоне до продакшена. Микроразметка — в шаблонах и данных, без «накрутки плагином» после запуска.

CWV и критический путь

Профилирование LCP/INP/CLS по шаблонам, lazy‑load по правилам, кэш статики и политика шрифтов — не только «зелёная главная» в Lighthouse.

  • Сравнение lab vs полевые сигналы после выката
  • Бюджеты на тяжёлые блоки и третьи стороны
  • Регрессии CWV в чеклисте перед мержем

Semantic HTML5

Иерархия H1–H3, минимум обёрток, осмысленные landmark‑роли: DOM, который краулер и команда могут сопровождать без страха.

  • Согласование с дизайн‑системой без «div‑супа»
  • Доступность базовых сценариев на мобильном
  • Единые паттерны для списков, карточек, табов

Schema.org в коде

JSON‑LD из данных страницы: Organisation, BreadcrumbList, Article, Product — без дублей типов и конфликтов с видимым HTML.

  • Проверка Rich Results на эталонных URL
  • Правила при мультиязычности и вариантах товара
  • Версионирование схем при смене шаблонов

Mobile First

Паритет контента и ключевых действий на мобильном и десктопе: без «текста только на большом экране» и неудобных touch‑зон.

  • Поведение аккордеонов и фильтров с точки зрения индексации
  • Одинаковые сигналы для конверсии и SEO
  • Проверка критичных воронок на реальных устройствах

Индексация с первого дня

GSC, XML Sitemap, robots.txt, контроль покрытия и статусов; политика noindex/canonical на уровне маршрутов и шаблонов.

  • Исключение черновиков и превью из индекса
  • Синхронизация sitemap с реально отдаваемым HTML
  • Смоук после деплоя на выборке URL

Перелинковка и рост

Навигация и внутренние ссылки с запасом под каталог: пагинация, хабы, хлебные крошки без конфликтов canonical.

  • Шаблоны анкоров и глубины для коммерческих разделов
  • Избегание «тоннелей» без входящих ссылок
  • Правила при появлении фильтров и сортировок

Релизы и качество

Staging, превью веток, автоматические смоуки: чтобы смена шаблона не ломала мета, редиректы и CWV незаметно для поиска.

  • Чеклист редиректов и 404 при рефакторинге URL
  • Снимки ключевых метрик до/после релиза
  • Документация инвариантов для следующих спринтов

Meta, OG и инварианты

Title/description, Open Graph, canonical и alternate — из типов страниц и данных CMS, а не разрозненных правок в шаблонах.

  • Защита от дублирующихся title на листингах
  • Единый источник правды для OG и JSON‑LD
  • Правила для архивных и служебных маршрутов

Инженерная разработка, где SEO — часть архитектуры

Я веду разработку с упором на чистую архитектуру URL, семантический HTML, мобильную доступность и контроль CWV. Микроразметка Schema.org вшивается в шаблоны, а не добавляется плагином. Каждый этап проходит SEO‑чеклист до мержа в прод.

Архитектура до вёрстки — Структура разделов, шаблоны URL, навигация и заготовки под будущий контент проектируются с учётом масштабирования без перелома canonical.

Semantic HTML5 и Schema.org — Иерархия H1‑H3, минимум обёрток, JSON‑LD под тип страницы, хлебные крошки. Код, который можно сопровождать и не бояться регрессий в rich results.

Скорость как фундамент — Профилирование критического пути, lazy‑load, кэш статики. Цель — устойчиво зелёные Core Web Vitals на всех шаблонах, а не только на главной в Lighthouse.

Mobile First как база — Одинаковый контент и действия на мобильных и десктопе. Никакого спрятанного текста и не‑touch‑friendly UI ради дизайна.

Процесс

Как строится разработка

Три фазы с приёмкой по SEO‑чеклисту на каждом этапе.

Шаг 1

Проект

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

Шаг 2

Код

Вёрстка и интеграция с CMS/фреймворком: SSR или SSG где нужно, Robots.txt, Sitemap XML, базовый Structured Data, контроль Core Web Vitals. Результат: Функционирующий сайт, проходящий SEO‑чеклист на staging.

Шаг 3

Запуск

Редиректы, мониторинг GSC, проверка покрытия и CWV на пилотной выборке URL. Передача команды документации по SEO‑инвариантам проекта. Результат: Сайт в проде с чистой индексацией и зелёными метриками.

Лично

Эксперт, который ведёт проект

Не прячусь за отделом продаж: приоритеты, разборы и ответы по сути — от стратегии до отчётности.

Павел Борушко

SEO-стратег

Павел Борушко

Head of SEO @ Texode · Минск / гибрид

SEO-стратег с инженерным мышлением. Веду проекты от запуска с нуля до масштабирования высоконагруженных платформ: JS/SPA, поддомены, мультиязычность и мультирегиональность. Техаудит, стратегии индексации, семантика и структурированные данные — в зоне моей ответственности.

3+
года в SEO
E-com · SaaS
типы проектов
Head of SEO
специализация
Вопросы

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

Ответы
Делаю и новые проекты, и ретрофит: аудит, точечные PR под индексацию и CWV — если перелом URL‑схемы не обязателен. При необходимости — поэтапная миграция с редиректами и контролем GSC.
SSR и SSG отдают HTML с контентом на первом ответе, без ожидания клиентского рендера. Для JS‑тяжёлых приложений это снижает риск пустых снапшотов и ускоряет оценку страницы краулером.
Прямые контакты

Хотите сайт, который не надо спасать после запуска?

Разработка с SEO‑инвариантами в коде: архитектура URL, скорость, разметка и чистая индексация с первого дня.

Бесплатная первичная консультация