Разработка посадочных страниц — тенденция последних лет, активно набирающая свою популярность. В первую очередь эта популярность вызвана тем, что конверсия
у посадочных страниц существенно выше чем у обычных сайтов (от 7% у "посадок" против от 0,5% у обычных сайтов).
Естественно, что одностраничность подобного сайта или применение на нем технологии динамической подгрузки содержимого (AJAX) существенно ухудшает восприятие данного сайта поисковиками. При этом, именно за счет технологии AJAX и стилей CSS можно реализовать визуальные эффекты и постепенную загрузку содержимого именно тогда, когда пользователь долистал до него.
Как подружить landing-page и SEO?
Поисковые системы видя популярность посадочных страниц и применения на них динамической подгрузки данных предложили свои решения по созданию дружелюбного для поисковых роботов содержимого и разметки его таким образом, чтобы индексация одностраничного с виду сайта проходила как индексация многостраничного сайта, что должно упростить продвижение сайта одностраничника.
Разбить контент на блоки
Весь контент необходимо разбивать на логические блоки: «о компании», «преимущества», «цены», «команда», «контакты».
Каждый блок должен содержать существенный объем текста, изображения и заголовок H1. Это единственный случай когда на одной странице можно разместить несколько заголовков первого уровня.
Структурировать URL-адрес
Для каждого блока информации необходимо присвоить собственный URL-адрес, чтобы поисковые роботымогли проиндексировать все содержимое страницы.
Для этого есть 2 способа:
- Применение в URL-адресе вместо «#» символа «#!», который даст указание поисковому роботу запросить html-версию данного документа.
Подробности можно найти в справочных материалах Яндекса
и Гугла. - Создание структуры полных URL-адресов с применением метода history.pushState, который позволяет создавать более привлекательные адреса страниц и динамически их подставлять в адресную строку при прокрутке страницы для удобства пользователя.
Пример использования подобного метода: flowerbeauty.com
Данный метод позволяет отказаться от применения «#» и используется в новостных лентах социальных сетей (ВКонтакте и Facebook). Данный вариант предпочтителен по мнению ПС Google и при этом работает корректно в любых других поисковиках.
Заполнить мета-тэги
Естественно, что каждый из блоков текста должен иметь свой уникальный мета-тэгtitle, который должен аналогично динамически подгружаться при скроллинге страницы.
Эти несложные действия помогут поисковику правильно проиндексировать вашу посадку, представив ее как сайт с несколькими страницами. Это позволит в дальнейшем более эффективно продвигаться и начать привлекать на сайт трафик из различных других источников, например, с помощью контекстной рекламы.
