Идеальная структура Landing Page с высокой конверсией.

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

Что такое лендинг простыми словами

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

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

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

Идеальная структура лендинга — это 8 основных экранов

Приступим к проработке структуры вашего идеального лендинга?

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

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

Часто на первом экране можно увидеть первый – кнопку «Узнать больше», и даже лид-форму, если посетителям уже известна ваша услуга, или это уже не первый контакт с вашей компанией.

Яркая иллюстрация – лендинг Сбербанка, посвящённый именной стипендии. Он рассчитан на тех, кто уже знает компанию (кто её не знает?). Здесь располагается краткий призывающий заголовок, интригующий подзаголовок и кнопка CTA («Готов попробовать»), дополненная логотипом акции.

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

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

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

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

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

Блок с ценами

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

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

Блок с отзывами

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

Запомните одно важное правило: фальшь заметна сразу. Не делайте поддельные отзывы с фотографиями со стоков. Постарайтесь , как это сделать – мы рассказывали раньше.

Ответы на часто задаваемые вопросы (снятие опасений)

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

Например, так сделали на лендинге компании по доставке наборов вина на дом:

Выгодное предложение (акция, дефицит, истекающий срок действия)

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

Например, Тильда предлагает купить курс по интернет-маркетингу со скидкой в 40%.

А LPGenerator предлагает пройти первое занятие бесплатно – и выгодное предложение, и обработка возражений («а вдруг мне не подойдет») в одном блоке.

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

Контакты

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

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

Как работает лендинг

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

Когда есть смысл делать Landing Page? В первую очередь все зависит от ситуации, продукта и вашей ниши. Прежде чем решать запускать продающую страницу, нужно провести анализ рынка. Но есть уже ряд «стандартных ситуаций, в которых лендинг оказывается идеальным решением:

когда вы запускаете новый продукт и хотите протестировать нишу;
когда у вас появляется новая линейка продуктов, отличающаяся от остальных;
когда вы проводите промо-акцию , и её нужно вынести отдельно от сайта;
когда у вас всего один товар , или продукция носит сезонный характер (например, изготовление сувениров, цветы в коробках, даже услуги по монтажу окон можно продвигать с помощью лендинга). Тут хорошо работает схема одна услуга (товар) – одна страница. Больше в принципе и не надо, все можно успешно запаковать в такой формат.

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

А если есть сайт, что тогда?

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

Как продвигать Landing Page

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

Заключение

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

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

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

В этой статье мы рассмотрим разные варианты одностраничников — от «классики» до «модерна». Самое интересное, что элементы везде будут почти одинаковые.

Если коротко, то теплый трафик — это когда люди сами целенаправленно ищут то, что вы предлагаете. Либо если вас им рекомендует кто-то, кому они доверяют. Если эти два варианта совмещаются вместе, то тогда трафик становится просто «огненным».

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

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

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

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

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

Что это за «минимум, необходимый для оформления заказа»? Вот об этом мы сейчас и поговорим.

Четыре обязательных блока главного экрана

Главный экран вашего лендинга — это то, что сразу видят посетители, как только страница загрузится. Если отвлечься от разговоров про температуру трафика, то конверсия вашего лендинга на 80% зависит именно от того, как сделан главный экран. Кстати, у короткого лендинга он будет практически единственным.

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

Что нужно человеку для того, чтобы оформить заказ?

Уверенность в том, что ему предлагают именно то, что он искал
Что-то, что поставит вас выше других конкурентов, которых он рассматривал
Контакты для связи

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

Если вашим посетителям нужен ремонт Айфона — так и пишите «Ремонт Айфонов в Москве». Если они ищут суши с доставкой на дом — то тоже не надо вставлять в самое видное место логотип и название вашей компании.

Я понимаю, что вы потратили на этот логотип много денег и времени. Что вы любовно вынашивали идею логотипа и клевали мозг дизайнеру, чтобы он сделал так, как вам надо. Что название вашей фирмы по доставке суши «Светлый путь» тоже выбрано не просто так. Что оно символизирует с одной стороны свет, а с другой стороны путь.

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

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

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

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

Теоретически она должна «вовлекать» в чтение, а потом как-то убеждать пройти курсы именно у нас. Но по факту человек скорее предпочтет не тратить время на то, чтобы разобраться во всех этих менюшках, и пойдет смотреть конкурентов. Он ведь не только ваш сайт открывает, правильно. Человек вводит запрос, потом сразу открывает 3-4 предложенных сайта, и прыгает между ними, делая выбор.

Вот пример немного получше предыдущего.

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

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

А вот еще один пример, который мне понравился больше остальных:

Тут есть четкое описание того, что мы предлагаем, есть изображение (пусть и на заднем фоне). Есть контакт для связи, и есть оффер — скидка. О последнем немного подробнее.

Напоминаю, что у нас есть 4 обязательных элемента для главной страницы. Первые три мы уже разобрали: 1. Четкое описание, что мы предлагаем; 2. Изображение нашего товара/услуги; 3. Контакт для связи.

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

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

Чтобы резюмировать все сказанное про главный экран — посмотрите еще вот на этот пример.

Тут автор лендинга тоже явно не очень понимает, что он делает. Вроде бы все на месте — есть конкретное описание, что предлагается. Есть визуальное изображение услуги (какое-никакое). Есть даже оффер. Даже два оффера. Нет, даже три… Вот в этом и заключается ошибка. Тут сразу три оффера/отстройки:

На 40-60% дешевле дилерского
Сохранение гарантии Renault
Чиним быстро/Работаем качественно/С нами выгодно

Вот последнее — явно лишнее. Я вообще уверен, что в аду есть отдельный котел для копирайтеров, которые пишут «работаем быстро, качественно, недорого». Это совершенно пустые слова, которые не несут в себе никакого смысла для читателя. А тут они еще и драгоценное место на главном экране занимают. Соответственно, для контакта и призыва к действию места уже не осталось.

Уверен, что если просто убрать это «быстро/качественно», и вместо этого вставить номер телефона и «Звоните прямо сейчас» — конверсий получится намного больше.

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

Три блока на доверие

Доверие решает все и даже больше. Если вы не смогли вызывать нужного уровня доверия — у вас не купят ваш товар или услугу, каким бы выгодным ни было ваше предложение. Представьте, что к вам на улице подойдет бритый человек с бегающими глазками и предложит купить Айфон 7 красного цвета за одну тысячу рублей? Супер-выгодное предложение. Однако вы от него скорее всего откажитесь.

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

Регалии
Отзывы
«Как мы работаем»

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

Самый слабый вариант создания доверия — это «как мы работаем». Это когда мы схематично изображаем — «Шаг 1 — Вы нам звоните; Шаг 2 — Вы переводите нам деньги; Шаг 3 — Мы исчезаем в неизвестном направлении…» и так далее.

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

Так вот, сразу после главного экране вставьте самый сильный блок на доверие — ваши регалии. Именно тут пришло время ответить на вопрос «КТО нам это предлагает?» И официальные регалии быстро создают максимальный уровень доверия.

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

В результате получаем следующее:

Там где кружочки с рисунками внутри — вот там должны по идее располагаться регалии. Но то, что мы видим на примере выше — это не регалии. Это все офферы. «Скидка 30%» и «с нуля до Upper-Intermediate за 8 месяцев» — это не официальные достижения. Эта информация отлично смотрелась бы на главном экране.

А вот хороший пример того, как должен выглядеть блок с регалиями:

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

Вот еще один неплохой пример:

Здесь только подкачал «100% результат». Это тоже не регалия, а оффер — «Гарантируем 100% результат или вернем деньги». Но первые две регалии делают свое дело.

Далее по лендингу вы можете дополнительно вставить блок с отзывами ваших клиентов и то самое «как мы работаем». И если вы удачно применили регалии — то эти более слабые блоки будут работать намного лучше. А если вы регалии использовали неправильно, то никакие отзывы вам не помогут. Не та эпоха, не тот отрезок времени, чтобы люди отзывам верили.

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

Блок создания потребности

Данный элемент в продающей структуре лендинга призван «разогреть» аудиторию, если она не сильно хочет покупать то, что вы предлагаете. И давайте сразу рассмотрим на примерах.

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

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

Кроме того, само описание выгод сделано неправильно. Вот что мы имеем:

Выступление сильных и успешных российских предпринимателей
Уникальные кейсы и практики и только из практики российских компаний, которыми мы можем гордиться
Живые истории взлетов и падений
2 дня в кругу единомышленников, людей с широко открытыми глазами

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

Это все равно, что написать «холодильник с двумя морозильными камерами объемом 150 литров», и на этом остановиться. Но нам после каждой технической характеристики надо дать объяснение — «А это значит, что хватит места на все продукты, и не придется их упихивать ногами».

То же самое и с характеристиками из примера выше.

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

Ну или примерно так. Главное — давайте объяснение, зачем нужна та или иная характеристика. Ну и в идеале оформите это все графически. Например вот так:

Здесь правда даны пункты для разных продуктов. А вам надо будет сделать 5-7 кружочков с рисунками + технической характеристикой + объяснением выгоды для одного вашего продукта. Тогда блок создания потребности можно считать завершенным. А завершим мы наш лендинг «дожимом» тех, кто еще сомневается — заказывать или нет.

Блок «дожима»

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

Информация в виде вопрос/ответ легко читается, потому что создает ощущение диалога. Вспомните, в книгах диалоги всегда читать легче и приятнее, чем описания.

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

Формально это FAQ. Есть вопросы — и есть ответы. Но большинство вопросов здесь — организационные. Хороший вопрос только под номером 3. Это самое настоящее возражение — «Зачем мне выбирать ваши курсы, если я могу заниматься с репетитором?»

Не надо делать из FAQ форум техподдержки. На все организационные вопросы можно ответить по телефону или сделать отдельный блок на большом многостраничном сайте. Задача лендинга — это продавать и продавать.

Подготовьте список из 9-10 основных возражений ваших потенциальных клиентов и разместите ответ на них в форме FAQа. Тогда блок «дожима» можно считать завершенным.

Резюме

Давайте теперь резюмируем все 9 блоков продающей структуры лендинга.

Блок 1 — Объясняем ЧТО конкретно мы предлагаем (на самом видном месте главного экрана)
Блок 2 — Визуальное изображение товара/услуги (тоже работает на объяснение, ЧТО мы предлагаем)
Блок 3 — Оффер/отстройка от конкурентов
Блок 4 — Контакт для быстрой связи и призыв к действию («Звоните прямо сейчас»)
Блок 5 — Список регалий, оформленный горизонтальным списком с иконками
Блок 6 — Создание потребности (технические характеристики + выгоды)
Блок 7 — Отзывы (создание вторичного уровня доверия)
Блок 8 — Как мы работаем (создание вторичного уровня доверия)
Блок 9 — Дожим (ответы на основные возражения клиентов, упакованные в FAQ).

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

Чего хочет добиться каждый веб-мастер, занимающийся онлайн-предпринимательством? Большое количество продаж. Если речь идет о продаже 1-2 двух товаров, то для их реализации идеально подходит одностраничный сайт. Но спешить с его созданием не стоит. Зачастую не удается реализовать даже самую востребованную продукцию по выгоднейшей цене из-за неправильной структуры лендинга.

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

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

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

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

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

Ознакомление с преимуществами услуги

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

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

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

Что вы гарантируете клиенту?

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

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

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

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

Процедура заказа. Шаги

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

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

Цифровая статистика

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

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

Мнение покупателей

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

Так зачем же раздел «Отзывы» необходим? В него мы можем добавить полезную информацию для покупателей. В блоке мнений покупателей не должны быть предложения, формата: «Остался доволен покупкой. Буду обращаться еще». Гораздо выгоднее для нас будет отзыв в виде: «Стоимость товара у конкурентов значительно выше предлагаемой здесь. Доставлен был продукт за несколько дней». Смысл таков, что отзывы должны напоминать о ваших преимуществах, а не просто говорить, что сотрудничество с вами – это хорошее решение.

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

Контактная информация

Без этой категории структура продающего лендинга не будет правильной. Причем не стоит оставлять исключительно номер телефона. Чем больше контактных данных, тем сильнее аудитория верит компании. Настоятельно рекомендуем разместить адрес своего офиса, если он имеется (некоторые веб-мастера указывают просто случайный адрес, но это не самый лучший вариант с точки зрения закона). Ссылки на публичные страницы в социальных сетях, e-mail компании.

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

Когда пользователь понимает, что вы реально существуете, его покидают мысли о мошенничестве.

Чего не стоит делать при оформлении структуры продающего Landing Page?

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

1. Копировать контент проекта конкурента

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

Поисковые системы понижают ваш сайт в индексе;

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

2. Использовать неэффектные дизайнерские решения

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

3. Размещать большое количество сторонних ссылок на лендинге

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

4. Большое количество контента

Посетитель пришел на сайт с целью купить, либо поинтересоваться товаром, но не читать его обзор, знакомиться с информацией о производителе, дате производства и так далее. Если ваша структура посадочной страницы напичкана огромнейшей статьей на 10-20 тысяч символов, потенциальный клиент не увидит выгоды сотрудничества с вами и просто не станет тратить время на ознакомления со всем текстовым материалом. В данном случае нужно следовать одному банальному правилу – «писать кратко и по делу».

5. Неэффективная форма оформления заказа

Через форму заказа компания получает контактные данные клиента, после чего созванивается с ним, и если пользователя все устраивает, он оформляет заказ.

В идеале форма должна состоять из следующих граф:

Номер мобильного телефона;
Электронная почта.

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

6. Потеря мобильного трафика

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

7. Плохая скорость работы сайта

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

8. Отсутствие логической последовательности

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

Конструировать лендинг нужно с учетом вопросов, которые задает себе пользователь при попадании на веб-ресурс:

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

Итог

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

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

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

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

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

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

основной заголовок — лаконичный, привлекательный, продающий;
подзаголовок уместен, когда необходимо разъяснить, уточнить главный оффер. Подзаголовок часто используется для сокращения основного заголовка.

Простой пример от LPgenerator:

Этот и другие шаблоны вы можете взять за основу для создания своего первого лендинга в :

Логотип, название компании, контакты

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

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

Разобравшись, куда он попал, и увидев ваше предложение, пользователь задастся вопросом, как приобрести ваш товар или услугу. Именно поэтому главная страница должна проектироваться с блоком контактов, и чаще всего здесь же ставят CTA-кнопку «Заказать звонок».

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

Демонстрация продукта/услуги

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

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

Вот удачный макет, сочетающий обе эти техники:

Преимущества бренда

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

Сначала мы использовали лаконичный коммерческий заголовок, призванный «схватить» клиента сразу после входа. Теперь нужно опередить вопрос посетителя «Зачем мне это нужно?». Тут важно найти баланс между информативностью/объемом, а не «растекаться мыслью по древу», так как специфика landing page не позволяет подобного.

Подходящие примеры находим в :

Описание оффера

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

Вот пример еще одного шаблона из :

Взаимная коммуникация

Лид-форма

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

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

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

Теперь о том, где же оптимальное место лид-формы: на первом экране или после «линии сгиба». Ответ нашелся у эксперта Майкла Огарда (Michael Aagaard) из компании ContentVerve. Он провел занимательное сплит-тестирование: сравнил две версии расположения поля. Первый вариант — выше «линии сгиба», второй — ниже.

В результате выяснилось, что второй вариант повысил уровень конверсии на целых 304%.

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

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

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

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

Спешим вас огорчить, сказав, что идеальной структуры для целевой страницы не существует в природе. Сколько бы вы уже ни прочитали различных статей в поисках ответа на свой вопрос, помните, идеальной структуры просто не существует. А все потому что структура 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"

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

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

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