Как создать идеальную landing page для SEO

Что такое Landing Page?

Landing Page — это страница, специально спроектированная так, чтобы добиться действия от пользователя, который «приземляется» на URL. Способов создать посадочную страницу сотни, но цель у страниц такого типа всегда должна быть одна — превращать пользователей в лиды (заполнить форму, зарегистрироваться, позвонить, купить...)

Базовые элементы Landing Page

Мы уже упоминали, что способов собрать Landing Page много; тем не менее есть элементы, которые мы встречаем почти на всех посадочных страницах:

• ›CTA: CTA, или призывы к действию, — это элементы, которые нужно разместить на странице в разных зонах. Их задача всегда одна: подтолкнуть пользователя совершить нужное нам действие.
• ›Лид: лидом называют действие пользователя — заполнение формы или регистрацию, — благодаря которому он попадает в базу данных.
• ›Формы обратной связи
• ›Описание товара
• ›Выгоды и преимущества товара
• ›Графические элементы
• ›Видео
• ›Отзывы
• ›Часто задаваемые вопросы

Советы по созданию оптимизированной Landing Page

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

Совет #1: определяем URL

Первый это шаг или последний — неважно, но критично, чтобы важные запросы были в URL. Лично я считаю, что URL лучше делать коротким, без long tail, хотя long tail потом можно включить в title или в заголовки. По нашему опыту на собственных проектах и проектах клиентов с SEO-каннибализацией, лучше, чтобы у Google были однозначные сигналы об основном продвигаемом запросе.

Совет #2: важность «Above the Fold»

«Above the fold» — это контент, который размещён выше линии вертикального сгиба экрана и который гарантированно виден на всех устройствах. Это одна из важнейших частей оптимизации, потому что здесь нужно совместить SEO-аспекты с призывами к действию. Вот пример того, что могло бы быть в above the fold оптимизированной посадочной страницы:

Вид above the fold на макете оптимизированной посадочной страницы

В этом примере лендинга мы использовали такой ресурс, как видео. Его можно заменить другими графическими элементами: «слайдерами изображений или одной картинкой».

Пример 1.

• ›Основной заголовок. С точки зрения SEO этот элемент будет нашим H1 и будет содержать основной продвигаемый запрос. Если считаем уместным, это хорошее место для long tail.
• ›Текст. Коварная часть: он должен быть информативным и содержать аспекты, связанные с нашим USP, или уникальным ценностным предложением. Почему выбирают нас? Чем мы отличаемся? Что найдёт пользователь?
• ›CTA, или кнопка, которая призывает пользователя к действию, — чтобы отправить его на страницу контактов, запросить смету или увести на другую страницу.
• ›Видео/изображение: видео — интересный ресурс, чтобы увеличить время на нашей странице и усилить убеждающую аргументацию для действия (покупка, подписка, смета...). Можно также выбрать изображение или слайдер с разными фото товара.

Пример макета оптимизированной посадочной страницы

Пример 2.

В этом примере элементы те же, но мы выбрали форму вместо кнопки контакта и текстовый блок с изображением на информационно-убеждающей стороне.

Совет #3: структура контента

Да, выше мы тоже говорили про контент, это понятно, но именно на этом этапе мы будем выстраивать структуру контента на основе проведённого keyword research. Если вы новичок в SEO и не знаете, что такое keyword research, советуем заглянуть в следующую статью, где мы подробно объясняем, как его делать:

Рекомендуем статью: полное руководство по keyword research На этом этапе важно чётко понимать выводы, которые нужны, чтобы знать, как мы будем строить остальную часть страницы. Для этого у нас есть:

• ›Смежные запросы с частотностью
• ›Long-tail запросы с частотностью
• ›Вопросы, которые пользователь задаёт о товаре или услуге
• ›Вопросы, которые нам нужно прояснить для пользователя (НЕ SEO)

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

Разберём на примере:

У нас есть основное ключевое слово «книги по психологии» с 2 900 запросами, а часть его вторичных запросов такова:

• ›книги по социальной психологии
• ›бесплатные книги по психологии
• ›книги по детской психологии
• ›книги по психологии для начинающих
• ›рекомендованные книги по психологии

В блоке Google «Похожие вопросы» мы находим такие:

Блок часто задаваемых вопросов в поисковой выдаче Google

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

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

Совет #4: добавьте свои ключевые слова на посадочную страницу

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

• ›Тег TITLE: самый важный тег в нашем HTML. Мы видим его в результатах поиска и во вкладке браузера. Мы уже знаем, что число символов ограничено, но постарайтесь не делать то же самое, что и конкуренты.
• ›Meta Description: хотя с годами этот тег потерял вес в SEO-продвижении и Google всё чаще сам выбирает, что показать в описании в поисковой выдаче, не переставайте заполнять это поле, опираясь на свой контент и добавляя какой-нибудь призыв к действию.
• ›Заголовки: используйте иерархию заголовков, чтобы выделить важные части текста. Большее число H2 не выведет вас в топ, но поможет Google лучше понять ваш контент.
• ›Изображения: у изображений есть несколько интересных атрибутов. Перед загрузкой картинки воспользуйтесь именем файла, чтобы включить важные запросы. В тег ALT добавьте описание этого изображения, а ещё можно использовать тег TITLE, чтобы усилить это описание. Разумеется, не перебарщивайте, вставляя одно и то же ключевое слово во все поля всех своих картинок.

Совет #5: блоки ссылок и хлебные крошки

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

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

Через имеющиеся у нас ссылки мы даём Google информацию о гораздо большем объёме контента, связанного с «Оскаром», так что релевантность по теме вырастет.

Совет #6: структурированные данные

Тип разметки данных, который даёт нам Schema и который стал стандартом, сообщает поисковым системам больше информации о типе контента, который мы предлагаем. Есть контент — например, товары или услуги, — где размечать разные атрибуты просто необходимо, поскольку во многих случаях это даст нам больше видимости в результатах поиска.

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

Совет #7: FAQS

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

Если вопросы и ответы дают сами пользователи, лучше использовать разметку https://schema.org/QAPage

Вот пример:

Пример FAQ-сниппета сайта kayak.es в поисковой выдаче Google

Совет #8: WPO, или скорость загрузки

Наконец, и, как говорят, «but not least»: раз уж мы создали оптимизированную посадочную страницу, нельзя забывать, что оптимизация скорости загрузки способна принести нам успех или провал в получении «лида».

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

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

Выводы

Цель этой статьи была в том, чтобы вы узнали, как создать SEO-оптимизированную посадочную страницу. Мы хотели дать вам схему самых важных частей, чтобы вы сами могли начать создавать свою landing page. В SEO Alive советуем учесть те подсказки, которые мы дали, — это поможет превращать ваших потенциальных пользователей в качественные органические лиды.

*Каких принципов придерживаетесь вы при создании и оптимизации посадочной страницы для SEO? *

Можете оставить нам комментарий, если захотите, — будем рады ответить. До новых встреч!