Это самый подробный гайд в Рунете по посадочным страницам. После прочтения вы сможете:
- Создавать посадочные страницы, которые приносят высокую конверсию.
- Увидеть примеры лучших в мире посадочных страниц.
- Иметь доступ к проверенным шаблонам посадочных страниц.
- Что такое посадочные страницы
- Шаблоны посадочных страниц для разных задач
- Примеры отличных посадочных страниц
- Как провести А/В тестирование посадочных страниц
- Дополнительные методы повышения конверсии посадочных страниц
- Заключение
Что такое посадочные страницы
В этой главе вы узнаете об основах функционирования посадочных страниц.
- Что они из себя представляют.
- Почему они важны.
- И как посадочная страница можетувеличить конверсию на сайте.
Что такое посадочная страница
Это страница, которая упрощает определенные действия: покупки, заполнение формы, подписки на бесплатный пробный период или ввод адреса электронной почты при регистрации.
Такая страница называется посадочной, потому что ее основная задача – собирать контактные данные целевой аудитории. Используется для увеличения аудитории и повышения эффективности рекламы: пользователи кликают на публикацию в Facebook, Google Ad, письмо в email-рассылке и т.д.
Чем посадочная страница отличается от «обычной» страницы
На обычной странице пользователь выполняет отличные друг от друга действия. Возьмем обычную домашнюю страницу:
Значительная часть домашних страниц обладает множеством целей и несколькими кнопками призыва к действию (CTA). Например, вы хотите, чтобы посетители домашней страницы заполнили контактную форму. Или узнали больше о доступных функциях. Или подписались на бесплатный пробный период.
То же самое относится и к публикациям в блогах, различным страницам и большинству других страниц на сайте. На таких страницах пользователи видят множество призывов к действию.
(Именно поэтому отправлять трафик по Google Ads на страницы такого типа не эффективно).
Посмотрим на посадочную страницу: у нее обычно одна цель и один постоянный CTA.
Почему на посадочных страницах высокий процент конверсии
Ниже вы увидите две основные причины, почему посадочные страницы НАСТОЛЬКО хорошо повышают конверсию:
- У них один CTA, ориентированный на продвижение конкретного продукта.
- На нее привлекают определенный трафик, который релевантен офферу, следовательно получаем высокую конверсию.
Конверсия посадочной страницы выше, чем страницы многостраничного сайта, т.к. на посадочной странице пользователь может совершить только одно конверсионное действие.
Они обладают высокими показателями конверсии: нацеливаются на конкретную группу, тип покупателя или предложения.
По статистике HubSpot, чем больше посадочных страниц – тем больше будет конверсий по всему сайту.
Рассмотрим подробнее определенные типы посадочных страниц, которые работают лучше всего.
Шаблоны посадочных страниц для разных задач
Далее вы увидите 4 примера посадочных страниц, которые можете использовать:
- Страница сбора email-адресов.
- Страница с торговым оффером.
- Страница с бесплатным пробным периодом.
- Страница для лидогенерации.
Страница сбора email-адресов пользователей
Страница сбора email-адресов пользователей – это страница, которая предлагает полезный контент (скачивание электронной книги, реферата или важного письма из рассылки) в обмен на адрес почты.
Заголовок отвечает на вопрос, что реально получат пользователи
Люди ОЧЕНЬ неохотно делятся своим email. Когда вы оставляете адрес электронной почты, не можете предугадать, на что подписываетесь: получаете миллион сообщений сомнительного характера, порой адрес вашего email попадает в третьи руки.
Подробный подзаголовок
Подзаголовок добавляет больше деталей к предложению: из чего оно состоит и чем оно ценно.
Взгляните на пример:
Заголовок привлекает посетителей на сайт, но он не дает точной информации содержимого будущих рассылок. За это отвечает подзаголовок.
Hero Image
Hero Image – это такая картинка, которая показывает самое ценное, что получит человек, если оставит почту.
«Курс обучения по email», «реферат» или «еженедельная рассылка новостей» – подобные куски информации трудно визуализировать.
А hero image делает предложение более осязаемым и реальным.
CTA над линией сгиба
Использование формы с регистрацией email до того, как пользователь прокрутит информацию на экране, эффективнее в разы. Если заголовок и подзаголовок мощные, то значительная часть конверсии будет поступать из этой формы:
Список свойств
Если пользователь прокрутил первый экран со сбором контактных данных, значит, ему не хватило информации.
Добавляем «список свойств». Пользователь узнает, почему ваше предложение эквивалентно его времени, которое он провел за чтением новостной рассылки.
Конкретный список свойств зависит от профиля и тематики предоставляемых услуг. Страница отвечает за вебинар – добавляем нумерованный список с тезисами. Белая книга – очерчиваем основные рассматриваемые позиции. Электронная рассылка – перечисляем, что именно пользователи будут периодически видеть во входящих письмах.
Помогает повысить показатели конверсии.
Например, можно указать количество уже подписанных людей.
Или отзывы довольных подписчиков.
Второй CTA
Рекомендация – расположить второй конверсионный элемент в самом низу страницы.
Дополнительный CTA в самом конце страницы позволит посетителю снова увидеть форму для заполнения при пролистывании
Шаблон страницы с торговым оффером
Ниже увидите шаблон, который можно использовать для продажи онлайн-курсов, индивидуальных тренингов, премиум-подписок, билетов на развлекательные шоу и т.д.
Заголовок гарантирует конкретную выгоду
Основная цель заголовка на любой странице продаж – привлечь внимание потенциального клиента КОНКРЕТНОЙ выгодой от просмотра или покупки определенного товара.
Ниже вы увидите один из примеров успешного маркетинга.
Если хотите продвигать свой YouTube-канал, подобный заголовок привлечет внимание – и вы останетесь на странице, чтобы узнать больше.
Привлечение посетителя с первых строчек
Далее закрепляем результат и приманиваем посетителя первыми предложениями со страницы с торговым оффером.
Взгляните:
«Теперь вы можете продвигать онлайн-бизнес в YouTube, используя усовершенствованные SEO-стратегии, которые я тестировал последние три года...»
Немного напористо, но мы привлекаем конкретного человека (представителя малого бизнеса, который желает продвигать свое дело на YouTube). Именно поэтому такая приманка работает безотказно.
История создания
В этой графе вы рассказываете историю становления продукта: проблемы, с которыми столкнулись, как их решали и почему предлагаете этот конкретный продукт. Рассмотрим на примере ниже:
«Во-первых, я хотел бы поделиться с вами историей о том, как мне удалось преодолеть одну из самых серьезных преград в бизнесе (многим она покажется знакомой). Но то, что случилось далее, меня поразило. Люди СМОТРЕЛИ мое видео. Людям НРАВИЛОСЬ мое видео. В этом курсе я делюсь авторской методикой по созданию видеоклипов, которые способны вырваться в топ поисковых запросов YouTube по ключевым словам. Моя пошаговая система проста в использовании – каждый сможет ей следовать».
Приоткрываем завесу
Теперь представляем свой продукт и перечисляем, что в него входит и что покупатели могут получить:
- Вы – новичок? Я поделюсь своим принципом 80/20 в создании видеоконтента – легко и профессионально в домашних условиях.
- Мечтаете о том, чтобы ваши видео смотрели? Грезите о сотне лайков, репостов и комментариев под вашими видео? Я расскажу о секрете создания контента, который нравится пользователям (и YouTube).
- Хотите собирать больше просмотров видео на YouTube? Я покажу четкие и работающие стратегии по оптимизации, которые БЫСТРО принесут просмотры.
- Мой продукт делает видео вирусными и наполняет ваш сайт тонной таргетированного трафика.
Отзывы покупателей
Раскидайте по странице отзывы довольных покупателей.
«Я загрузил видео, и всего лишь за месяц просмотры взлетели до 200 тысяч. Это невероятно. Это самое просматриваемое видео, которое я когда-либо снимал – всего их 100». Jeff Rose, участник курса
Купить сейчас – CTA
Добавьте минимум две бросающиеся в глаза кнопки «купить сейчас» на страницу.
Гарантия
Подробно и четко опишите, что именно вы гарантируете и какие существуют ограничения (30-дневный период, например).
Не пренебрегайте этим пунктом – он один из самых важных в продвижении сайта.
Поэтому напишите объемный параграф с гарантиями в деталях.
Шаблон страницы с бесплатным пробным периодом
Основная цель посадочной страницы – склонить потенциального клиента к подписке на бесплатный пробный период.
Посадочная страница немного отличается от сжатой страницы. Сжатая страница – это вид целевой страницы, которая создается исключительно с целью сбора адресов электронной почты от потенциальных клиентов или подписчиков. Конверсия на ней осуществляется без перехода на другую страницу. У посадочной – другой алгоритм. Посетитель переходит на отдельную страницу с конкретной информацией.
Простой заголовок
Некоторые компании пишут пестрые и вычурные заголовки:
А несложный и незамысловатый заголовок пользователи воспринимают проще:
«Чем мы занимаемся»
Далее расскажите, как и чем ваша платформа привлекает пользователей.
Hero Image
Раньше SaaS-компании использовали скриншот страницы своей платформы в качестве hero-изображения. Но у такого метода есть минус: пользователи не понимают, чем именно занимается конкретный сервис. Поэтому сейчас многие SaaS-компании выбирают иллюстрации, которые реально отображают их деятельность.
Hero-изображение, которое иллюстрирует встречи людей [платформа Woven]
CTA с текстом «Начать»
Он располагается над линией сгиба и ведет на форму регистрации.
Список свойств
Перечислите несколько лучших свойств вашего продукта (и чем он может быть полезен). Кратко и лаконично.
Укажите отзывы благодарных пользователей, количество покупателей, имена крупных бизнес-компаний, которые пользуются вашим продуктом, или все перечисленное.
Второй CTA
Вторая кнопка – это удобно, если читатель пролистал первую, но заинтересовался рекламой в процессе чтения и решил купить. Ему не нужно делать лишних движений.
Шаблон страницы для лидогенерации
Посадочная страница для лидогенерации напоминает страницу сбора email адресов, но отличается двумя важными характеристиками:
- Страница для лидогенерации обычно требует больше информации от пользователя (чтобы определить потенциальных клиентов).
- После отправки пользователем формы ему нужно подтвердить регистрацию.
Заголовок гарантирует выгодное предложение
На странице для лидогенерации в обмен на бесплатный полезный контент (статью или онлайн-календарь) вы просите не только адрес электронной почты пользователя, но и его контактную информацию.
Именно поэтому ваше предложение должно быть ВЫГОДНЫМ для потребителя.
HubSpot создает качественные посадочные страницы с высокой конверсией. Выше изображен прекрасный пример простого заголовка. Для привлечения трафика используют таргетированную рекламу (подбирают аудиторию по определенным показателям, которую скорее всего заинтересует оффер): если правильно подобрать заголовок под ту аудиторию, которую привлекаем, получим большую конверсию.
Hero Image
Hero-изображение визуализирует продукт.
CTA #1
HubSpot использует в качестве первого CTA панель «скачать бесплатно».
Когда вы кликаете по этой кнопке, всплывает форма с несколькими полями для заполнения.
Люди неохотно заполняют большое количество данных, поэтому HubSpot показывает эти поля только тем посетителям, которые уже выполнили действие (нажали на кнопку). (Человек запоминает прерванные действия лучше, чем завершенные – психологический эффект Зейгарник).
Ключевые особенности
Вкратце изобразите ключевые детали предложения нумерованным списком выгод и преимуществ для потенциального покупателя.
Вы узнаете о:
- Важности Facebook-рекламы.
- Средствах и стратегиях по наращиванию аудитории.
- Подходящем вашим целям типе Facebook-рекламы.
- Том, как увеличить охват и эффективность лидогенерации с помощью рекламы.
Четко и по делу
На странице для лидогенерации пользователи должны сразу понимать, на что они соглашаются.
Если потенциальный клиент заполняет форму на странице для получения прайс-листа на виниловые сайдинги, он должен быть уверен, что вы ему позвоните (никаких сюрпризов) – а раздел FAQ, например, заблаговременно ответит на его возможные вопросы (пример ниже взят со страницы HubSpot).
Последний шанс! (CTA)
При скроллинге посетитель увидит еще один CTA в конце страницы для лидогенерации (это и отличает хорошую посадочную страницу).
Примеры отличных посадочных страниц
В этой главе мы поговорим не только о примерах самых успешных посадочных страниц, но и о причинах такого успеха – почему эти страницы работают хорошо.
Пример посадочной SaaS-страницы [Confetti]
Почему эффективно:
- понятный заголовок;
- дополнительная информация в подзаголовке;
- несколько CTA по всей странице.
Пример посадочной страницы с торговым оффером [Nerd Fitness]
Почему эффективно:
- заголовок с конкретной выгодой;
- убедительные отзывы благодарных клиентов;
- заметки об отсутствии рисков для покупателей.
Пример посадочной страницы с подпиской на новостную рассылку [Ramit Sethi]
Почему эффективно:
- четкий и конкретный CTA;
- социальное доказательство в виде медиаконтента;
- нет конкурирующих целей – фокус на один продукт.
Пример посадочной страницы для лидогенерации [Zillow]
Почему эффективно:
- окно откроется после клика на кнопку «начать сегодня»;
- качественная иллюстрация в описании продукта;
- тщательно отобранные отзывы клиентов.
Пример посадочной страницы электронной коммерции [Casper]
Почему эффективно:
- несколько CTA по всей странице;
- страница оптимизирована под Facebook-трафик;
- идеально написанный список свойств продукта.
Как провести А/В тестирование посадочных страниц
С помощью методов, о которых вы узнали в прошлых главах, вы сможете создавать посадочные страницы с высокопроцентной конверсией.
Чтобы убедиться, что страница работает с нужной эффективностью, нужно ее протестировать.
Внесение изменений
Большие изменения нужно вносить как можно раньше. Небольшая оптимизация заголовка или изменение цвета кнопки НЕ меняют сути дела.
Представьте, что вы предлагаете «подписку на бесплатный период» на посадочной странице. Вы вносите множество мелких изменений – конверсия страницы не сдвигается с 2%. А теперь попробуйте внести значительную правку: измените само предложение – что вы скажете не о «бесплатной демоверсии», а об инструменте «AdWords Grader»?
Лишь одно такое изменение может повысить процент конверсии вашей посадочной страницы с 2% до 40%.
Другой пример: Exploding Topics тестирует две разные страницы.
Вариант #1: очень длинная страница с детальным объяснением, из чего состоит новостная рассылка, включает в себя множество примеров social proof и т.д.
Вариант #2: та же страница… но без 80% информации. Теперь основные пункты располагаются над линией сгиба.
Какой вариант лучше? Ответа нет – оба варианта тестируются. Это и называется A/B тестированием.
Тепловые карты: почему у посадочной страницы низкий процент конверсии
Кто-то посетил вашу страницу, но не совершил целевого действия – почему? Трудно дать однозначный ответ.
Причин может быть несколько: пестрый заголовок, неактуальное предложение, непривлекательный внешний вид сайта. Попробуйте воспользоваться тепловыми картами. Они не дадут вам конкретного ответа, почему люди не кликнули на объявление и как это исправить. Но они ПРЕДОСТАВЯТ вам объективные данные, которые покажут, на каком месте страницы люди останавливались чаще, на каком – реже.
Тепловые карты подсказывают, как можно улучшить пользовательский интерфейс [Exploding Topics]
Тестируйте страницу не менее двух недель
Выделите на тестирование несколько недель. Даже после достижения конверсии в 95%. Почему? Большинство положительных исходов после сплит-тестирования – случайность.
Чтобы говорить о полной уверенности, что ваш случай – не простое совпадение, вы должны достичь большего процента конверсии.
Дополнительные методы повышения конверсии посадочных страниц
Итак, у вас уже есть посадочная страница: конверсия растет – продажи увеличиваются. Осталось изучить дополнительные варианты оптимизации конверсии посадочных страниц.
Сделайте страницу «О нас» посадочной
Почти каждую страницу вашего сайта вы можете превратить в посадочную (на которую вы можете отправлять не только трафик Facebook-рекламы).
Это касается и раздела сайта «О нас».
Формы для ввода адреса электронной почты и дальнейшей регистрации в разделе «О нас» [Backlinko]
Благодаря этим формам страница приносит конверсию в 4.49%:
Ничего особенного. Но 4.49% – уже показатель (по сравнению с тем, если бы мы вообще не использовали никаких форм).
Как оптимизировать посадочные страницы в Google
Выводить страницы в топ в Google трудно. Поисковая выдача забита ценным, полезным контентом, но не страницами с торговым оффером, например. Но это вовсе не означает, что невозможно продвигать посадочную страницу в топе Google. Нужно лишь составить план.
Во-первых, подберите ключевое слово, которое уже отображается с одной или двумя посадочными страницами в результатах поиска. Другими словами, найдите запрос, по которому пользователи хотят найти вашу страницу.
Например, по запросу «обучение SEO» в выдаче не только публикации из блогов, но и несколько посадочных релевантных страниц.
В таких случаях можно создать страницу, которая отображает особенность ведущего продукта, как в примере ниже:
Страница демонстрирует программу обучения SEO [Backlinko]
Далее вам необходимо оптимизировать страницу (продающую посадочную страницу – под блог, например).
Таким образом, поисковой выдаче Google достаточно контента, чтобы определить тематику конкретной страницы. А пользователи узнают больше об определенном товаре.
Запомните: одна из основных характеристик посадочной страницы – фокус на одном действии.
Именно поэтому не следует добавлять навигацию по сайту на посадочную страницу – ничто не будет отвлекать посетителей сайта от вашего предложения.
С шапки страницы подписки на новостную рассылку удалены ссылки на два пункта: «Контакты» и «О нас»
Подвал (footer) с ссылками также упрощен – остались только страницы с условиями и политикой конфиденциальности
Конкретной аудитории и источникам трафика – определенные посадочные страницы
При начале работы зачастую владельцы сайтов привлекают на одну посадочную страницу трафик из разных источников – разные аудитории приходят на одну и ту же страницу. Кому-то она будет релевантной, кому-то – нет.
Лучше создавать отдельную страницу под каждый сегмент ЦА.
Скажем, вы отвечаете за Facebook-рекламу. Попробуйте создать разные страницы для каждого сегмента, а не отправлять всех на одну страницу. Таким образом, пользователи попадают на конкретную страницу, которая отвечает на все их запросы и требования.
Страница подтверждения – для получения дополнительной конверсии
Когда пользователь подписывается на электронную рассылку или бесплатный пробный период, зачастую при перенаправлении он попадает на страницу подтверждения. Такую страницу можно использовать в качестве посадочной и получить дополнительную конверсию.
Вы можете аккуратно и ненавязчиво предложить пользователям выполнить еще одно небольшое действие на этой странице.
Например, вы можете попросить ваших новых email-подписчиков не ограничиваться стандартными действиями на странице подтверждения и подписаться на вас и в Twitter. Это приводит к еженедельному увеличению числа подписчиков.
Некоторые используют страницы подтверждения, чтобы рекламировать свой сайт.
Как только пользователь зарегистрируется, он получает еще одно предложение. Чтобы им воспользоваться, ему необходимо лишь поделиться публикацией в Facebook.
Заключение
Это был полный гайд по посадочным страницам.
Теперь вы можете:
- Создавать посадочные страницы с высоким процентом конверсии, которые привлекают определенную целевую аудиторию с помощью полезного контента.
- Пользоваться проверенными шаблонами посадочных страниц, которые обращают большую часть посетителей в потенциальных клиентов.
- Тестировать готовые посадочные страницы и проверять их эффективность: от обнаружения вероятных ошибок до определения лучшей версии.
