Landing page: все, что вам нужно знать о продающей странице

Landing page – один из главных инструментов продажи. Хотите уметь выжимать из него максимум?

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

Погнали?

Кстати, лендинги любой сложности и те, которые мы рассматриваем в данной статье, можно легко и просто сделать с помощью сервиса PlatformaLP.ru.

Что такое landing page?

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

Как следует из названия landing page, это посадочная страница, и ее главная функция – собрать и обработать трафик, который поступает из разных источников: реклама, соцсети, email-рассылка. В результате она захватывает контактные данные или продает напрямую. Советы, которые я расскажу далее, подходят для обоих вариантов.

Есть 2 типа лендингов:

Проходная страница

Это одна из ступеней к достижению вашей цели. Как вы поняли из названия, главная функция такой страницы – направить пользователя дальше. Для этого вы его вовлекаете, даете полезный материал, разогреваете и отправляете в путешествие.

Основная страница

Здесь посетитель должен закончить свой вояж, оставив контактные данные или купив товар. Основным элементом страницы является форма для заполнения данных и/ или кнопка с призывом к действию. Здесь важно четко прояснить ценность и дать человеку причину сотрудничать с вами.

Особенности landing page с высокой конверсией

Не каждая страница выполняет свою задачу на все 100%. Но если вы проработаете структуру landing page и дополните ее отличным дизайном, получите результат и свыше ста процентов. Что должно быть на такой странице:

1. Заголовок, текст и социальные доказательства – основа структуры идеальной landing page

Используйте эти советы, чтобы повысить количество заявок:

А. Согласуйте заголовок страницы и текст рекламных объявлений

Люди кликают по рекламному объявлению, но быстро покидают вашу страницу. Почему это происходит? Сравните текст рекламы и первый экран лендинга. Они совпдают? Вы обещаете одно и то же?

Дело в том, что когда человек читает объявление и нажимает на него, у него есть определенные ожидания, что будет на странице. Если реклама гласит “Купи галстук”, а на продающей странице написано о куртках, то в лучшем случае посетитель удивится:

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

Решили попробовать новую креативную рекламу? Создайте под нее свой лендинг, и все будет супер.

Кстати, ловите универсального помощника: 60 фраз-шаблонов для создания заголовка, по которому кликают (на основе анализа 100 млн заголовков).

В. Пишите четкие и понятные заголовки

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

Используйте одну из этих формул для написания мощных заголовков:

• Получите [редкое, но подходящее прилагательное] сила [того, что делает ваш продукт] без [боль].
• [Прилагательное] и [прилагательное] [что вы / фраза ключевого слова SEO], которая будет [обещание очень желанного результата].
• Мы обещаем вам это: [обещание очень желаемого результата].
• [Известный конкурент] [делает это нежелательное или не впечатляющее дело] и [название вашего бренда] [делает это очень круто].
• Единственная [фраза ключевого слова SEO], сделанная исключительно для [очень желаемого результата или выгоды].

И еще несколько правил создания идеального заголовка:

• Добавьте активные глаголы – получите, выберите, узнайте. Таким образом вы подталкиваете читателя к действию.
• Выстраивайте его вокруг ценности. Ответьте на вопрос: какую выгоду клиент получит от вашего предложения? Определите основное преимущество, подведите итог в нескольких словах и вуаля – у вас есть хороший сильный заголовок.
• Забудьте об абстракции. Помните, это не художественный текст. Это продающая страница. Ваши клиенты ищут решение проблемы. Обозначьте его в заголовке.
• Добавьте цифры, например социальные доказательства.
• Сделайте его коротким. Исследования доказывают, самый лучший заголовок – это 5-9 слов.
• Напишите несколько вариантов, а потом выберите один. Можно это сделать с помощью сплит-тестирования. Дело в том, что у вас и у клиентов могут быть разные предпочтения. Поэтому экспериментируйте, экспериментируйте и еще раз экспериментируйте.
• Дополните подзаголовком. С помощью всего лишь нескольких слов порою сложно продемонстрировать ценность и убедить своих потенциальных клиентов. Вместо того чтобы просто полагаться на один заголовок, добавьте текст, который подробнее опишет ваше предложение. Читайте и внедряйте наши советы, чтобы писать взрывные подзаголовки.
• Используйте одну проверенную лучшую практику дизайна landing page: визуально выделите заголовок, например разместите его по центру и добавьте контрастный цвет. В примере ниже – это красный цвет, вызывающий ассоциации с YouTube:

С. Проверьте страницу на предмет грамматических, стилистических и орфографических ошибок

Сделайте контент landing page безупречным. Уберите все лишнее. Не надейтесь только на себя. Вы можете не заметить часть ошибок, поэтому дайте текст на вычитку литкорректору или редактору.

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

D. Используйте преимущества социальных доказательств

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

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

Чтобы усилить действие отзывов:

• Добавьте реальное фото покупателя. Отправляя сообщение с просьбой оставить комментарий, попросите добавить снимок.
• Запишите видеоотзыв. Предложите своим клиентам альтернативу. Вы можете сами приехать к ним в студию. Например, мы используем видео – истории успеха наших учеников на странице Годового коучинга:

• Добавляйте активные ссылки на профиль в соцсетях – но очень аккуратно. Дело в том, что на лендинге ничего не должно отвлекать или уводить посетителя от кнопки “Купить”. Поэтому убедитесь, что ваш будущий клиент не уйдет изучать чужой профиль.
• Будьте правдивы. Наверняка у вас есть не только позитивные отзывы. Всегда будут недовольные или дотошные клиенты. Они готовы придираться к каждой мелочи и их комментарии, особенно если они отрицательные, публиковать не надо. А вот нейтральные с критикой – можно. Это может быть отзыв: “Мне все понравилось. Я многому научилась… Но мне не хватало / мне бы еще хотелось…”.

2. Призывы к действиям и кнопки

А. Используйте сильные призывы к действию

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

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

Второй способ – это триггеры срочности и ограниченности по количеству. Покажите клиентам, что действовать нужно здесь и сейчас. Для этого сделайте приятную скидку, например на 24 часа, и установите таймер. Или расскажите о планируемом подъеме цены, как мы это сделали на странице Стратегической комнаты:

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

Читайте и выбирайте: 200 примеров удачных call to action, которые усилят ваше предложение

В. Выделите кнопку и призыв к действию

После того как вы придумали призыв к действию, выделите его с помощью отличного дизайна landing page. Для этого используйте следующие правила:

1. Сделайте его заметным

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

Используйте контрастные цвета для кнопки, ведь людей привлекают резкие изменения в цветах. Я упоминал в статье 7 психологических приемов для создания успешной рекламы в Facebook, что самое лучшее сочетание цветов: красный с голубым.

Также используйте отступы, чтобы привлечь внимание к вашей целевой странице.

2. Заставьте людей действовать

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

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

3. Объясните, зачем кликать на кнопку

Добавьте выгоду. Ведь человек тратит на вас время. Объясните, зачем ему это делать.

И еще – используйте только одну кнопку CTA на целевой странице. Если у вас есть несколько целей, создавайте отдельную страницу под каждую из них. Это значительно повысит конверсию каждой страницы.

4. Помните о размере

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

3. Размещение и контент

А. Разместите все самое важное на первом экране

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

Кроме того, не размещайте в шапке ничего лишнего. Забудьте о боковой панели, всплывающих баннерах и других способах отвлечь ваших посетителей. Посмотрите на пример выше – только самое главное:

• Что это? – Онлайн-курс для предпринимателей и маркетологов.
• Когда? – Старт программы 3 июля в 19:00 по Киеву и МСК.
• Зачем? – Заголовок и подзаголовок, раскрывающий выгоду для покупателей.

В. Всегда тестируйте

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

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

C. Используйте картинки и видео, которые дополняют текст

Текст без картинок сливается в одно полотно. В то время как изображения притягивают внимание. А особенно анимации. Я, например, часами могу смотреть на огонь, воду и крутую гифку в статье. А вы?

А что самое главное для идеальной landing page? Привлечь внимание и увеличить конверсию, например, с помощью видео. Мы часто используем это инструмент. Потому что видео – это самый крутой способ перевести интернет-продажи в личные продажи. Разместите ролик возле формы регистрации – и результат вас сильно порадует:

Кроме того, читайте: Как создать видео, которое принесет неприлично большой доход: 11 простых шагов от Kris Stelljes.

D. Избегайте лишних ссылок

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

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

---

Для участников Бизнес Академии: узнайте, как создать landing page для физтоваров, услуг, бесплатного, дорогого или продукта-включателя.

Кликайте по ссылке и переходите к изучению экшн-плана “Как с нуля создать и написать текст для landing page со взрывной конверсией: 3 вида посадочных страниц”

Еще не участник Бизнес Академии? Тогда вам сюда.

P.S. В ознакомительной версии вы не получите доступ к указаному выше экшн-плану. Но в Бизнес Академии полно “вкусняшек”, с помощью которых вы сможете прокачать свой бизнес.

---

7 лучших рекомендаций для создания идеальной landing page

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

https://www.youtube.com/watch?v=cRL8qDC1AG0&feature=emb_title

Используйте эти советы для создания замечательного дизайна landing page и повышения ее конверсии:

1. Переходите к делу

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

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

Читайте также: как написать взрывной текст для landing page: подробный чек-лист.

2. Используйте контрастные цвета

Вы хотите, чтобы ваш основной призыв к действию (CTA) заметили посетители? Использование дополнительных и контрастных цветов – отличный способ привлечь внимание посетителей.

Обратите внимание, как здесь за счет желтого цвета на синем фоне выделяется кнопка:

3. Добавьте логотип

Лендинг должен ассоциироваться с вашим брендом. Поэтому всегда размещайте свой логотип на страницах. И делайте это по возможности на одном и том же месте.

Сравните шапки наших лендингов. Логотип всегда на одном и том же месте – в левом верхнем углу:

4. Избегайте визуального беспорядка

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

Вы обратили внимание, что более популярным становится простой и “плоский” подход к созданию страницы. Это все влияние компании Apple. И он работает. Возьмите себе на заметку этот пример отличного дизайна landing page.

5. Форматирование – ваш главный помощник

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

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

6. Добавьте социальное доказательство

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

А здесь вы найдете все ответы на вопросы по работе с отзывами: Подробное руководство, как собрать и использовать позитивные отзывы о вашем бизнесе.

7. Будьте последовательными

Джозеф Шугерман говорил, что рекламный текст должен напоминать горку, по которой съезжает ваш клиент. Начиная с заголовка и до последней точки. Каждое новое предложение должно следовать единой цели – заинтересовать посетителя читать дальше. Для этого пишите текст в определенной последовательности. В какой? В той, в которой его воспримет ваша целевая аудитория.

Пробуйте разные подходы. Например, начните с перечня болей, а потом расскажите, как ваш продукт поможет решить все трудности. Опишите основные характеристики и преимущества, а в финале докрутите с помощью отзывов. Или наоборот, нарисуйте картинку точки Б (желаемый результат), а потом все в том же порядке. Или переместите отзывы повыше. Тестируйте все эти варианты и смотрите, какой из них дает выше конверсию.

Заключение

Теперь вы знаете, как создать landing page с высокой конверсией. Внедряйте эти методы и советы. Но самое главное – тестируйте все нововведения.

Потому что не всегда то, что подходит всем, подходит вам и зацепит вашего клиента. 99% людей не проходят мимо красной кнопки. Но ваша аудитория может относиться к тому 1% и реагировать на зеленый цвет.

Хотите узнать, какие ошибки убивают вашу продающую страницу? Ставьте лайк, чтобы смотивировать меня написать статью.

Вы работаете с оптовыми продажами и считаете, что интернет-маркетинг не для вас? Изучите этот пост до конца, вы измените свое мнение навсегда. Читайте: “Как продвигать B2B с помощью интернет-маркетинга”.