Блог / SEO

Сочетание SEO и маркетинга при создании посадочной страницы

Автор: Мария Саловарова 26.05.2021

SEO-оптимизация лендинг пейдж

Краткое содержание статьи:

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

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

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

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

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

Элементы лендинга

Важные элементы лендинга

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

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

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

Пример: Сетки «Антикошка» в Москве.

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

Заголовок – самый важный элемент лендинга, который должен сформировать у посетителя интерес, отразив суть вашего предложения. Если интерес не будет сформирован, то, посетитель покинет посадочную страницу. Чем продуманнее будет заголовок, тем вовлечённее будет аудитория и выше конверсия.

Пример: Сетки «Антикошка» на любые окна для безопасности вашего питомца.

SEO-оптимизация заголовка:

  • Для главного заголовка обязательно используйте тег h1. Он должен быть один на сайте.
  • Подберите семантику и используйте в заголовке главные ключи.

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

Пример: «Предотвратите трагедию: 50% кошек падают с окон в теплое время года».

SEO:

  • Для форматирования подзаголовков используйте теги h2-h6 с соблюдением иерархии.
  • В подзаголовках (или хотя бы в одном) также желательно указать ключевые слова.

Изображения. Качественные тематические изображения должны подтверждать ценность и особенность продукта/услуги. Они могут показывать как сам продукт, так и пример его использования, процесс взаимодействия. Изображение является вторым мощным элементом по конверсионности.

Что можно сделать в рамках SEO-продвижения?

  • Oптимизируйте изображения – сделайте низкий вес с хорошим качеством картинки, например, с помощью онлайн-сервиса Tinypng.
  • Выберите оптимальный формат. Для растровой графики могут быть использованы популярные форматы: GIF, PNG, JPEG, WebP, для векторной – SVG.
  • Пропишите атрибуты alt и title.
  • Укажите ЧПУ названия файла изображения.
  • Добавьте семантическую разметку Schema.org – ImageObject.

Выгоды. Должны располагаться на первом экране и кратко отражать преимущества владения товаров или приобретения услуги. Для удобства восприятия могут быть представлены в виде списка или иконок с надписями. Использование цифр подкрепляет выгоду.

Форма заявки. Форма заявки должна быть удобно заполняемой и понятной. На полях можно использовать подсказки. Чем меньше полей, тем больше форма принесет конверсий – используйте 1-2 поля (например, эл. почта или телефон + имя). Может располагаться несколько раз в разных местах лендинга, но обязательно должна быть на первом экране. Форма может быть как закрытой, так и открытой – какая подойдёт вам, все зависит от других элементов посадочной страницы. Для привлечения внимания к форме можно использовать изображения, заголовки, подзаголовки и прочие текстовые элементы.

Для SEO-продвижения форма заявки – это важный коммерческий фактор.

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

Пример: «Получить консультацию», «Заказать замер», «Рассчитать стоимость».

Для SEO кнопки со словами «Заказать», «Купить» и подобные также относятся к коммерческому фактору ранжирования.

Блок о проекте, продукте, услуге. Должен содержать короткую и понятную информацию о продукте или услуге. Здесь вы должны объяснить, что вы предлагаете, чем оно уникально, что получит покупатель после оплаты. Блок может состоять не только из текста, но и из фотографий и видеоролика.

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

Сценарии использования и ЦА. В них рассказывается о примерах использования продукта или услуги, а также описание целевой аудитории – кому подойдёт продукт/услуга предлагаемый в лендинге.

Пример ЦА: вебинар для топ-менеджеров.

Сценарий использования: вебинар пригодится, когда у компании падают продажи.

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

Стоимость – самый важный коммерческий фактор ранжирования. При наличии цены имеет смысл разметить всю страницу микроразметкой Schema.org типа Product, в котором обязательно нужно указать: заголовок, изображение, описание, и, конечно, цену. Можно разметить данной микроразметкой как товар, так и услугу.

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

Для SEO наличие отзывов – это коммерческий фактор. Также их можно разметить микроразметкой Schema.org – тип Reviews.

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

Для расширенных результатов поиска разметьте блок часто задаваемых вопросов микроразметкой Schema.org. Подходящие типы Question, Answer, QAPage.

Сертификаты и портфолио. Покажите, что ваш товар/услуги сертифицированы. Покажите успешные реализации ваших работ – так вы получите больше доверия со стороны ЦА.

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

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

Контакты важно разметить микроразметкой Schema.org тип Organization или LocalBusiness.

Что еще сделать в рамках SEO-оптимизации посадочной страницы?

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

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

Title и description. Обязательно составляйте мета-теги title и description с упоминанием ключевых слов и призывом к действию.

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

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

Robots.txt. После завершения разработки лендинга обязательно проверьте файл для поисковых роботов robots.txt и правила в нём. Уберите из файла директиву Disallow: /, которая запрещает индексирование всего сайта. Откройте изображения, файлы css и js с помощью директивы Allow. Закройте лишние разделы, которые не должны попасть в выдачу поисковых систем (страницы регистрации и авторизации, данные пользователей, административные разделы, кэш страниц, логи, версии для печати и др.). Добавлять в robots.txt ссылку на карту сайта в формате XML не имеет смысла, т.к. в ней будет содержаться всего одна страница.

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

Код. В коде сайта не должно быть пустых и незакрытых тегов. Также можно удалить лишние комментарии, мета-теги (напр. generator, base, keywords, noindex). Если в коде вы обнаружили CSS-стили, то их необходимо вынести в отдельный файл. И в целом можно проверить код на ошибки верстки с помощью сервисов CSS Validation Service, Markup Validation Service.

Счетчики. Для сбора статистики зарегистрируйтесь и поставьте в код сайта счетчики статистики (напр. популярные Яндекс.Метрика и Google Analytics) в пределах тега head. Настройте необходимые цели для анализа конверсии (отправка формы; нажатие на кнопку, телефон, e-mail, скачивание прайс-листа и т. д.).

Быстродействие и доступность сайта. Не перегружайте посадочную страницу тяжелыми картинками и скриптами, оптимальная загрузка сайта должна быть 1-2 секунды. Проверьте, включено ли GZIP сжатие и используется ли кеш браузера. Все это можно проверить через PageSpeed Insights.

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

Отображение на мобильных устройствах. Чтобы сайт отображался на мобильных устройствах, может быть реализован один из вариантов: мобильная версия, динамическая верстка, адаптивный дизайн, AMP для Google и Турбо Страницы для Яндекса. Одностраничник должен корректно отображаться на любых устройствах. Также важно наличие мета-тега и CSS-правила viewport.

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

Редиректы. Должны быть сделаны редиректы с дублей сайта, например: c www на без www, с http на https, с index.php на главную страницу. Ответ сервера редиректа должен отдавать 301 код.

Карта. Если клиент может к вам приехать, разместите интерактивную карту проезда от Яндекс или Google, которую можно сделать в их конструкторах.

Яндекс Вебмастер. Добавьте домен посадочной страницы в сервис Яндекс.Вебмастер. В нём необходимо проверить раздел «Диагностика сайта» и исправить проблемы, которые обнаружил сервис. Далее нужно проверить индексирование в разделе «Страницы в поиске», чтобы поиском не были проиндексированы дубли, технические страницы и пр. (см. пункт про robots.txt). В разделе «Обход по счетчикам» необходимо разрешить обход страниц, на которых установлен счетчик. Обязательно укажите регионы в разделе «Региональность». Также следует проверить такие разделы как: «Переезд сайта», «Скорость обхода».

Google Search Console. Для индексации в поисковой системе Google добавьте лендинг в Google Search Console. Особых настроек для лендинга тут не произвести, кроме как, отправки url на переобход (после внесения изменений на сайт).

Яндекс.Справочник и Google Мой Бизнес. Для присвоения региона важно добавить сайт в Яндекс.Справочник, максимально заполнив информацию и добавив логотип и фотографии товара или услуги. Аналогично и с Google Мой Бизнес.

Внешние ссылки. Для SEO-продвижения лендинга ссылки также важны – меньше SEO-ссылок, больше естественных: в каталогах, на форумах, сервисах вопросов-ответов, в соц. сетях и пр. Также можно попробовать закупить вечные ссылки на авторитетных и трафиковых ресурсах.

Поведенческие факторы. Анализируйте поведенческие факторы с помощью установленных на сайте систем статистики, например в Яндекс.Метрике можно посмотреть следующие показатели: отказы; время на сайте; прямые заходы; карты ссылок, кликов, скроллинга; аналитику форм, настроенные цели. Для прокачки социальных факторов (которые влияют на поведенческие факторы), рекомендуем установить на сайт кнопки для шеринга в социальных сетях. Чтобы улучшить поведенческие факторы, размещайте на сайте больше интерактивного контента: инструкции, списки, иллюстрации, видео, слайдеры, блоки «FAQ» и пр.

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

Автор: Мария Саловарова