SEO-кухня SEO-кухня 06.07.2023

SEO на этапе разработки сайта: что такое SEO Driven Development и зачем он нужен

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

SEO на этапе разработки сайта: что такое SEO Driven Development и зачем он нужен

Разбираемся, как работает SEO Driven Development и как внедрить такой подход в своих проектах, вместе с Антоном Платоновым, руководителем отдела SEO в компании Novatechno.

Почему важно разрабатывать сайт по принципу SEO Driven Development

Подходов к разработке сайтов много, но чаще всего выделяют два: BDD (Behavior Driven Development, подход с учётом поведения пользователей) и CDD (Customer Driven Development, сборка проекта с учётом требований клиента).

А SDD (SEO Driven Development) — это когда SEO‑специалист подключается к проекту ещё до старта, то есть прямо влияет на разработку страниц сайта, чтобы они сразу отвечали требованиям поисковиков.

🗣️ Выпуск Топвизор‑Подкаста о SEO Driven Development

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

Антон Платонов:

«Покажу на примерах, почему лучше сразу делать SEO‑friendly‑сайт.

Пример 1.

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

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

Смотрите, как начал расти трафик:

Рост трафика на проекте с SEO Driven Development

Клиент работает с нами до сих пор.

Пример 2.

Проект связан с продажей кислородного оборудования. ЦА — рядовые потребители и владельцы медицинских кабинетов.

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

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

Смотрите, как начал расти трафик:

Рост трафика на проекте с оптимизированным под SEO сайтом

В общем, при разработке сайта с учётом SEO закладывается крепкий фундамент для любого проекта».

Вот как обычно это происходит:

  1. Проводится предпроектная работа по анализу коммерческих факторов. На первых этапах составляется избыточная структура в соответствии с возможностями клиента.

  2. Подготавливаются метатеги, структура заголовков и URL. Все это составляется на основе чистой и разбитой на кластеры расширенной семантики.

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

❓ Как убедить клиента, что SEO нужно подключать к разработке как можно раньше

Антон Платонов:

«К сожалению, к SEO в России относятся скептически, так как рынок перенасыщен фрилансерами. Иногда приходится оправдываться за индустрию и буквально убеждать заказчиков в необходимости работ.

Чаще всего разговор строится на основе цифр из некоторых кейсов. Мы, например, объясняем, что, чтобы собрать сайт с учетом SEO, придется потратить лишь на 10 % больше базовой стоимости сайта. Эти затраты потом позволят сэкономить как время, так и финансы. Так что, по сути, это дешевле.

Иногда мы прямо перед клиентом разбираем кейсы (конечно, те, где не требуется подписывать NDA) и на их основе показываем: какие работы делались, сколько денег было потрачено для оптимизации хорошо собранного сайта и сайта, который приходится полностью переделывать.

Обычно после такого клиенты не отказываются от предпроектных работ и SDD‑подхода. Помню только одного клиента, кто решил всё оптимизировать сам — но он вернулся к нам через полгода. А так все понимают, что качественная сборка на старте экономит средства в итоге».

Основные этапы работ согласно SDD

Работа SEO‑специалиста должна начаться ещё до разработки сайта.

Чтобы начать собирать сайт, у разработчиков должна быть на руках проработанная структура, архитектура URL и список коммерческих факторов для всех элементов сайта (шапка, футер, главная, каталог, категория, карточка на листинге, страница товара и прочее). Без этого сайт собирается вслепую — продукт будет «сырым».

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

Расскажем, что SEO‑специалист делает на каждом этапе в SDD‑подходе.

Анализ ниши и конкурентов

Сначала SEO‑специалист изучает, какие сайты находятся в ТОПе выдачи по запросам, по которым нужно, чтобы ранжировался продвигаемый сайт.

Затем он оценивает:

  • структуру сайтов конкурентов;

  • контент на сайтах: его форматы, подачу, длину статей, изображения;

  • дизайн ресурса — насколько он удобен для пользователей;

  • ключевые слова, по которым продвигаются конкуренты.

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

❗️ Сделать анализ конкурентов можно с помощью специального инструмента от Топвизора.

Сервис поможет найти конкурентов и покажет:

  • запросы, по которым ваш сайт и сайты конкурентов находятся в поиске;

  • сниппеты и дополнительные блоки, которые отображаются в выдаче по запросам;

  • частоту, цену клика, трафик, релевантную страницу по запросам;

  • структуру сайтов;

  • запросы, трафик, среднюю позицию по каждой странице.

Вот как посмотреть семантику конкурентов (пригодится на следующих этапах):

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

Выбор региона продвижения в «Анализе конкурентов» в Топвизоре

2. После выбора региона устанавливаем поиск по «Домену или URL».

Установка режима поиска в «Анализе конкурентов» в Топвизоре

3. Вводим домен или страницу для анализа.

Домен можно ввести в любом формате. В выпадающем списке появится нужный сайт или страница — на него нужно кликнуть.

Ввод домена для «Анализа конкурентов» в Топвизоре

4. Выбираем дату — месяц, за который хотим посмотреть отчёт. Мы объединяем данные по месяцам, чтобы при необходимости вы могли посмотреть всю историю изменения видимости сайта по запросам.

Установка даты в «Анализе конкурентов» в Топвизоре

5. Теперь нажимаем кнопку «Построить отчёт».

Запуск «Анализа конкурентов» в Топвизоре

Топвизор соберёт данные и покажет, какое количество запросов удалось найти для вашего сайта и сколько будет стоить отчёт:

Цена и настройки отчета в «Анализе конкурентов»

Сбор семантики

На основе анализа ниши и конкурентов SEO‑специалист собирает список ключевых слов и фраз, которые наиболее релевантны проекту.

Ключевые слова берут:

  • у владельцев и сотрудников бизнеса — они знают, как пользователи называют продукт;

  • в сервисах аналитики поведения пользователей: Яндекс Метрике, Google Analytics;

  • в сервисах подбора похожих запросов: Яндекс Вордстате и Топвизоре — и синонимов: text.ru, Synonymonline.ru;

  • в сервисах анализа конкурентов, как мы уже писали выше.

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

Разработка структуры

На основе собранной семантики специалист разрабатывает структуру сайта, которая будет наиболее оптимальной для SEO.

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

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

  • запрос;

  • кластер (группа);

  • целевой URL — страница под интент кластера.

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

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

  • делает сайт более удобным и полезным для посетителей;

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

Пример очень упрощённой структуры сайта в виде mind map
Пример очень упрощённой структуры сайта в виде mind map

❗️ Подробнее о работе с семантикой и структурой сайта мы рассказываем в 4‑м модуле нашего бесплатного курса по SEO.

Прототипирование

На этом этапе создаётся прототип сайта, который будет базироваться на разработанной структуре.

SEO‑специалист указывает, где должны располагаться важные элементы сайта. И даже как они должны выглядеть:

  • элементы брендинга — как минимум логотип;

  • блоки контента на сайте;

  • контактные данные компании, владеющей сайтом;

  • элементы навигации: меню, «хлебные крошки» и прочее;

  • кнопки призыва к действию;

  • формы сбора контактных данных.

❗️ На этом этапе нужны коммерческие факторы сайта.

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

Дизайн и вёрстка

На основе прототипа разрабатывается дизайн сайта и его вёрстка.

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

Программирование

SEO‑специалист на этом этапе создаёт техническое задание для разработчиков, в котором прописывает:

  • как настраивать редиректы;

  • как создавать микроразметку страниц;

  • где и как размещать SEO‑тексты;

  • как делать дополнительные информационные страницы и лендинги, связанные с сайтом;

  • возможность редактирования robots.txt;

  • возможность прописывания title, description и других тегов, определяющих содержание страницы;

  • возможность формирования ЧПУ с дальнейшими правками их вручную.

Подготовка контента

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

SEO‑специалист:

  1. Определяет приоритетные для продвижения страницы.

  2. Изучает тексты, опубликованные конкурентами, если не сделал этого на первом этапе «Анализ конкурентов и ниши».

  3. Формирует контент‑план проекта.

  4. Пишет техническое задание на каждый текст для авторов, которые будут с ними работать.

В ТЗ обычно включают:

  • описание целевой аудитории — для кого пишем текст;

  • тему текста, цель текста, примерный заголовок;

  • примерную структуру текста с заголовками и подзаголовками (её можно составить на основе структуры текстов конкурентов) — это своеобразная карта текста для автора, о чём писать;

  • главный ключ;

  • тематикозадающие слова (слова, раскрывающие тему) и, возможно, дополнительные слова из популярных ключевиков в кластере;

  • требования к качеству текста: чистота и читаемость по Главреду, уникальность в сервисах проверки уникальности — об этом подробнее ниже;

  • объём текста в знаках без пробелов — можно взять усреднённое значение на основе анализа текстов конкурентов;

  • необходимые элементы: иллюстрации, списки, таблицы, определения терминов;

  • хорошие примеры конкурентов.

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

❗️ Подробнее о работе с контентом — в 5‑м уроке 6‑го модуля нашего бесплатного курса по SEO.

Как получать хорошие SEO‑тексты с биржи: интервью с Алексеем Сорокиным

Тестирование

После создания сайта проводится его тестирование, чтобы убедиться, что всё работает правильно.

SEO‑специалист на этом этапе проверяет:

  • есть ли у сайта SSL‑сертификат;

  • отображение сайта в разных браузерах;

  • отсутствие страниц‑дублей на сайте;

  • наличие и корректность микроразметки на страницах;

  • мобильную версию сайта — её удобство для пользователей и принятие поисковиками;

  • скорость загрузки контента и CWV;

  • коды ответов страниц сайта;

  • уникальность метатегов — title и description;

  • закрыты ли личный кабинет и корзина от индексации поисковиками.

❗️ Проверить важные показатели качества сайта можно в «Анализе сайта» от Топвизора.

1. Нажмите «Настроить» или откройте «Настройки» → «Страницы для проверки»:

Настройка «Анализа сайта» в Топвизоре

2. В открывшемся окне нажмите на плюсик («Импорт URL») и введите список URL / загрузите их из файла. Нажмите «Импорт»:

Ввод URL для «Анализа сайта» в Топвизоре

3. Затем нажмите кнопку «Проверить»:

Запуск «Анализа сайта» в Топвизоре

4. После завершения аудита перейдите на вкладку «Сводка», чтобы увидеть все замечания и проблемы в общем отчёте:

Отчёт (Сводка) в «Анализе сайта» в Топвизоре

5. Перейдите в раздел «Страницы» → «Индексируемость». В первом столбце будет указан код ответа для каждой страницы:

Проверка индексации и коды ответов страниц в «Анализе сайта» в Топвизоре

Настройка аналитики, AMP и турбостраниц

На этом этапе настраивается аналитика для отслеживания посетителей сайта и их действий.

SEO‑специалист добавляет сайт:

  • в Яндекс Вебмастер и Яндекс Метрику;

  • в Google Search Console и Google Analytics.

Что такое Яндекс Вебмастер и как им пользоваться

Как работать с Яндекс Метрикой: установка, настройка, отчёты

Также на этом этапе разработчикам дают ТЗ на подключение турбо‑ и AMP‑страниц сайта.

Что делать дальше

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

Проект будет расти, структура — расширяться, поисковики будут выкатывать обновления. Будут контентное продвижение и линкбилдинг, оптимизация новых страниц, отслеживание работ конкурентов, мониторинг ниши.

Вот что нужно отслеживать после разработки сайта:

  • посещаемость сайта;

  • глубину просмотра посетителями;

  • показатель отказов;

  • время на сайте;

  • источники трафика: ПС, устройства, браузеры;

  • достижение целей: покупку, оставление номера, звонок (в зависимости от целей бизнеса).

Также, когда сайт уже готов, можно подключать и другие каналы продвижения — например, соцсети, таргетированную и контекстную рекламу.

Запомнить

  1. SDD (SEO Driven Development) — подход, когда SEO подключается к работе над сайтом с самого начала.

  2. Такой подход нужен, чтобы сделать сразу готовый к оптимизации, SEO‑friendly‑сайт, и избежать множества переделок на этапе продвижения.

  3. Чтобы убедить клиента в том, что нужен SDD‑подход, надо показать ему кейсы. А также рассказать о стоимости — что даже если на старте такой сайт будет дороже, потом подход сэкономит деньги.

  4. SEO‑специалист подключается на всех этапах разработки сайта:

    • анализирует конкурентов и нишу;

    • формирует семантическое ядро;

    • участвует в создании структуры сайта;

    • участвует в создании прототипа;

    • участвует в создании дизайна и вёрстки сайта;

    • создаёт ТЗ для разработчиков сайта;

    • участвует в тестировании;

    • настраивает системы аналитики.

  5. После разработки сайта по подходу SDD работа не прекращается: нужно отслеживать SEO‑показатели, работать над контентом и ссылочным продвижением.

Ещё на тему 👇

Как разработать стратегию продвижения сайта для SEO: инструкция с примерами

Как сделать качественный SEO‑аудит сайта самостоятельно: полное руководство

Руководство для SEO‑специалистов по техническому SEO