5 (не)очевидных фактов о SEO-дизайне

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

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

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

1. Готовое (очищенное и кластеризованное) семантическое ядро.
2. Расширенная структура будущего сайта с иерархией/вложенностью страниц.
3. Список страниц с метатегами, контентом/ТЗ для текстов.
4. Документ с основными правилами оформления стандартных страниц.
5. Рекомендации по выпуску сайта — пошаговый план или чек-лист.

И даже такой достаточно четкий перечень работ можно расширить и улучшить во благо дела. Что еще может предложить SEO на этапе подготовки к созданию сайта?

Внимание на мобильную версию

SEO-специалисты могут подготовить подробные рекомендации по созданию мобильной версии сайта. В разработке необходимо отдать приоритет последнему, так как с 2019 года (и тестируется с 2016 года) Google объявил о запуске Mobile First Indexing. То есть предпочтение в сканировании и индексации отдается мобильным версиям страниц.

Переориентация произошла в связи с ростом аудитории пользователей мобильных устройств в Интернете. Поэтому, если вы создаете сайт, будьте готовы, что пользователь с 90-процентной вероятностью зайдет к вам с такого устройства.

Статистика Global Digital 2022

Так что подключайте экспертов, чтобы выбрать способ реализации мобильной версии (адаптивный, динамический, мобильный сайт), организовать блоки контента и получить рекомендации по функциональным элементам типовых страниц.

Бизнес-анализ

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

Анализу подлежит все: УТП, предлагаемые на сайтах, дизайн, интерактивные блоки и элементы юзабилити. Собирать данные нужно с главной, товарной и коммерческой страниц, из каталогов, через элементы — шапки и футеры.

Пример бизнес-анализа

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

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

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

Внимание к пользовательским историям (user stories)

Рассмотрим сценарии поведения пользователей на сайте. Это поможет четко определить портрет целевой аудитории и ее потребности. Например, потребность посетителя сайта кондитерской — заказать 53 кекса. Соответственно, требуется определенный функционал и дружественный интерфейс, чтобы посетитель мог сделать такой заказ.

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

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

Примеры пользовательских историй:

1. Конечный розничный покупатель (незарегистрированный) хочет видеть товары, сохраненные в списке желаний, после второго и последующих посещений сайта, чтобы просматривать, редактировать список и делиться им с друзьями и другими пользователями в социальных сетях. Поэтому нужно добавить соответствующие функции и элементы карточек товаров.
2. Пользователь, находясь в корзине или в процессе оформления заказа, хочет купить дополнительные сопутствующие товары, не возвращаясь в каталог. Поэтому в корзине обязателен блок с сопутствующими товарами.

Разработка семантической структуры и предсказания

Семантическая структура — это суть SEO-дизайна. Собираем семантическое ядро, распределяем запросы по группам и на основе группировки создаем структуру сайта. Часто бизнес-понимание структуры отличается от клиентского. В этом случае важно сделать сайт, реагирующий на запросы пользователей — ваших потенциальных клиентов, а не бизнеса (вашего).

Визуализация дизайна, построение иерархической структуры, структура ментальной карты

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

Например, интент запросов «ирригатор» и «ирригатор» одинаковый, соответственно при входе в поиск по сайту с такими запросами пользователь ожидает увидеть одну категорию товаров — «Ирригаторы».

SEO-прогнозы

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

Только не относитесь к таким прогнозам как к способу отслеживания показателей SEO и KPI, а относитесь к ним как к возможности раскрутить сайт в этой нише. Также можно прогнозировать возможные бизнес-показатели сайта — лиды и прибыль, зная, например, среднюю конверсию органического канала в заданной тематике.

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

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

Таким образом, при запуске сайта будут просканированы и проиндексированы уже оптимизированные страницы, что поможет вам сразу же занять высокие позиции в выдаче поисковых систем.

Атрибуты страницы и метатеги, которые можно реализовать на этапе проектирования:

• заглавие;
• описание;
• ключевые слова;
• Н1, Н2…Нн;
• alt и title для изображений;
• мета роботы;
• канонический, альтернативный, hreflang;
• атрибуты разметки: OG, schema.org, twittercards.

Пример подготовки атрибутов страницы перед их выпуском

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

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

Качественное проектирование структуры сайта с привлечением SEO-специалистов на этапе разработки даст быстрый результат в виде органического роста (роста в поисковой выдаче). Сайт будет в топ-10 по низкочастотным и частично среднечастотным запросам в течение короткого промежутка времени.

Для достижения наилучших результатов SEO рекомендуем регулярно заниматься технической и внешней оптимизацией сайта: проводить ссылочную и локальную оптимизацию, работать с юзабилити и блочным дизайном, поведенческими факторами, а также постоянно отслеживать эффект от изменений и, если возможно, A/B тестирование.