Блоки лендинга. Идеальная структура landing page по версии LPgenerator

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Блок с ценами

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

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

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

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

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

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

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

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

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

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

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

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

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

Контакты

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

Существует 15 блоков информации, которые должны присутствовать на странице приземления, да и к тому же должны быть правильно оформлены и грамотно расположены, только после этого следует направлять трафик на landing page и ждать обращения клиентов. Однако помните про эксперименты, вносите изменения и ищите положительные результаты.

Структура продающего landing page

1. Заголовок, который должен зацепить клиента.

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

2. Правильные контактные данные.

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

3. Понятный заголовок и расшифровка в подзаголовке.

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

4. Реальные выгоды клиента.

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

5. Главная кнопка.

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

6. Отражение товара на картинке или видео.

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

7. Призыв к действию посетителя.

В данном случае простота — залог успеха. Как бы ни было печально, но простое «нажмите на кнопку и получите бесплатно 5 уроков» работает лучше, чем красивое описание в виде: «Не знаете как? Не умеете, но хотите научиться! Пора действовать и мы в этом вам поможем!», ну или что-то подобное. Оформите призыв кратко, напишите, что человек должен делать, и все. Это будет действовать лучше, нежели красота и многословность предложения.

8. Отзывы о вас.

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

9. Гарантии!

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

10. Избавьтесь от воды

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

11. Таймер ограничения времени на акцию.

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

12. Подтверждение правдивости предложения.

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

13. Теперь мы пришли к нижней части страницы – футер.

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

14. Логотип.

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

15. Консультация.

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

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

Какой должна быть структура лендинга, чтобы вы получали больше заказов и тратили меньше денег на рекламу? За годы практики я вывел простую формулу из 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 лет =)

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

Конфигуратор

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

17. Видео

Боль

19. Сравнение

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

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

Люди не глупые, они могут проверить. И тогда Вы попадёте в неловкую ситуацию, если вдруг меня не послушались.

Сравнение

20. Не нашли ответ?/Нужна консультация?

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

Не нашли ответ

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

21. Карта

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

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

Карта

22. Гарантия

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

Гарантия

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

23. Цены/пакеты/тарифы

Если Вы продаёте одну конкурентную услугу или один товар, то у Вас априори нет каталога в классическом понимании.

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

Тарифы

Кстати говоря, а как Вы считаете, стоит на сайт показывать цены в открытом доступе или создавать интригу? Это вопрос подробно разобрали в видео, смотрите ниже:

24. Отзывы

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

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

Кстати, полезным будет также знать какой должна быть .

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

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

Сегодняшняя статья будет посвящена началу начал – что такое правильная структура лендинга с высокой конверсией.

Я знаю, что ничего не знаю

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

Уже ни для кого не секрет, что продающий и (он же одностраничный сайт) создается не по воле собственной фантазии, а исходя из четких данных основанных на анализе. То есть это не столько творческая работа, сколько точный расчет.

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

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

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

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

НАС УЖЕ БОЛЕЕ 29 000 чел.
ВКЛЮЧАЙТЕСЬ

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

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

И наполнение, и фото, и тексты, и . На этом моменте многие допускают ошибку, но мы ведь не такие? 😉

Настоящей находкой для тех, кто задумался о создании лендинга станет, так называемая, “ ”. Выглядит схема следующим образом:

Лестница Ханта

Согласно этой схеме, клиент должен “созреть” и пройти все 5 этапов от отсутствия потребности до готовности купить. Конкретный пример как применять Лестницу Ханта мы разобрали в этом видео:

Для того, чтобы не объяснять все “на пальцах”, далее все будет основано на реальных событиях, а именно на примере landing page одного из наших клиентов – компании по чистке ковров “Чистый квадрат”.

Конверсия компании по чистке ковров “Чистый квадрат”

К слову, средний результат всего трафика – 6% конверсии в заявку, которая в их нише можно назвать покупкой. Много это или мало? Читайте об этом в нашей статье

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

Этап 1: Нет проблемы

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

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

Чаще всего это клиенты, которые его только-только купили. Поэтому в этом случае весь наш сайт будет пропитан структурой PMPHS.

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

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

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

Этап 2: Есть проблема, нет решения

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

Используйте эту информацию на своём сайте, что есть решение этой неприятной ситуации.

А именно в первой половине сайта покажите свой вариант решения. Что оказывается можно вызвать компанию, которая приедет и всё сделает на дому, либо приедет, увезёт и привезёт.

И тут мы показываем решение только в рамках нашей услуги. Не показывая другие решения. Чем отличается данный этап от третьего.

Этап 3: Решение есть, сравниваем варианты

Если Ваш потенциальный клиент ещё не на этом этапе, что возможно при условии, что Вы продаёте новое или редкое решение, о котором люди не слышали, то Вам нужно вернуться на 1 и 2 этап. Но если же клиент уже находится на этой стадии, то он знает, что:

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

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

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

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

Но надо понимать, что эти люди еще не готовы купить, они довольно “холодные” и еще размышляют:

– Может, всё-таки на автомойку или самостоятельно?

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

Этап 4: Выбор продукта

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

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

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

Результат до/после

Этап 5: Уверенность и намерение

Клиенты, которые приходят по таким запросам как “чистка ковров чистый квадрат” ищут конкретную компанию.

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

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

А Вы откуда?

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

И я не уделяла бы столько внимания этому, если бы структура landing page не зависела от “Лестницы Ханта”.

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

Когда лендинг создается с нуля, ответ получается очень размытый, в стиле “Да мы все попробуем…Хотя, наверное что-то одно, либо таргегинг, либо … Еще не решили”.

Почему это так важно?

Прототип

Коротко о главном

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

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

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