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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Доверие решает все и даже больше. Если вы не смогли вызывать нужного уровня доверия — у вас не купят ваш товар или услугу, каким бы выгодным ни было ваше предложение. Представьте, что к вам на улице подойдет бритый человек с бегающими глазками и предложит купить Айфон 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. Вначале займитесь созданием прототипа лендинга: продумайте его концепцию (что вы предлагаете? как вы предлагаете? почему ваше предложение выгодно потенциальному клиенту?), поразмыслите над формой подачи информации, выстроите «на бумаге» структуру вашего лендинга, набросайте черновые текстовки - и только после этого начинайте делать лендинг «начисто». Правьте тексты в процессе работы над страницей.
3. Создавайте предельно четкий оффер - у посетителя не должно возникать вопросов, что именно вы предлагаете: отличные зеленые ковры или все-таки два ковра по цене одного до конца текущего месяца.
4. Грамотно продумайте размещение на странице основных элементов лендинга: оффер, призыв к действию (Call To Action, СTA), форма заказа, блок с преимуществами, продающие триггеры, социальные доказательства (отзывы, например), визуализация вашего предложения (картинка).
5. «Обычные» тексты (в стилистике статьи), как правило, не работают в лендингах.
6. Текст лендинга - предельно лаконичен, предельно информативен, предельно плотен.
7. А главное - он небольшой по объему.
8. Ближе всего к правде будет высказывание: в лендинге используются не тексты, а «текстовки».
9. Но! Не смотря на сказанное в предыдущих трех пунктах, не стоит недооценивать возможности текста. Текст - одна из самых эффективных форм выражения вашего коммерческого месседжа. Что еще для людей более важно, чем язык?
10. Работайте над текстовками лендинга долго и тщательно, выверяя каждое слово.
11. Не допускайте ошибок - это «смазывает» впечатление от вашего, может быть (не будь ошибок), превосходно работающего лендинга.
12. «Не кричите» в лендинге. Кто-то думает иначе: чем креативнее и побудительнее текстовки, чем больше в них «рекламных» выражений и «кричащих» фраз (купите прямо сейчас, другой такой возможности у вас не будет, на всех не хватит, спешите, бегите, отдайте скорее нам ваши деньги!), тем эффективнее лендинг. Да, есть такая точка зрения: вся сила рекламы в яркости, экспрессивности и побудительности. Я же лично считаю, что кричат слабые, сильные - убеждают. Экспрессия и навязчивость традиционной рекламы надоела людям. Их нельзя заставить купить, их можно только убедить. Единственный путь - дать максимум полезной для совершения выбора в пользу вашего продукта информцаии, но не навязывать: все равно не подействует.
13. Не нужно «заманивать» и «интриговать» - пишите по-человечески, чтобы можно было составить абсолютно точное представление о вашем продукте. Колбасу с каким названием вы предпочтете купить для семейного ужина: «Пикантная Снежана» или «Телячья»? Я лично - последнюю.
14. Человек хорошо запоминает 80 % из того, что видит, и только 20 % - из того, что читает. Именно поэтому так важна визуальная составляющая в лендинге.
15. Не пытайтесь дать всю инфорацию в текстовом виде. Такой лендинг вряд ли не сконвертит вам клиентов. Активно используйте потенциал вашего дизайнера.
16. Используйте для передачи информации не только текст, но и графические элементы (знаки, символы, простые таблицы и т.д)
17. В дизайне главное - не красота, а его функциональность: все части целого должны работать на общую задачу.
18. Лендинг существует на стыке копирайтинга,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Лид-форма

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

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

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

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

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

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

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

Современная интернет-маркетинговая стратегия практически непредставима без использования целевых страниц (Landing Pages, посадочные страницы, лендинги), которые все чаще встречаются в рекламных кампаниях как крупных брендов, так и представителей SMB-сектора Рунета.

По нашей просьбе специально для пользователей work-zilla.com свои рекомендации относительно того, как создать Landing Page с высокой конверсией озвучил директор по маркетингу LPgenerator Максим Плосконосов. Советы эксперта такого уровня будут безусловно ценны для наших заказчиков и исполнителей, ведь сервис LPgenerator представляет собой ведущее SaaS-решение Рунета по созданию и работе с целевыми страницами.

Посадочные продающие страницы на практике чаще всего используются для решения следующих задач:

Первая задача - получение контактной информации или лид (lead, «лид»; термин многозначный, означающий как данные, полученные от посетителя email, имя и т. д., так и пользователя, оставившего такую информацию). Такие лендинги называются лидогенерирующими (Lead Capture Landing Page), процесс, происходящий на них - генерация лидов.

Вторая задача - клик, переход или подготовка потенциальных клиентов к завершению конвертации на другой странице; такая целевая страница называется «кликабельной» (Click-through Landing Page) и является частью конверсионных путей или мини-сайта.

Если лид-страница получает данные (посредством заполнения посетителем специальной интерактивной web-формы, так называемой «лид-формы»), то Click-through лендинг, наоборот, предоставляет дополнительные сведения о сути вашего оффера. Конечным пунктом конверсии на CTR-посадочной странице будет переход непосредственно на другой лендинг, где осуществляется покупка или генерация лида.

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

Правила продающего лендинга:

1. «Один лендинг - один оффер»

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

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

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

2. Правило точного соответствия

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

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

Простой и понятный заголовок лендинга - вот ваше главное орудие привлечение внимания посетителей, обладающих крайне низким «порогом внимания» (5-8 сек). За эти считанные секунды даже самый неторопливый пользователь успеет прочесть заголовок лендинга (на этом 80% из них вообще прекращает «исследование» страницы). То есть в заголовке должно обязательно присутствовать ключевое слово, соответствующее вашему УТП.

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

3. Используйте высококачественные изображения и видео

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

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

4. Упоминайте о выгодах оффера (буллеты), а не о технических характеристиках

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

Вы должны рассказать о выгодах вашего УТП, обращаясь к подспудным страхам таргет-группы («страх потери», loss aversion - сильнейший стимул к завершению сделки). Вы можете напрямую обращаться к пользователю, упоминая о прекращении выгодных условий сделки («Только 3 дня - скидка 25%») или же более тонким способом, например так: «Сохрани эти бесценные часы для жизни - посуду пусть моет машина».

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

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

5. Используйте социальные доказательства

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

6. Цель конверсии воплощена в призыве к действию (CTA)

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

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

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

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

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

7. Источники трафика

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

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

Поисковой трафик с оплатой за клик (PPC, контекстная реклама) выделяется высокой эффективностью конвертации, т.к прекрасно таргетирован по ключевым словам.

Неплохие результаты показывает email трафик - хорошая конверсия, но он ориентирован на «длинные» маркетинговые стратегии и требует применения особых тактик (сегментация подписной базы, «выращивание» клиентов, так называемый Nurturing).

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

8. Оптимизация конверсии

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

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

Для оптимизации конверсии применяется метод маркетингового исследования известный как сплит-тест (А/Б-тест, A/B/n-тест), заключающийся в сравнении 2 или более вариантов целевой страницы.

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

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

100 достижений конверсии по каждому варианту;
1000 уникальный посетителей по каждому варианту;
минимум 3 недели тестирования.

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

По мнению большинства экспертов по оптимизации конверсии (CRO, Conversion Rate Optimization), подвергать А/Б-тестингу нужно в первую очередь элементы лендинга, оказывающие решающее влияние на преобразование.

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

Главное изображение. Замена изображения может принести драматический прирост конверсии. Можно попробовать заменить фотографию на видео.

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

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

Высоких вам кoнверсий!

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

1. Заголовок с УТП

У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:

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

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

От заголовка зависит показатель отказов.

Вот примеры заголовков лучших лендингов нашей компании.

2. Дескриптор

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

В том случае, если на посадочной странице есть заголовок с УТП, дескриптор делают скромным – лого плюс название.

Лучшие лендинги всегда содержат оригинальный дескриптор.

3. Блок с контактными данными

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

• реальный номер телефона;
• электронную почту;
• кнопку «Обратный звонок».

Обязательно используется призыв – просьба позвонить.

4. Привлекательное изображение

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

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

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

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

Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.

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

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

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

6. Блок с выгодами для клиента

Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.

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

7. Отзывы клиентов

Блок с отзывами – ключевой в лендинге.

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

Каждый отзыв:

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

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

8. Тарифы или пакеты услуг

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

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

9. Примеры Лендинг Пейдж

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

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

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

10. Реальные контактные данные в футере

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

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

Также тут размещается заключительная форма захвата.

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