В копилку маркетолога: чеклист для проверки посадочных страниц

Смотрите в каталоге
Комплексные инструменты онлайн-маркетинга
В копилку маркетолога: чеклист для проверки посадочных страниц

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

Предлагаем вашему вниманию чеклист автора блога HubSpot Джинни Соскей (Ginny Soskey), с помощью которого вы всегда сможете быстренько проверить, все ли вы сделали правильно.

Все пункты поделены на категории: контент, дизайн и удобство для пользователей. Используйте это список как отправную точку, так как он естественно не содержит всех пунктов (список можно продолжать практически бесконечно:)).

Контент посадочной станицы

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

Текст

1) В заголовке использованы призывы к действию и важность предложения

Заголовок посадочной страницы, как и любой другой, должен побуждать пользователей сделать что-то. Убедитесь, что в тексте использованы слова, призывающие к действию, которые подчеркивают всю ценность вашего предложения. Например, сравните вариант «Бесплатный чеклист: ваш ключевой гид по оптимизации реклам на Facebook» и «Инструкция по рекламе в Facebook». Первый, конечно, гораздо привлекательней.

2) Заголовок перекликается с рекламой

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

3) Подзаголовок кратко описывает выгоду предложения

Подзаголовок – это более практичное продолжение заголовка. Так, заголовок должен быть ярким, цепляющим, но подчеркивающим, что пользователь получит, заполнив форму. Ну а подзаголовок перечисляет преимущества предложения. Поэтому если ваш заголовок: «Бесплатный чеклист: ваш ключевой гид по оптимизации реклам на Facebook», то подзаголовок должен гласить что-то наподобие: «Узнайте, как выжать максимум трафика, лидов и клиентов из Фейсбука».

4) Содержимое хорошо отображается и просматривается

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

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

5) Title страницы, URL и мета данные оптимизированы

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

Изображения

6) Изображения подчеркивают, что вы получите после заполнения формы

Говорят, что нужно использовать привлекательное изображение,. Но что это значит? Самое лучшее изображение – то, которое показывает, в чем заключается выгода предложения. Поэтому если пользователю обещается электронная инструкция по рекламе в Фейсбуке, то картинка должна очень четко это отображать.

7) У изображений есть alt-text (он показывается браузером на месте того элемента, который не смог отобразиться)

Все не бывает идеально. Даже если вы выбрали идеальную картинку для своей посадочной страницы, возможно она не будет показываться. Может быть, причина в браузере посетителей. Или это какая-то проблема с вашим сайтом. Как бы то ни было, просто убедитесь, что вы подстраховались на данный случай – добавив alt-текст. Бонус: этот текст виден для роботов, поэтому он может стать еще одной маленькой причиной для поисковых систем показывать ваш сайт в выдаче.

Форма заказа (для заполнения)

8) Размер формы для заполнения соответствует цели посадочной страницы

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

9) У кнопки есть призыв к действию

Посмотрите в самый низ формы. Там кнопка «Отправить»? Стоп. Эта кнопка обязательно должна призывать к действию. Например, назвать ее «Получить книгу бесплатно прямо сейчас». Это гораздо лучше чем, банальное «Отправить».

10) Форма отличается для уже зарегистрированных пользователей

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

Верстка посадочной страницы

Рассмотрим элементы верстки, которые влияют на страницу.

11) Содержимое проходит тест на беглый просмотр

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

12) Отсутствует меню в шапке

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

13) Страница адаптируется к размеру

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

Юзабилити посадочной страницы

А теперь перейдем к элементам, от которых зависит удовлетворенность пользователей от посещения страницы

14) Весь контент адаптирован для мобильного

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

15) Есть страница с благодарностью/ можно получить предложение на почту

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

Перевод – диджитал агентство «Мир рекламы» 

Оригинал материала: http://blog.hubspot.com/marketing/landing-page-checklist

Компании и сервисы: HubSpot
Автор: Диджитал агентство "Мир рекламы"

Подписаться на новости

Читайте также

25 октября / Комментарии

11 принципов веб-дизайна, которые повышают конверсию

Вы хотите увеличить количество конверсий на своем сайте? Многие знают, что дизайн оказывает на это значительное влияние. В этой статье мы поделимся 11 принципами веб-дизайна, которые повышают коэффициент конверсии.

далее →

26 сентября / Комментарии

Разбор юзабилити интернет-магазина Ulmart.ru и его преобразования за 2016 год

Изначально статья планировалась как одно целое, где я хотел рассмотреть возможные ошибки в юзабилити топа российских интернет-магазинов. Но после нескольких дней обзора, понял, что каждый сайт заслуживает отдельного разбора. Кроме того, мне захотелось не только осветить проблему, но и предложить своё видение ее решения. В связи с этим вся статья строится по схеме: Гипотеза о проблеме > Причина и Обоснование > Решение.
Поскольку статья начата еще в ноябре 2015 года, а закончена только сейчас, Ulmart успел исправить часть проблем,  обозначенных в статье. Об этом я дополнительно говорю в примечаниях . И сейчас мы можем отследить те преобразования, которые были сделаны.

далее →

6 сентября / Комментарии

Комфорт покупателей как залог успешного бизнеса. Основные ошибки в юзабилити интернет-магазинов

Четыре года назад была опубликована статья «22 ошибки в юзабилити интернет-магазинов, а также работающие варианты по их исправлению». Мы решили, что настала пора освежить данную информацию и задали разработчикам сайтов и CMS следующие вопросы: «Какие указанные в данном материале ошибки по-прежнему актуальны?», «С какими юзабилити-ошибками интернет-магазинов вам приходится встречаться чаще всего?», «Какие юзабилити-советы вы можете дать заказчикам?». И вот что мы узнали.

далее →

11 августа / Комментарии

Чек-лист юзабилити интернет-магазина

По-настоящему проверить удобство интернет-магазина без подтверждения данными веб-аналитики, не получится. Контекст взаимодействия; задачи, опыт и мотивы пользователей; устройства, с которых пользователи просматривают магазин — всё это влияет на конверсию и не может быть оценено чек-листом.
При составлении чек-листа, я ориентировался на исследования института Baymard, Юзабилити Лаб, Mastercart и студии Сибирикс + некоторые собственные наблюдения.

далее →

Навигация как способ управления вниманием пользователя

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

далее →

X
Нажмите «Нравится»,
чтобы читать Shopolog.ru в Facebook