Каким должен быть эффективный лендинг: инструкция от LPgenerator. Примеры лендингов с высокой конверсией

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

А Вы откуда?

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

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

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

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

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


Прототип

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Заголовок, привлекающий целевую аудиторию. Сюда же входит подзаголовок, помогающий понять суть и выгоду предложения, а также изображение самого товара и фирменный логотип компании.
  • Призыв к действию (Call-to-Action). Этот важнейший блок обычно повторяется несколько раз. Call-to-Action зачастую дают в виде растяжки на всю ширину web-страницы.
  • Список с буллитами (небольшими схематическими иконками). Хорошо иллюстрирует ключевые достоинства товара (или услуги).
  • Отдельный цифровой блок. Идеально подходит для наглядного представления любой количественной информации.
  • Карусель. Динамический блок, применяемый для показа отзывов покупателей или вариантов дизайна товара.
  • Блок закрытия возражений. Этот жизненно важный блок чаще всего обособлен. Он дается в виде ответов на естественные вопросы (опасения и тревоги) ЦА.
  • Блок тарифов. Ставится, если покупателю нужно выбрать из 2-3 различных тарифов.
  • Форма обратной связи. Лучше, если она содержит не более 3 полей для заполнения.
  • Футер. Завершающий элемент лендинга, в котором можно разместить общую информацию о компании.

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

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

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

  • Уровня заинтересованности покупателя. Одно дело, когда клиент уже разогрет. Совсем другое - холодный, слабо заинтересованный гость.
  • Степени доверия к самому бренду и выпускаемым им товарам. Давно известную торговую марку продвигать куда легче.
  • Цены товара (либо услуги). Чем больше денег нужно потратить, тем дольше придется уговаривать покупателя.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

Лид-форма

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

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

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

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

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

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

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

В этой статье я хочу показать вам пример страшненького лендинга с высокой конверсией. Высокой — это 8,5% в звонок и больше 4,7% в заказ. Это очень достойные показатель для одностраничника, сами понимаете. И показатели я знаю совершенно точно, потому что я сам делал этот лендинг и настраивал на него трафик.

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

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

Какие были результаты до изменения лендинга

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

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

На момент нашего знакомства дела у них шли из рук вон плохо. Вот скриншот, на котором видно цифры яндекс-директа. Один клик стоил почти 33,5 рублей, а CTR был всего 1,2%.

Если перевести это все на человеческий язык, то они платили за рекламу в 3-5 раз больше, чем их конкуренты, а посетителей при этом получали в 3-5 раз меньше. Так уж устроена контекстная реклама.

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

Данный лендинг не давал практически никакой конверсии. То есть мало того, что они платили за рекламу огромные деньги, так еще и не получили при этом почти никаких заказов. После долгих расспросов владельца фирмы я выяснил, что конверсия в звонок составляла примерно 0,5%. Конверсию в заказ мне так и не удалось выяснить.

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

Первый шаг к высокой конверсии

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

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

В кампании яндекс-директа было настроено всего одно объявление с самым общим текстом. И показывалось оно по паре десятков самых общих запросов по теме.

Как я настроил 450 уникальных объявлений

Так вот, я решил сделать как положено. Для этого я с помощью КейКоллектора отпарсил порядка 2000 узких ключевых запросов, и вручную поудалял те из них, которые нам явно не подходили. Например «настройка триколор тв своими руками». Из двух тысяч ключей после этого осталось 1300.

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

Любопытный момент — мы настраивали рекламу на Санкт-Петербург и Ленинградскую область. И довольно много запросов было для ключей «настройка спутникового тв на 5 телевизоров», «настройка на 4 телевизора». Для меня, у которого дома вообще нет телевизора, это было очень удивительно. Напишите в комментариях, сколько телевизоров у вас в доме =))

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

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

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

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

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

  • Оборудование и настройка спутникового тв
  • Оборудование и настройка Триколор тв
  • Оборудование и настройка НТВ+
  • Оборудование и настройка кабельного тв

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

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

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

Заголовок и описание

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

Напомню, как выглядел наш лендинг пейдж сначала:

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

  • Логотип компании в левом верхнем углу ни о чем никому не говорит;
  • Значок «vk» в шапке уводит с лендинга в мертвую и малочисленную группу вконтакте;
  • Заголовок не сообщает, что точно предлагает компания;
  • Подзаголовок дает некоторое описание, но слова «исходя из ваших предпочтений и бюджета» ни разу не продают не цепляют;
  • Форма справа только занимает место;
  • Нет конкретного призыва к конкретному действию;

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

И для этого не надо изобретать никакого «колеса». Пишите как можно проще и понятнее. Я написал «Официальная продажа и установка Триколор ТВ в Санкт-Петербурге». Все предельно просто.

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

Быть честным с собой и с клиентами — это выгодная стратегия. Сначала поймите сами для себя — с чего вдруг кому-то заказывать услугу у вас, а не у конкурентов? А потом просто напишите это на странице. Вот и весь копирайтинг.

Контакты и призыв к действию

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

Изображения

Средняя цена клика стала 9,7 рублей, вместо 33,5 рублей. CTR на поиске стал 20,5% вместо 1,2%. Мы стали получать в три раза больше кликов в день, и платить за это в 3 раза меньше. Я считаю, что это неплохой результат для директолога-любителя))

А если возвращаться к лендингу, то вот небольшое резюме того, что я хотел сказать в этой статье:

  • Лендинг с высокой конверсией можно сделать бесплатно самому;
  • Конверсия начинается с правильного целевого трафика. Без этого вам не поможет ни один лендинг;
  • Чтобы повысить конверсию — сделайте несколько лендингов под разные группы запросов;
  • Самое большое внимание уделите первому экрану вашего лендинга. Именно он во многом определяет конверсию;
  • Используйте простые и честные слова, чтобы описать ваше предложение. Не пытайтесь выражаться «красиво». Так вы только все запутаете;
  • Если не хватает места для качественного изображения вашего товара или услуги — вставьте его фоном;
  • Напишите свой контактный телефон и фразу «Звоните сейчас». Это сработает лучше, чем общепринятые формы с акциями.

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

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

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