Идеальная структура landing page. Cтруктура лендинг пейдж

Здравствуйте, уважаемые читатели блога сайт. Сегодня мы поговорим о такой важной вещи как посадочная страница , которую очень часто на буржуйский манер называют лендинг пейдж (от английского landing page — целевая страница). Что же это такое и почему это так важно?

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

Что такое лендинг пейдж и почему это так важно

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

Скорее всего, вы забыли продумать и подготовить приземляющие (посадочные, целевые) страницы, которые часто называют лендингами . Что это такое?

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

Сам термин «лейдинг пейдж» образован от английской фразы «landing page», в переводе означающей как раз целевую, посадочную (приземляющую) страницу. Лендинги создаются не абы как, а с учетом психологии посетителей. Они должны цеплять и не отпускать их до самого момент покупки (или регистрации), ибо повторно привлечь посетителя будет уже архисложно.

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

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

Примеры лендингов

В зависимости от преследуемых вами целей можно разделить посадочные страницы (лендинги) на несколько типов:

12 шагов по созданию идеального лендинга

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

Каждый лендинг должен быть заточен только под одно целевое (конверсионное) действие — либо подписка, либо продажи. Не надо жадничать, ибо внимание пользователя будет рассеяно и сильно увеличится вероятность его ухода (так ничего и не выбрав из предложенных вариантов). Лучше как можно меньше заставлять клиентов думать и выбирать — путь на landing page должен быть прямым как стрела (очевидным для него) и без каких-либо ответвлений.
На посадочной странице обязательно должен присутствовать призыв к действию (с глаголами в повелительном наклонении — позвони, купи, получи, приди и т.п.). Фразы должны быть короткими и мотивирующими. Например, «купите сейчас», «получить видеокурс» или «подпишись и получи».
Рулят также яркие кнопки и стрелки , создающие на них акцент. Неплохо работают кнопки красных и желтых оттенков, ибо заметны и содержат как бы призыв к действию.
Ну а стрелки, как правило, призваны еще больше акцентировать внимание на кнопке, чтобы линия поведения пользователя на лендинге была как можно более прогнозируемой.
Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):
Если в лендинге используются (на подписных посадочных страницах без них не обойтись, но и на продажниках их довольно часто используют), то озаботьтесь тем, чтобы в них содержалось как можно меньше полей. В идеале, в форме должно быть только одно поле (для ввода Емайл адреса), но для дальнейшего общения (проведения маркетинга) вам понадобится знать и имя пользователя, поэтому два поля являются наиболее распространенным вариантом.Большее количество полей может существенно снизить конверсию. К тому же добавление полей для ввода телефона или адреса вызывает у пользователей настороженность и может привести к отказу от целевого действия.
В статье про я упоминал, что пользователи в интернете тексты не читают — они их просматривают. И самым важным в этом плане является заголовок. Если его нет (или он не выделен соответствующим образом), то это очень сильно снизит конверсию. На лендингах заголовки должны быть обязательно цепляющими , чтобы пользователь склонился к дальнейшему чтению или сразу к свершению конверсионного действию (подписке, заказу, звонку).
На вашей landing page должны быть не только призывы к действию и эффектные заголовки, но и аргументация необходимости подписки, покупки, заказа или звонка. В случае страницы подписки это может быть, например, небольшой видеоролик с описанием и содержанием «халявы», или все то же самое оформлено в виде краткого списка (перечня). В случае продажника это тоже может быть видеоролик с обзором товара, списком тех услуг, которые вы предлагаете (в том числе и ваши конкурентные преимущества).
Очень хорошо на посадочных страницах работают отзывы от уже состоявшихся клиентов, покупателей или подписчиков (лучше, если при этом будут указаны какие-то контакты тех, кто эти отзывы оставил, чтобы все выглядело правдоподобно).
Также неплохо работают на посадочных страницах сравнения «до и после» . Не для всех тематик это применимо, но в области похудения, косметологии, фитнеса и многих других ниш это можно с высокой эффективностью использовать. Например, так делает фирма, предоставляющая услуги ресторации.
Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
Для стимулирования подписчиков или покупателей некоторых товаров (например, ) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды.
Рядом с таймером неплохо будет расположить форму подписки, заказа или контактный телефон. Это будет работать не всегда, поэтому надо проводить тесты (думаю написать ряд статей про проведение А/Б-тестирования — если не хотите пропустить, то подписывайтесь на рассылку), и возможно, что такой простой и очевидный способ позволит вам увеличить конверсию данной лендинг пейдж и с лихвой окупить деньги, потраченные на продвижение в социальных сетях или контекстной рекламе.
Пользователи также хотят знать, кто именно им предлагает данный товар, услугу, видеокурс и т.п., поэтому необходимо в лендинге указывать информацию об авторе, магазине, фирме.
Естественно, что хорошо было бы при этом упомянуть достоинства, достижения, конкурентные преимущества, но не перехваливайте себя, дабы не перейти ту грань, за которой уже снижается доверие к опубликованной информации.

Примеры ошибок делающих landing нерабочим

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

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

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

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

У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page» :

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

Дайте выгоду в заголовке

Напишите просто и кратко

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

Гость web-страницы не будет вчитываться. Он станет быстро сканировать текст! Пишите просто. Затянутый, сложный текст моментально сыграет против товара, каким бы чудесным тот ни был.

Ограничьте возможный выбор

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

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

Покажите 2-3 возможности - человек легко выберет что-то. Предоставьте 8 возможностей - гость почувствует дискомфорт и уйдет.

Уберите лишние элементы

Удалите все нерабочее. Landing Page высокой конверсией состоит из железно необходимых элементов. Посмотрите на прототип. Нет ли там лишних меню или кнопок? Нет ли каких-нибудь левых ссылок? Нашли - немедленно убирайте.

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

Ставьте удобную форму подписки

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

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

Не забудьте о дизайне бренда

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

Типичная структура продающего лендинга:

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

Призыв к действию (Call-to-Action). Этот важнейший блок обычно повторяется несколько раз. Call-to-Action зачастую дают в виде растяжки на всю ширину web-страницы.

Список с буллитами (небольшими схематическими иконками). Хорошо иллюстрирует ключевые достоинства товара (или услуги).

Отдельный цифровой блок. Идеально подходит для наглядного представления любой количественной информации.

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

Блок закрытия возражений. Этот жизненно важный блок чаще всего обособлен. Он дается в виде ответов на естественные вопросы (опасения и тревоги) ЦА.

Блок тарифов. Ставится, если покупателю нужно выбрать из 2-3 различных тарифов.

Форма обратной связи. Лучше, если она содержит не более 3 полей для заполнения.

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

с высокой конверсией?

Меню с возможностью навигации - посетитель должен сосредоточиться лишь на одном предложении.

Ссылок на ваш корпоративный web-сайт - гость может просто отвлечься и забыть про конкретный товар.

Отвлекающих иллюстраций, не имеющих отношения к рекламируемому продукту.

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

Кнопок и ссылок типа «нажмите здесь, чтобы узнать больше». Cтруктура хорошего лендинга

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

Объем идеального лендинга вытекает из 3 главных факторов:

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

Степени доверия к самому бренду и выпускаемым им товарам. Давно известную торговую марку продвигать куда легче.

Цены товара (либо услуги). Чем больше денег нужно потратить, тем дольше придется уговаривать покупателя.

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

Более длинные посадочные страницы применяются для дорогих и технически сложных изделий.

Проверьте качество вашего лендинга

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

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

Если вы зашли на эту статью, значит, перед вами стоит две цели:

Подробнее узнать о структуре лендинга;
Найти "схему" идеальной посадочной страницы.

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

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

Что собой представляет структура Landing page? Это разработанные и логически структурированные блоки, которые в виде своеобразной истории ведут посетителя к целевому действию. Конечно, никто не может вам точно сказать какой блок за каким следует ставить с точки зрения логики. Напомним, это все индивидуально. Но специалисты, и , в том числе, в качестве эффективного помощника используют маркетинговую стратегию AIDA.

Правильная структура лендинга по стратегии AIDA

AIDA - это аббревиатура с английского языка, которая заключает в себе четыре простых слова:

А (attention) - внимание:

I (interest) - интерес;

D (desire) - желание;

A (action) - действие.

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

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

Цель посещения целевой страницы захвата;
Цель покупки;
Основные и дополнительные факторы принятия решения;
Возможные возражения;
Ваши преимущества.

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

Структура лендинг пейдж на трёх реальных примерах

Перейдем от слов к действию. Для понимания структуры продающего лендинга мы взяли за основу 3 лендинга, разработанные по стратегии AIDA.

Пример 1. Разработка лендинга по строительству и проектированию домов и коттеджей

Целевая аудитория: мужчины и женщины возрастом 30-60 лет.

Цель: получить проект дома/построить дом премиум качества, получить помощь в выборе материалов, узнать стоимость строительства.

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

Первый блок ATTENTION должен привлечь внимание посетителя. Для этого продающий лэндинг должен содержать:

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

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

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

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

"INTEREST"

Очень и очень важно, чтобы человеку стало интересно посмотреть информацию дальше. Если внимание захвачено, следует доказать потенциальному клиенту, что ваша компания - лучший вариант для него. И привести факты. Факты воспринимаются лучше, если они будут изложены в цифрах. Это не обязательное требование, но конкретика всегда “играет на руку”.

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

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

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

"DESIRE"

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

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

"ACTION"

Последний шаг к быстрой конвертации- призыв к действию и форма заказа.

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

Пример 2. Структура лендинга с высокой конверсией для HR-компании

Аудитория: руководители или менеджеры по персоналу, мужчины и женщины возрастом от 25 до 65 лет, нуждающиеся в поиске сотрудников

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

"ATTENTION"

Первый блок в структуре лендинга начинается с привлечения внимания. Привлекаем внимание УТП + фотографией потенциальных кадров - привлекают внимание и увеличивают интерес.

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

Смотрите больше примеров оффера в статье с рекомендациями, как правильно написать оффер