Челябинск 8 (351) 247-44-57

Телефоны в других городах

Москва 8 (495) 138-74-75

Екатеринбург 8 (343) 237-01-07

Простите за всплывающее окно, но мы обязаны предупредить, что наш сайт использует куки-файлы. Это помогает нам быть лучше и полезнее для вас. Ладненько?

Как собрать сайт с учетом SEO-требований

9 сентября 2021

Процесс создания сайта начинается с обсуждения с владельцем целей запуска проекта, определения круга задач и изучения предпочтений целевой аудитории. После составления техзадания готовят прототип и собирают дизайн-макеты. Затем сайт программируют, отлавливают и исправляют ошибки и запускают проект. В 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-специалист решает такие задачи:

  1. Определяется с приоритетными страницами для продвижения.
  2. Изучает тексты, опубликованные конкурентами.
  3. Пишет ТЗ для атворов текстов и контент-менеджера.
  4. Формирует контент-план.

Рассмотрим пример: как правильно разбить статьи на туристическую тематику на три группы.

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

Если статьи, новости и аналитика будут готовиться на этапе разработки, запас контента у вебмастера будет большим.

7. Тестирование сайта

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

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

8. Подключение технологии АМР, аналитики, Турбостраниц

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

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

Выводы

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

К списку заметок

Связаться с нами

Контакты

Связаться с нами

Контакты

Получить консультацию

Задать вопрос

Получить план работ

Рассчитать стоимость продвижения

Укажите свои контактные данные и мы свяжемся с вами в ближайшее время.

Спасибо!

Закрыть