Структура лендинга с высокой конверсией: Лендинг с высокой конверсией: хитрости и предостережения

Структура Лендинга с высокой конверсией — прототипируем идеальный Landing Page + Инфографика

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

• Видео-версия статьи-руководства
• Для чего может создаваться идеальный Landing Page?
• Этапы, необходимые для создания схемы продающего лендинга
• Основные правила продающего лендинга
• Структура посадочной страницы (блок с примерами)
  • 1. Заголовок
  • 2. Подзаголовок
  • 3. Изображения/видео материалы
  • 4. Лид форма
  • 5. Призыв к действию (Call to Action)
  • 6. Элементы доверия (партнеры/клиенты, сертификаты, фото команды, офиса)
  • 7. Отзывы, кейсы
  • 8. Выгоды
  • 9. Описание оффера — Объяснения продукта/услуги
  • 10. Интерактивный калькулятор/подборщик/тест
• Прототипирование лендинга
• Схема Лендинг Пейдж (Инфографика)

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

В этой статье-руководстве мы поделимся своим опытом касаемо структуры и прототипирования идеального продающего лендинга с высокой конверсией.

Так же в конце статьи Вы найдете инфографику, которую Вы можете распечатать себе и использовать при разработке своего Landing Page!

Видео-версия статьи-руководства

Для чего может создаваться идеальный Landing Page?

• Для предоставления Вашим покупателям материалов (лид-магнитов) различных форматов: подкасты, вебинары, электронные книги, чек-листы, отчеты с целью получения их контактов;
• Для предоставления доступа к подписке на Ваши материалы;
• Для регистрации на живое или онлайн мероприятие;
• Для продажи товаров и услуг,
• Для “утепления” потенциальных покупателей, чтобы перевести их на следующий этап воронки продаж.

Есть различные вариации посадочных страниц:

• короткие (подписные),
• длинные.

В определении структуры страницы мы чаще всего руководствуемся правилом: чем дороже или сложнее услуга/продукт, тем длиннее лендинг. Процесс принятия решения в отношении дорогих и недорогих продуктов/услуг отличается, поэтому чаще всего покупателям требуется гораздо больше информации и доказательств своего правильного выбора, когда на кону стоит “кругленькая” сумма.

Конечно же, длина страницы — не догма и, конечно, требует индивидуального тестирования.

Многие спрашивают, как правильно делать Landing Page? Хочу ответить сразу: правильного  лендинга или идеала не существует, также как и не существует универсального прототипа или схемы. Но есть определенные правила, определенные элементы и принципы их создания, которые нужно понимать и знать перед тем, как делать или заказывать Landing Page. Об этом мы и поговорим в этой статье.

Этапы, необходимые для создания схемы продающего лендинга

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

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

Как искать на форумах?

Заходите в Яндекс и вбиваете запросы “кухни на заказ форум”, “кухни на заказ как” (и далее — по поисковым подсказкам), “кухни на заказ что”, “кухни на заказ какие” и т.д.

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

Третий этап — определение целевого действия. Что мы хотим получить от наших целевых посетителей, что мы хотим, чтобы они сделали на посадочной странице?

Четвертый этап, наконец, проектирование, дизайн и верстка.

Основные правила продающего лендинга

• Простота. Вылетающие, появляющиеся, исчезающие блоки, супермодный и крутой дизайн — это, конечно, все хорошо, если это не мешает посетителю понять, что Вы хотите ему сказать. У вас есть 5 секунд, чтобы захватить внимание посетителя и дать ему понять, что он находится в правильном месте и получит, то что он ищет. Не тратьте эти 5 секунд попусту. Так же нагромождение подобных скриптов “тормозит” скорость взаимодействия со страницей и она начинает “тормозить” или “дергаться” в браузере Вашего клиента.
• Логичность. При принятии решения потенциальный покупатель движется по определенной схеме AIDA. Сначала у него появляется A(attention) — I (interest) — D(desire)-A(action). То есть сначала надо захватить его внимание, потом пробудить интерес и желание, а потом уже он будет готов принять действие. Руководствуйтесь этим принципом при создании блоков в прототипе посадочной страницы.
• Отвечать на “боли” целевой аудитории. Мы собрали все боли, возражения, вопросы на этапе изучения целевой аудитории. Теперь, когда будете делать прототип лендинга, учитывайте это в структуре, создавая отдельные блоки, отвечающие на все обнаруженные возражения.
• Один лендинг — один оффер. Не надо перебарщивать и “накачивать” лендинг  всем, чем можно. В конечном счете — это лишь собьет с пути целевого действия Вашего посетителя. Одна услуга (товар) — один лендинг.
• Соответствие рекламному сообщению. На ваш лендинг будет приходить трафик. Чаще всего это контекстная реклама или таргетированная реклама с соц.сетей. Если в рекламном сообщении написано одно, а на лендинге другое — то посетителя этовведет в заблуждение. Это серьезный нюанс, который может испортить всю цепочку и лишит Вас лидов. Проверьте соответствие основных заголовков, сообщений, офферов на лендинге и в рекламных сообщениях.
• Аналитика. Установите Яндекс.Метрику и правильно установите цели. Как это можно сделать написано в этой статье. Вам понадобится это, чтобы  анализировать и вносить изменения в Вашу посадочную страницу.

Структура посадочной страницы (блок с примерами)

В структуре любого одностраничного сайта есть основополагающие элементы. Это:

1. Заголовок

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

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

Один из них — методика 4U: заголовок должен раскрывать пользу, ультраспецифичность, срочность и уникальность Вашего предложения.

2. Подзаголовок

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

3. Изображения/видео материалы

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

Поэтому именно с помощью этих материалов, Вы можете дать им ощущение, что все очень даже реально и осязаемо.

4. Лид форма

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

Чем меньше препятствий на пути к совершению целевого действия — тем лучше. Запрашивайте только то, что Вам действительно нужно — обычно это телефон и/или email и альтернативное специфическое поле (в зависимости от Ваших задач).

5. Призыв к действию (Call to Action)

Кнопки с призывом к действию должны быть максимально контрастными (то есть выделяться на фоне остальных элементов). Также внимательно отнеситесь к тексту кнопки. Банальное “Отправить” работает все хуже и хуже…

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

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

Например, помимо вызова дизайнера на объект, можно предложить посетителям  получить что-то бесплатное и решающее их острую потребность в информации по теме (например, брошюру с самыми модными трендами в дизайне кухни), так у Вас останутся контакты для продолжения коммуникации и “подогрева” тех людей, кто пока находится в стадии раздумий.

6. Элементы доверия (партнеры/клиенты, сертификаты, фото команды, офиса)

Посетитель должен быть уверен, что он сделает правильный выбор, обратившись к вам. И в этом Вам помогут такие материалы как — сертификаты, список (лого) партнеров, Ваши публикации в СМИ, количество подписчиков на youtube, фото команды,офиса.

Используйте все доказательства того, что Вы реальны и Вы именно тот, кому стоит доверить решение своей потребности.

7.

Отзывы, кейсы

Отзывы и кейсы — это отличный способ убедить. Лучше если будут с фото, именами или в видео-формате. Не пишите отзывы сами — это видно и вредно.

8. Выгоды

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

9. Описание оффера — Объяснения продукта/услуги

Этот пункт может состоять из нескольких блоков. По сути Вам нужно по максимуму разжевать весь свой продукт для самых-самых жирафов и ответить на все-все возражения самого зануды.

Желательно, чтобы на каждое возражение был блок в лендинге, который его снимает. То есть, например:

• “Мне кажется, это дорого/слишком дешево.” — объясните, за что клиент платит и почему это дороже/дешевле, чем у остальных.
• “А что если я буду неудовлетворен качеством продукта?” — расскажите об условиях возврата и обмена продукции.
• “А вдруг это будет очень долго?” — расскажите об условиях  и сроках доставки.

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

10. Интерактивный калькулятор/подборщик/тест

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

Прототипирование лендинга

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

Для составления ТЗ на разработку Лендинг Пейдж чаще всего мы используем обычный GoogleDocs.

Схема Лендинг Пейдж (Инфографика)

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

советы эксперта + 5 инструментов для повышения конверсии

Лендинг с высокой конверсией: советы эксперта + 5 инструментов для повышения конверсии

Лендиг — это почти всегда платный трафик. Существуют отдельные умельцы, создающие лендинги таким образом, чтобы привлекать трафик из поиска, но всё же успех одностраничника у поисковых систем — больше исключение, чем правило. Соответственно владелец лендинга заинтересован в том, чтобы как можно больше трафика конвертировалось в клиентов. Конверсия лендинга — соотношение между общим числом посетителей и числом совершённых конверсионных действий. Например, на сайт зашли 100 человек, трое из них оставили заявку. Конверсия лендинга равна 3%.

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

Как поднять конверсию лендинга при разработке

Уже в процессе создания вашего лендинга важно подумать о том, как сделать его максимально эффективным. Именно на этом этапе много предпринимателей делает одну и ту же ошибку — запускают откровенно не доделанный и не подготовленный к приёму трафика сайт. Особенно этим грешат те, кто пытается максимально сэкономить на разработке и собирает лендинг на каком-нибудь популярном конструкторе самостоятельно.

Пример конструктора сайтов

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

Выбор цветовой гаммы

В большинстве случаев при разработке лендинга рекомендуется отталкиваться от цветов, используемых в логотипе компании. Это хорошее решение, которое точно не даст скатиться в цветовую вакханалию. Однако если говорить о маркетинге, то существует масса исследований, доказывающих связь цветовой гаммы сайта и желанием пользователя оставить заявку, либо совершить покупку. Например, эксперты системы аналитики Kissmetrics дают конкретные рекомендации на тему того, какой цвет лучше выбрать для сайта. Так красный, оранжевый, черный и синий цвета подходят для сайтов, где совершаются, так называемые, импульсивные покупки. Темно-синий и сине-зеленый — это вариант для покупателей, ищущих выгоду и нацеленных экономить. А для традиционных покупателей лучше использовать мягкие цвета, такие как розовый и небесно-голубой.

Смотрите, не перепутайте

Но, повторюсь, это всего лишь рекомендации, к тому же по результатам исследования западной аудитории. Вообще о выборе цветов для сайта можно написать отдельную статью, но для начала важно запомнить главное правило — выбирайте 1-2 цвета, причём основной цвет должен занимать 90% площади сайта. Оставшиеся 10% займёт акцентный цвет. Чтобы узнать, какой цвет будет контрастным по отношении к основному, используйте цветовые круги, например, https://colorscheme.ru/. Но ещё лучше обратиться к специализированным решениям, предназначенным конкретно для лендингов, например Tilda Colors

Только представьте, как будет выглядеть ваш сайт в таких цветах?

Дизайн элементов (кнопки, иконки и т.

д.)

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

Новичкам в дизайне мы не рекомендуем использовать цветные иконки, для первых опытов лучше взять проверенные одноцветные варианты. Кстати, перекрасить их в цвет вашего сайта можно прямо внутри сервиса, что очень удобно. Разумеется, иконки должны быть выполнены в одном стиле, например, Lineal, Filled, Outline или Glyph. Почти всегда выбор одного из этих стилей будет хорошим решением для стандартного лендинга. Что касается дизайна кнопок, то здесь главное правило звучит так — кнопка должна быть заметной. Проще всего эта задача решается контрастным по отношению к окружению цветом кнопки. Кроме того, рядом с кнопкой должно быть достаточно «воздуха», то есть свободного пространства. Лишние элементы возле кнопки повышение конверсии тоже не вызовут.

Такую кнопку точно не пропустишь

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

Пример разделителя на лендинге

Шрифты: какие и сколько

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

• Используйте не более трёх шрифтов, лучше два — один для заголовков, другой для текста;
• Навсегда забудьте про рукописные и декоративные шрифты;
• Лучший вариант для лендинга — рубленый шрифт, чуть хуже — шрифт с засечками;
• Постарайтесь, чтобы шрифт находился в гармонии с остальным дизайном.

Вот что бывает, если неправильно выбрать шрифт

Дизайн текстов

Следующий шаг после подбора шрифтов. Абзацы, заголовки, подзаголовки, булеты и другие вещи, помогающие лучше воспринимать текст. Никто не будет читать, как сейчас говорят «простыню текста», тем более на лендинге. Поэтому уделите внимание оформлению текста. Ещё посмотрите на сбалансированность элементов, содержащих текст. Например, если у вас есть блок с преимуществами, то постарайтесь описать их сходным по объёму количеством текста.

Заголовки всех преимуществ уложены в две строки, текст описания — в пять

Аналогично подходим к оформлению абзацев (не менее 3 и не более 5 строк на абзац) и списков (не более 5 элементов списка, примерно одинаковых по количеству символов). Разумеется, это возможно далеко не всегда, но нужно хотя бы попытаться.

Чёткий оффер в тексте

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

Оффер и преимущества продукта сразу на первом экране

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

• [Название продукта] — это [категория продукта], который [работа, которую он выполняет лучше других]
• {Прилагательное} + [Продукт / Услуга] для [характеристика целевой аудитории]
• [Делай что-то как [вдохновляющий пример] без [нежелательных последствий]
• Делаем + {качество продукта} + [продукт], который [преимущество потребителя]

Реальные преимущества

Реальные преимущества — это не про низкие цены, индивидуальный подход и высокое качество. Эти словосочетания настолько затёрты, что вообще не воспринимаются как преимущества, просто фоновый шум. Просто вспомните себя: сколько раз за день у вас перед глазами мелькают эти слова? Мы вас уверяем, устанете считать. Поэтому забудьте про шаблоны, а постарайтесь найти что-то более реальное. Декларативное заявление про «качественный продукт» не сработает само по себе, но если вы его понятным образом расшифруете, то эффект будет уже другой. Хорошо, если преимущества можно выразить в цифрах. Например, не «Быстрая доставка», а «Привезём в течение 1 часа» и так далее.

«Классические» преимущества, но в расшифрованном виде

Меньше воды

Лендинг — это не информационная статья. Если человек пришёл на ваш сайт, чтобы узнать, «где заказать пластиковые окна москва», не нужно рассказывать ему, что окна без стёкол использовались ещё в Древнем Риме. Будьте конкретнее, постарайтесь весь текст на сайте свести к ответу на четыре вопроса:

• что вы продаёте?
• зачем это нужно пользователю?
• почему он должен купить это именно у вас?
• почему именно сейчас?

Призыв к действию

Должен быть чётким, понятным, заметным, в контакте с окружающим контентом и предложением. Если пользователь может сразу оформить покупку, то так и пишем «Купить». Правда, в случае с лендингом это бывает редко, скорее всего ваша основная цель — получить контакт пользователя. Поэтому вариант «Получить бесплатную консультацию» наверняка подойдёт лучше. Далее уже всё зависит от вашей фантазии. Обещаете пользователю подарок за оставленную заявку? На кнопке так и пишем «Получить подарок». Цель лендинга — скачивание приложения? Текст должен быть соответствующим.
По поводу «креативных» надписей на кнопках мнение экспертов расходятся. На мой взгляд, многое зависит от сферы бизнеса и того посыла, который вы транслируете пользователю. Если нужно сподвигнуть человека на решительные действия, например, начать изучать английский в вашей онлайн-школе, то можно поэкспериментировать с надписями на кнопках. Например, использовать что-нибудь в духе «Давно пора!», «Да! Уговорили!», «Дайте две!». Но обязательно протестируйте и традиционные надписи.

Надпись на кнопке в абсолютной гармонии с остальным контентом

Социальные доказательства

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

Девушка на странице сайта смотрит как раз на форму захвата

Сертификаты и дипломы

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

Зато искренне

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

Наши клиенты и партнёры

Другой формат рассказа о своих клиентах и партнёрах — разместить на сайте их логотипы. Замечательно, если эти логотипы будут узнаваемы вашими будущими клиентами. Необязательно даже, чтобы это были мировые бренды, локальной известности вполне достаточно. Только не забудьте получить разрешение или уточнить (если речь об очень крупном бренде) политику компании в этой области. Например, у LEGO на сайте есть целый раздел, посвящённый разрешённому использованию их товарного знака.

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

Максимально уменьшил масштаб, но все логотипы так и не влезли

Юзабилити (от англ. usability — «удобство и простота использования»)

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

Необходимые блоки

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

Хочется плакать… Кровавыми слезами

Поэтому важно предусмотреть на лендинге все базовые блоки. Минимально это:

• Первый экран с внятным оффером
• Более подробное раскрытие свойств продукта
• Блок, направленный на вызывание доверия
• Блок с контактами
• Форма захвата

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

Удобная навигация

Если посетитель не увидит меню на первом экране, он может подумать, что навигации на сайте вообще нет. Поэтому не поленитесь, расставьте на сайте якоря, которые помогут пользователю сразу перейти к интересному разделу или вернуться к ранее просмотренной информации. Это основная навигация. Другой вид навигации — контекстная, не относящаяся к выбранному разделу. Например, это кнопки «Назад» или «Читать далее».

Элементы контекстной навигации

Существует и альтернативное мнение, что ссылки на лендинге только вредят, поскольку отвлекают посетителя от цели. Например, перейдя по ссылке «Наш Instagram», пользователь может остаться скролить ленту социальной сети, забыв про ваше предложение. Увы, такое случается. Поэтому на лендинге всё же лучше не увлекаться навигаций, по крайней мере, точно не стоит без надобности уводить посетителя на другие страницы или ресурсы.

Форма захвата

По сути — основной блок на лендинге. Ведь всё делается только ради того, чтобы посетитель заполнил эту самую форму захвата. Поэтому она должна быть, как минимум, хорошо заметной в общей массе и удобной для заполнения. Лучше если формы захвата появляются на лендинге в разных местах, ещё лучше, если с разной мотивацией для пользователя. И не забывайте про «форму последней надежды» — перед разделом «Контакты» в самом конце страницы. Важный момент — традиционно считается, что чем меньше в форме полей для заполнения, тем лучше для пользователя. Если речь идёт о подписке на e-mail рассылку, то это действительно так, вполне хватить только адреса почты. Но в других сферах всё не так однозначно. Пример из личного опыта. Форма захвата стоит на сайте микрофинансовой организации. И вы думаете, люди ленятся заполнять эти поля? Отнюдь. Скажу более, конверсия лендинга стала выше после того, как мы изменили форму захвата с классической «Имя+Телефон» на вот такой объёмный блок. Так что способы поднять конверсию landing page могут быть и весьма, на первый взгляд , неоднозначными.

Доступные контакты

Удостоверьтесь, что в шапке сайта есть кликабельный телефон, а в меню предусмотрена ссылка на раздел «Контакты». Если вы оказываете услуги локально и у клиентов есть возможность посетить ваш офис или магазин физически, то желательно добавить в шапку адрес, а раздел «Контакты» карту с отметкой. Лучше использовать для этого конструктор Яндекс. Карт. Встраиваемые карты 2ГИС или Google мы использовать не рекомендуем, с ними проблемы возникают намного чаще, чем с Яндексом. Особенно этим грешит 2ГИС.

Пример раздела «Контакты» на лендинге

Мобильная версия

Об этом писать можно много, а можно сказать только одну фразу: «Без мобильной версии сайта лучше вообще не появляйтесь в интернете». Мы серьёзно. Объём трафика с мобильных устройств стабильно увеличивается каждый год. Сформировался целый пласт людей, которые пользуются интернетом исключительно с телефона. Если у лендинга нет мобильной версии, можете сразу попрощаться с третью или даже с половиной потенциальных клиентов.

Если в браузере нажать F12,можно посмотреть, как будет выглядеть сайт на разных устройствах

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

Скорость загрузки

Эта штука сгубила много хороших сайтов. Нередко, увлекаясь внешней красотой, разработчик забывает про оптимизацию. Если говорить о конструкторах сайтов, где нет возможности оптимизировать код, то здесь важно проследить за весом фотографий. Даже у вас ну очень красивые фотографии товара, на сайт нужно загружать их максимально сжатыми, насколько это возможно без потери качества. Некоторые конструкторы сайтов, например, Tilda сами немного поджимают загружаемые картинки, попутно переводя их в формат webp, но если пихать на лендинг фото весом в 5 МБ, то здесь помочь уже нечем. Проверить, насколько быстро загружается ваш лендинг можно с помощью бесплатного сервиса PageSpeed Insights. Просто вставьте ссылку на сайт в поле и нажмите «Анализировать». Через некоторое время сервис покажет вам все проблемы на сайте, снижающие скорость загрузки. Иногда их можно исправить, иногда нет, но, как говориться, идеал вообще недостижим.

Page Speed не в восторге от сайта Яндекса

Сильно снижают скорость загрузки различные сторонние скрипты, например, та же самая Яндекс. Метрика и, особенно, Google Analytics. Но это те жертвы, на которые приходится идти. Немного помогает справиться с ситуацией Диспетчер тэгов или Google Tag Maneger (GTM), лучше ставить все тэги именно через него.

Маркетинговые фишки

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

Акции и скидки

Основа основ, задающая огромный простор для креатива. Самое простое — запустить акцию, ограниченную по времени или по количеству товара. Другой распространённый вариант — скидка от объёма. Хорошо работают подарки, которые предлагают в нагрузку к основному товару. Не зря же их так активно используют в телемагазинах.

Тот самый аргумент, который я ждал. Бегом за новым жильём!

Только с подарками поосторожнее, чтобы не получилось как на этой картинке. Если вы думаете, что это редкое явление, то нет. Такого рода идиотизмы (а по-другому не назовёшь) всё ещё периодически попадаются. Если говорить о том, как воплотить в жизнь новую акцию, то в принципе это можно сделать и обычным текстом. Например, создать в меню сайта пункт «Акции и скидки», покрасить его в «продающий» красный цвет и добавить описание условий акции. Правда эффективность у такого решения будет не самая высокая, поэтому лучше выбрать какой-нибудь другой вариант воплощения в жизнь ваших маркетинговых придумок. Например, виджеты, созданные для повышения конверсии.

Виджеты на сайт

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

• онлайн-чаты
• виджеты соцсетей
• виджеты отзовиков
• формы захвата
• дополнительные инструменты

Онлайн-чат

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

Мультивиджет Сallibri даёт возможность пользователю выбрать удобный канал связи

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

Виджеты соцсетей и отзовиков

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

Если вас не пугает негатив на вашем же сайте, то почему бы и нет.

Формы захвата

Виджеты позволяют разнообразить диапазон встроенных в CMS форм захвата, и поставить на сайт, например, калькулятор или квиз-форму. Сюда же мы бы отнесли и сервисы обратного звонка, которые, по сути, так же являются формой захвата.

Калькулятор на этом сайте реализован с помощью сервиса ucalc

Обратный отсчёт

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

Быстрое и удобное решение. Правда, за 5 баксов в месяц.

Что делать после запуска сайта?

Если вы думаете, что работа закончена, и наконец-то можно выдохнуть, то спешу вас разочаровать — работа только началась. Разумеется, можно оставить лендинг «как есть», люди умудряются оставлять заявки даже на самых неудобных сайтах, но мы ведь говорим об эффективности. Главное: забудь про свои субъективные ощущения. Вам может не нравиться пресловутый «продающий» красный цвет кнопки и вы можете ненавидеть онлайн-чаты, предпочитая решать вопросы по телефону. Это всё неважно. Отталкиваться нужно исключительно от статистики. А чтобы вносить изменения на сайт не на основе ощущений, а на базе точных данных, будем использовать А/Б-тестирование.

А/Б-тестирование

Все знают, но далеко не все делают. О методике А/Б-тестирования можно написать не один десяток статей, поэтому здесь мы лишь слегка коснусь наиболее важных моментов. Логика А/Б-тестирования такова: мы вносим какое-нибудь изменение на сайт, и смотрим, как изменилось поведение пользователей. Заявок стало больше? Значит, делаем правильно. Уменьшилось количество звонков? Чего-то лишнего накреативили. Классический пример А/Б-тестирования — изменение цвета кнопки. Но вообще изменения могу быть любыми. Та же самая установка онлайн-чата, если его, например, раньше не было. Важно только вносить изменения не всем скопом, а по очереди, иначе вы рискуете не понять, какая именно доработка принесла желанный эффект.

На PlatformaLP можно проводить А/Б-тестирование встроенным инструментом

Вебвизор

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

По умолчанию Вебвизор в Метрике отключен

Выводы и предложения

1. О конверсии landing page нужно думать ещё до начала процесса его разработки. Используйте ключевые принципы по повышению конверсии веб-сайта, перечисленные в этой статье.
2. Если вы не профессионал в создании сайтов, используйте готовый дизайн и проверенные решения. «Новичковый креатифф» в 99,99% убъёт вашу конверсию. Простите.
3. Текста на лендинге должно быть немного, поэтому важно каждое слово. Пишите чётко и по делу, используйте больше измеримых данных. Высокое качество, гибкие цены и индивидуальный подход — худшее, что вы можете сделать с вашим текстом.
4. Виджеты для сайта — простой и эффективный способ увеличить конверсию. Используйте их, но не увлекайтесь.
5. После того, как лендинг опубликован, работа над увеличением конверсии только начинается. Подготовьтесь к этому процессу заранее.

Если хотите продвигать свой сайт, закажите у нас бесплатный прогноз эффективности контекстной рекламы по вашему направлению бизнеса, просто заполните эту форму и мы вам перезвоним

10 элементов посадочных страниц с высокой конверсией (с примерами)

Следите за @Cloudways

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

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

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

Содержание

1. 10 элементов целевой страницы, которые могут помочь вам максимизировать конверсию целевой страницы
   1. Привлекательная складка героя
   2. Броский заголовок
   3. Интересные подзаголовки
   4. Будьте ясны в своем сообщении
   5. Использование изображений
   6. Предложите решение
   7. Вовлечение, действующая копия
   8. Четко определенный CTA
   9. Сбалансированная конструкция
   10. Социальное доказательство
2. 10 примеров целевых страниц с высокой конверсией
   1. Постоянный контакт – сбалансированная структура
   2. Amazon Assistant — фокус на функциях
   3. Netflix — минималистичный и простой
   4. Нил Патель – Изобилие стимулов
   5. Cloudways – добавление ценности
   6. Просто бизнес – четко определенный CTA
   7. Backlinko – будьте ясны в своем сообщении
   8. ConvertFlow – Использование изображений
   9. Freshbooks – Предложите решение
   10. ThirstyAffiliates

10 элементов, которые помогут увеличить количество конверсий целевой страницы

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

1. Привлекательный герой фолд

« Почему клиенты должны выбирать меня, а не других?»

«Что принести к столу?»

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

Затем его необходимо перенести и поддержать с помощью копии, которую вы пишете на своей целевой странице. Сделайте его максимально интересным и четко определите свое УТП.

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

2.

Броский заголовок

Ваш заголовок является частью того, что сформирует первое впечатление ваших посетителей. Сделайте его броским и интересным при создании целевых страниц, которые конвертируют. Вот интересная статистика: в среднем 80% ваших зрителей просматривают заголовок, но только 20% просматривают остальную часть контента.

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

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

1. Поймите свою целевую аудиторию
2. Оцените своих конкурентов
3. Создавайте дурацкие или нестандартные заголовки, привлекающие внимание
4. Используйте A/B-тестирование, чтобы проверить заголовки и настроить их по мере необходимости.
5. Будьте проще

3. Интересные подзаголовки

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

4. Будьте ясны в своих сообщениях

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

5. Использование изображений

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

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

6. Предложите решение

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

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

7. Вовлекающий, действенный текст

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

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

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

8. Четко сформулированный CTA

CTA, или призывы к действию, представляют собой короткие заявления, предназначенные для того, чтобы проинструктировать читателей дать мгновенный ответ. Общие примеры включают «зарегистрируйтесь сегодня» или «подпишитесь на нашу рассылку новостей!»

Четко определенные призывы к действию не содержат запутанных формулировок. Они предоставляют информацию прямо и имеют четкий, краткий текст, инструктирующий читателей действовать. Однако разработка хороших CTA — сложный процесс, требующий серьезного A/B-тестирования.

9. Сбалансированная структура

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

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

Используйте подходящий шрифт и убедитесь, что текст разборчив. Убедитесь, что вы используете небольшие абзацы, которые легко усваиваются и понимаются. Это также верно, когда вы создаете страницы Meet the Team для веб-сайта вашей компании.

Это основные элементы, которые необходимо включить в целевые страницы с высокой конверсией. Теперь давайте посмотрим на 10 примеров целевых страниц с высокой конверсией.

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

10 примеров целевых страниц с высокой конверсией

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

1. Constant Contact – сбалансированная структура

Constant Contact предлагает услуги электронного маркетинга, и у них невероятно простая и четко определенная целевая страница. Кнопки входа и регистрации остаются всегда на месте, пока вы продолжаете прокручивать вниз, и вы можете прочитать о различных функциях, которые отличают их службы электронного маркетинга от других. Копия разбита на более мелкие абзацы, каждый из которых имеет подзаголовки, резюмирующие то, о чем он говорит. Миллионы людей используют постоянный контакт как неотъемлемый инструмент для разработки новых стратегий привлечения потенциальных клиентов B2B.

2. Помощник Amazon – фокус на функциях

Amazon должен был быть в этом списке примеров целевых страниц с высокой конверсией. Amazon Assistant — это ответ компании, который поможет вам делать покупки более легко и удобно, и компания создала фантастическую целевую страницу, чтобы помочь пользователям узнать все, что нужно знать об Amazon Assistant, и воспользоваться им. Кнопка «установить» яркая и расположена в центре для максимальной видимости!

3. Netflix — Минималистичный и простой

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

4. Нил Патель – Incentive Galore

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

5. Cloudways — добавленная стоимость

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

6.

Simply Business — хорошо продуманный CTA

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

7. Backlinko — будьте ясны в своем сообщении

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

8. ConvertFlow — использование изображений

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

9. Freshbooks – Предложите решение

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

10. Thirsty Affiliates

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

Заключение

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

Поделитесь своим мнением в комментариях. КОММЕНТАРИЙ СЕЙЧАС

Поделиться этой статьей

Наджам Ахмед

Я работаю производителем цифрового контента в Cloudways. Кроме того, я люблю читать и люблю играть на гитаре. Фанат всего, что связано с «Арсеналом» и «Патриотами». Случайный геймер. Я тоже люблю летать на дронах. Мастер на все руки.

Подключайтесь по телефону: Твиттер Форум сообщества

×

Получите наш информационный бюллетень

Получайте первыми последние обновления и руководства.

Спасибо, что подписались на нас!

Как создавать целевые страницы с высокой конверсией

Ваша целевая страница — это лицо вашего бренда. Он в цифровой форме знакомит ваших посетителей с продуктами или услугами, которые вы предлагаете, и проблемами, которые вы решаете.

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

Что такое целевая страница?

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

Источник изображения: Unbounce

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

Показатели конверсии целевой страницы зависят от отрасли и ее целей. Следовательно, несправедливо устанавливать идеальный коэффициент конверсии, который подходит для всех отраслей.

Источник изображения: Impactbnd

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

Что является первым шагом к созданию целевых страниц с высокой конверсией?

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

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

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

Из чего состоит целевая страница с высокой конверсией?

Четкое содержание в верхней части страницы

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

Nielsen Norman Group провела исследование привычек людей в Интернете. В исследовании приняли участие 120 человек, которые взаимодействовали с тысячами сайтов в разных нишах. Используя программное обеспечение для отслеживания взгляда, они наблюдали за тем, как люди взаимодействуют с разными веб-сайтами.

Источник изображения: NNgroup

Основываясь на своих выводах, Nielsen Norman Group пришла к выводу, что; «Пользователи прокручивают страницу, но только в том случае, если то, что находится в верхней части экрана, достаточно многообещающе. То, что видно на странице, не требуя никаких действий, побуждает нас прокручивать».

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

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

• Заголовок
• Вовлекающий подзаголовок
• Призыв к действию
• Социальное доказательство

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

Эффектный заголовок

Дэвид Огилви, основатель глобальной маркетинговой компании Ogilvy, сказал о заголовках: «Заголовок читают в пять раз больше людей, чем текст». Его цитата из эпохи, когда еще не было Интернета, но это мнение сохраняется и по сей день.

Возьмем пример лендинга от Imsider.ru. Они провели A/B-тестирование, чтобы повысить коэффициент конверсии на своей целевой странице. Контроль находится слева, а вариант справа.

Источник изображения: Imsider.ru

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

В этом A/B-тесте вариант улучшил лидогенерацию. Он генерировал на 9,52% больше потенциальных клиентов, чем контрольный. Это значительное увеличение коэффициента конверсии.

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

Захватывающий подзаголовок

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

1. Сделать его длиннее: В зависимости от дизайна целевой страницы подзаголовок может быть в два или три раза длиннее вашего заголовка.
2. Включите ваше уникальное торговое предложение (USP): Включите свое УТП в подзаголовок, если это уместно.
3. Побуждение к действию: Вы можете превратить подзаголовок в привлекательный призыв к действию (CTA).
4. Не переусердствуйте: Ваш подзаголовок должен быть кратким, четким и сфокусированным.

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

Источник изображения: VenueSphere

Они провели A/B-тестирование своего подзаголовка, чтобы попытаться улучшить коэффициент конверсии. Вариант, второй скриншот, привел к 69% увеличение лидов по сравнению с контролем.

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

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

• Предлагает ли целевая страница то, что я ищу?
• Достаточно ли информации на странице, чтобы ответить на мои вопросы?
• Это займет много времени?

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

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

• Внимание, Интерес, Желание, Действие (AIDA)
• До После Мост
• Проблема, Агитация, Решение
• Изображение, Обещание, Доказательство, Проталкивание (PPPP)

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

Теория цвета: как использовать цвета на странице

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

Существуют элементы теории цвета, относящиеся к дизайну целевой страницы:

1. Психология цвета
2. Роль контрастных цветов в подчеркивании элементов на странице

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

Источник изображения: Quora

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

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

Релевантные изображения: выберите правильные

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

Фотографии людей обычно очень эффективны на целевой странице. Тем не менее, изображение должно соответствовать контексту. Возьмем пример POSist, ведущей ресторанной платформы SaaS. Они провели A/B-тестирование на своей домашней странице.

Элемент управления имел геройское изображение человека. Вариантом была нестандартная графика.

Источник изображения: Posist

Этот вариант привлек на 16 % больше лидов, что было очень много. Тематическое исследование показывает важность тестирования.

Очистить кнопку CTA

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

Возьмите этот пример из курсов White Card. Они хотели увеличить коэффициент конверсии на своей домашней странице. После проверки они провели A/B-тестирование.

Источник изображения: WhiteCardCourses

Вы можете видеть, что на страницу было внесено несколько изменений. На страницу была добавлена ​​кнопка CTA с текстом кнопки «Начать сейчас». Цвет фона за заголовком был изменен, чтобы увеличить контраст с основным изображением.

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

Знаки доверия и логотипы

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

Вернемся к примеру с POSist.

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

Источник изображения: Posist

В тематическом исследовании POSist подчеркивается важность непрерывного тестирования и оптимизации.

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

VWO помогла им провести A/B-тест, в котором над формой был вставлен простой отзыв.

Источник изображения: WikiJob

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

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

Дизайн формы целевой страницы

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

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

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

Эксперимент с живым чатом

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

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