Процесс создания сайта начинается с обсуждения с владельцем целей запуска проекта, определения круга задач и изучения предпочтений целевой аудитории. После составления техзадания готовят прототип и собирают дизайн-макеты. Затем сайт программируют, отлавливают и исправляют ошибки и запускают проект. В 9 из 10 случаев мысли о продвижении посещают заказчика и разработчиков только на этом этапе. В статье мы расскажем, почему классический подход больше не работает и покажем, когда нужно звать на помощь SEO-специалиста.
Почему собранный сайт приходится переделывать перед SEO-продвижением
Пока сайт в разработке, не всегда ясно, зачем заниматься продвижением. Например, заказчику нужен «просто сайт», а необходимости платить SEO-специалисту он не видит. В дальнейшем обычно выясняется, что проект все-таки нужно продвигать в поисковиках, а перед этим — платно оптимизировать его под требования SEO. Доплачивать за оптимизацию не придется, если учесть все и сразу во время разработки.
Причем здесь SEO Driven Development
Веб-разработчики широко используют технологии BDD, или Behavior-driven development, и CDD, или Customer Driven Development. Первое понятие обозначает разработку сайта через поведение пользователей, второе — сборку проекта с учетом пожеланий клиента. SEO Driven Development, или SDD — ту самую разработку сайтов с учетом SEO-требований — практикуют не все. Мы считаем, что этот метод точно попадает в основную цель бизнеса — рекламу и реализацию товаров и услуг.
Кроме дизайнера, программиста и верстальщика в команду желательно включать SEO-специалиста и прислушиваться к нему на всех этапах до запуска проекта.
Кто несет ответственность за проект
Следят за командой, сроками и бюджетом, а также согласовывают проект с заказчиком два сотрудника — владелец продукта и проджект-менеджер.
Владелец продукта делает так, чтобы сайт соответствовал представлениям пользователей и целям заказчика. Он решает, что делать, чтобы проект выделялся на фоне конкурентов и «попадал» в предметную область.
Проджект менеджер определяет, кто из команды будет выполнять ту или иную работу и в какой последовательности. Он выясняет, что хочет заказчик, обсуждает это с владельцем продукта и доносит до технических специалистов.
Вывод — ответственность за проект несут продукт-менеджер и проджект-менеджер, но не SEO-специалист. Зато последний разбирается не только в поисковом продвижении, но и в дизайне интерфейсов, веб-разработке и аналитике.
Этапы сборки сайта по методу SEO Driven Development
1. Изучение предметной области, ЦА и конкурентов
Чтобы запустить удачный проект, нужно понять, что и кому продает заказчик, насколько ценен его продукт, есть ли аналоги, и чем этот продукт отличается от остальных подобных.
SEO-специалист и продукт-менеджер вместе читают бриф, чтобы определиться с основными направлениями деятельности, регионами продаж и специфике продукта заказчика.
2. Сборка структуры
SEO-специалисты составляют перечень поисковых запросов и формируют семантическое ядро. Они учитывают цели пользователей, которые вводят эти запросы, и подбирают тип контента на страницах под цели людей. Поисковые запросы бывают информационными, навигационными и коммерческими.
На основе семантического ядра собирают структуру проекта, разбивают его на разделы и решают, нужны ли сайту дополнительные страницы: блог, FAQ, отзывы, фотогалерея.
Определять цели пользователей можно вручную — это долго — или с помощью инструментов автоматизации. Ради экономии времени обычно выбирают второй способ.
Структуру сайта представляют в виде «смысловых карт», или MindMap. Иногда ее копируют у конкурентов и адаптируют под продукт заказчика. SEO-специалист продумывает дерево запросов, разбирается с навигацией.
3. Создание прототипов для дизайнеров
Прототипы собирают на основе результатов анализа сайтов конкурентов. Смотрят, в первую очередь, на лидеров отрасли, самые близкие по формату.
Как делают прототипы
Сначала разбираются с навигацией и тем, как пользователи будут вести себя на сайте. Затем с учетом семантического ядра собирают макет лендинга, который максимально полно ответит на запрос пользователя. Например, не сравнивают сайт промпредприятия с агрегатором товаров от многих производителей.
Рассмотрим пример: как собрать прототип лендинга «Доставка документов» для курьерской службы. Курьеры возят документы по Москве, и эта услуга входит в пакетное предложение «Классическая доставка». Нельзя назвать это решение на 100% правильным. Потому что есть перечень запросов, которые относятся именно к доставке документов. Из этих запросов лучше сделать кластер и вынести на отдельную страницу.
При анализе запросов обращают внимание на акценты по спросу, другие услуги с такой же целью, как у услуги доставки документов, и на запросы-подсказки. Последние пользователи чаще всего вводят вместе с основными ключами. Например, согласно подсказкам люди хотят устроиться на должность курьера. Поэтому разработчикам нужно уделить особое внимание разделу с перечнем вакансий.
Акценты по спросу
Допустим, пользователи чаще всего интересуются ценами на услуги, связанные с доставкой документов: экспресс-доставкой, срочной доставкой и прочим. Это значит, что на сайте нужно проработать таблицу с тарифами. Например, по Москве документы приезжают к адресату за 3 часа, если он выбрал тариф «экспресс», или за 6 часов, если выбрал «быструю доставку». Все это нужно подробно расписать в таблице и использовать соответствующие поисковые запросы.
Проработка «услуги-ответвления»
Пользователи, которые интересуются доставкой документов, могут вводить в поисковике запрос «печать документов с доставкой». Например, эти люди хотят отправить скан паспорта или файл с дипломной работой в курьерскую службу по электронной почте или в мессенджере и получить их в распечатанном виде на дом или в офис. Если SEO-специалист внимательно отследит такие «услуги-ответвления» по перечню запросов, дизайнеры учтут их при сборке посадочных страниц.
Проработав семантическое ядро и разбив ключевые фразы на группы, удастся выяснить, что нужно пользователю, который попадет на конкретную страницу сайта. Если говорить о службе курьерской доставки, людей заинтересуют тарифы, сведения о сроках доставки, возможность вручную установить дату и время.
Чем лучше проработана структура лендингов на сайте, тем лучше usability и ниже количество отказов. И то, и другое положительно сказывается на продвижении ресурса.
4. Дизайн и размещение элементов на страницах
Наше мнение — верстку и дизайн должен проверять SEO-специалист. Он должен обратить внимание на такие моменты:
- насколько логична навигация;
- есть ли на станицах хлебные крошки;
- собраны ли разводящие страницы;
- как выглядят заголовки;
- не сверстаны ли номера телефонов картинками.
5. Разработка
Перед тем, как техзадание попадет к программистам, SEO-специалист должен подробно расписать логику и правила. То есть, прописать:
- как настраивать редиректы;
- правила сборки MindMap для конкретного проекта, написания мета-тегов, URL;
- как создавать микроразметку;
- куда размещать SEO-тексты;
- как делать дополнительные информационные страницы и лендинги.
Микроразметка с точки зрения SEO
Обычно для создания микроразметки пользуются ресурсом Schema.org. Этот стандарт распознают все распространенные поисковые системы. С его помощью составляют расширенный сниппет и делают страницу более релевантной.
Какой бывает микроразметка
Эти элементы повторяются от сайта к сайту:
- карточка компании;
- перечень из контактных номеров телефона, физического адреса, e-mail;
- хлебные крошки;
- прайс-лист;
- отзывы на продукты и компанию.
Гугл, Яндекс и Фейсбук предлагают проверять правильность организации микроразметки через валидаторы.
Лайфхак. Все поисковые системы распознают формат JSON-LD. Его преимущество в упрощении индексации. Такой сайт продвинется выше по перечню результатов поисковой выдачи, потому что будет иметь расширенные сниппеты. Формат JSON-LD и стандарт Schema.org — совместимы.
6. Создание контента
Контент тоже желательно готовить в процессе разработки. Для этого SEO-специалист изучает семантическое ядро и конкурентные ресурсы и пишет техническое задание авторам.
Чтобы сайт быстро двигался вверх по перечню результатов поисковой выдачи, текстовый контент должен соответствовать таким правилам:
- На каждую страницу нужно выкладывать уникальные тексты.
- Благодаря понятному визуальному редактору выложить текст на сайт сможет любой человек — даже тот, кто не имеет представления о правилах html разметки.
- Текст должен быть виден без дополнительных действий пользователя: кликов, шевелений мышкой.
- Подгрузка текста должна быть синхронной.
На этапе подготовки контента SEO-специалист решает такие задачи:
- Определяется с приоритетными страницами для продвижения.
- Изучает тексты, опубликованные конкурентами.
- Пишет ТЗ для атворов текстов и контент-менеджера.
- Формирует контент-план.
Рассмотрим пример: как правильно разбить статьи на туристическую тематику на три группы.
По понедельникам будем выкладывать вдохновляющую картинку с подписью, во вторник — памятку для туриста, который собирается во Вьетнам и интересное видео, в среду — совет людям, потерявшим багаж, и предложение по туру. В четверг выложим советы отдыхающим в Европе и интересную новость, в пятницу — креативное промо тура и вдохновляющую картинку с подписью. В субботу не будем выкладывать ничего, а в воскресенье опубликуем картинку для настроения.
Если статьи, новости и аналитика будут готовиться на этапе разработки, запас контента у вебмастера будет большим.
7. Тестирование сайта
Помощь SEO-специалиста нужна и на проверке работоспособности основных функций, и после запуска. Вместе с проджект-менеджером он проверяет:
- чтобы не было страниц-дублей;
- то, как отображается сайт в разных браузерах;
- микроразметку;
- корректность верстки на смартфонах;
- скорость подгрузки контента;
- чтобы не было ошибки 404;
- возможность самообновления карты сайта;
- уникальность мета-тегов;
- закрывается ли личный кабинет и корзина от индексации поисковиками;
- отвечает ли верстка стандартам;
- расставлен ли тег rel=canonical;
- есть ли у сайта SSL-сертификат.
8. Подключение технологии АМР, аналитики, Турбостраниц
На заключительном этапе SEO-специалист и продукт-менеджер ставят на сайт счетчики и подключают сквозную аналитику, заносят его в панели вебмастеров, еще раз убеждаются в корректности выбора целей проекта, подключают чат-боты, АМР и Турбостраницы, если ресурс информационный.
Системы аналитики наблюдают за поведением пользователей на целевых страницах, фиксируют целевые действия и вовлеченность людей.
Выводы
Если в команде разработчиков сайта есть SEO-специалист, который участвует во всех этапах создания ресурса, готовый проект не придется переделывать. Он сразу станет соответствовать ожиданиям людей и будет продвигаться по перечню результатов поисковой выдачи без препятствий.