SEO на шаге разработки веб-сайта: что такое SEO Driven Development и для чего он нужен

Реклама. ООО Топвизор, ИНН 4726000897, erid: 2SDnjcdNhJf

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

Разберемся, для чего это необходимо, как работает и как ввести таковой подход в собственных проектах, совместно с Антоном Платоновым, управляющим отдела SEO в компании Novatechno.

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

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

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

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

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

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

Пример 1.

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

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

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

Клиент работает с нами до сего времени.

Пример 2.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поведаем, что SEO-специалист делает на любом шаге в SDD-подходе.

Анализ ниши и соперников

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

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

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

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

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

Сервис поможет отыскать соперников и покажет:

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

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

Избираем регион продвижения, по которому будем рассматривать веб-сайт.

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

Вводим домен либо страничку для анализа.

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

Избираем дату – месяц, за который желаем поглядеть отчет. Мы объединяем данные по месяцам, чтоб по мере необходимости вы могли поглядеть всю историю конфигурации видимости веб-сайта по запросам.

Сейчас жмем клавишу «Выстроить отчет».

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

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

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

Главные слова берут:

у хозяев и служащих бизнеса – они знают, как юзеры именуют продукт;
в сервисах аналитики поведения юзеров: Yandex Метрике, Гугл Analytics;
в сервисах подбора схожих запросов: Yandex Вордстате и Топвизоре – и синонимов: text.ru, Synonymonline.ru;
в сервисах анализа соперников, как мы уже писали выше.

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

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

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

Все начинается с карты релевантности, когда любой кластер прикрепляется к соответственной страничке на веб-сайте.

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

запрос;
кластер (группа);
мотивированной URL – страничка под интент кластера.

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

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

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

Пример весьма облегченной структуры веб-сайта в виде mind map

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

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

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

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

элементы брендинга – как минимум логотип;
блоки контента на веб-сайте;
контактные данные компании, владеющей веб-сайтом;
элементы навигации: меню, «хлебные крошки» и прочее;
клавиши призыва к действию;
формы сбора контактных данных.

❗️На этом шаге необходимы коммерческие причины веб-сайта.

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

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

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

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

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

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

как настраивать редиректы;
как создавать микроразметку страничек;
где и как располагать SEO-тексты;
как созодать доп информационные странички и лендинги, связанные с веб-сайтом;
возможность редактирования robots.txt;
возможность прописывания title, description и остальных тегов, определяющих содержание странички;
возможность формирования ЧПУ с последующими правками их вручную.

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

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

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

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

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

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

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

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

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

Опосля сотворения веб-сайта проводится его тестирование, чтоб убедиться, что все работает верно.

SEO-специалист на этом шаге инспектирует:

есть ли у веб-сайта SSL-сертификат;
отображение веб-сайта в различных браузерах;
отсутствие страниц-дублей на веб-сайте;
наличие и правильность микроразметки на страничках;
мобильную версию веб-сайта – ее удобство для юзеров и принятие поисковиками;
скорость загрузки контента и CWV;
коды ответов страничек веб-сайта;
неповторимость метатегов – title и description;
закрыты ли личный кабинет и корзина от индексации поисковиками.

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

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

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

Потом нажмите клавишу «Проверить»:

Опосля окончания аудита перейдите на вкладку «Сводка», чтоб узреть все замечания и задачи в общем отчете:

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

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

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

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

в Yandex Веб-мастер и Yandex Метрику;
в Гугл Search Console и Гугл Analytics.

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

Что созодать далее

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

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

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

популярность веб-сайта;
глубину просмотра посетителями;
показатель отказов;
время на веб-сайте;
источники трафика: ПС, устройства, браузеры;
достижение целей: покупку, оставление номера, звонок (зависимо от целей бизнеса).

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

Уяснить

SDD (SEO Driven Development) – подход, когда SEO подключается к работе над веб-сайтом с самого начала.
Таковой подход нужен, чтоб создать сходу готовый к оптимизации, SEO-friendly-сайт, и избежать огромного количества переделок на шаге продвижения.
Чтоб уверить клиента в том, что нужен SDD-подход, нужно показать ему кейсы. Также поведать о цены – что даже если на старте таковой веб-сайт будет дороже, позже подход сбережет средства.
SEO-специалист подключается на всех шагах разработки веб-сайта:
- анализирует соперников и нишу;
- сформировывает семантическое ядро;
- участвует в разработке структуры веб-сайта;
- участвует в разработке макета;
- участвует в разработке дизайна и верстки веб-сайта;
- делает ТЗ для разрабов веб-сайта;
- участвует в тестировании;
- настраивает системы аналитики.
Опосля разработки веб-сайта по подходу SDD работа не прекращается: необходимо выслеживать SEO-показатели, работать над контентом и ссылочным продвижением.