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

19.10.17 300

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

Можно сказать, что лэндинг почти на 100% определяет успешность рекламной кампании. Хороший лендинг = хороший ROI (коэффициент возврата инвестиций ). Плохой лэндинг – напрасная трата денег.

Три нерушимых правила

Правило 1: никогда не направляйте трафик с рекламы на главную страницу сайта

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

Правило 2: ясность и актуальность превыше всего

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

Чтобы этого не произошло, ответьте на вопросы, возникающие у каждого пользователя :

• Есть ли тут то, что мне нужно?
• Хватает ли мне имеющейся информации?
• Могу ли я доверять этому сайту?
• Сколько времени потребуется?

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

Правило 3: качественный лэндинг имеет определенную структуру

1. Заголовок, сулящий выгоду

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

1. Краткость и актуальность

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

1. Акцентируйте внимание на одном действии, которое необходимо выполнить посетителю

Пользователь должен иметь возможность совершать лишь одно действие на странице. Чем больше опций на странице, тем ниже конверсия.

1. Удаляйте отвлекающие навигационные ссылки

1. Сделайте форму подписки или оформления заказа заметной

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

1. Соблюдайте единообразие стиля

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

Качественные продающие лендинги шаблоны грузятся быстро. Скорость загрузки страниц отслеживайте с помощью сервиса Google Page Speed . Там же можно получить рекомендации по улучшению производительности сайта.

Четыре этапа создания лендинга

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

1: определитесь с аудиторией

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

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

2: определитесь с самым желаемым действием (MWA-действие)

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

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

3: определитесь с посланием

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

4: придумайте дизайн лэндинга

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

Что должно присутствовать на странице:

• заголовок, обращенный к целевой аудитории;
• логотип компании;
• краткое описание предложения «над линией сгиба » (линия сгиба – это часть экрана, видимая без прокрутки) ;
• полное описание предложения «под линией сгиба » (зависит от сложности предложения и продукта);
• изображение предлагаемого продукта;
• простая форма регистрации. В идеале с 1-3 полями (обычно это имя и почта, но действительно ли вам нужно имя? );
• кнопка «Купить » или «Войти » (в зависимости от желаемого отклика) и ссылка на «Политику конфиденциальности » (открывайте ее во всплывающем окне, а не на новой странице – так вы сможете удержать посетителей на лэндинге ).

Что лучше убрать со страницы:

• навигационное меню. Помните, что акцент нужно делать на самом предложении;
• ссылки на другие разделы сайта (например, «О компании» );
• любую графику, не связанную с предложением. Иначе вы будете отвлекать посетителей от главного;
• трудночитаемый текст. Все, что мельче 10 px, – это плохо;
• любые ссылки из серии «чтобы подписаться, нажмите сюда » или «нажмите сюда, чтобы прочитать продолжение ». Если вы не можете вместить весь контент в верхней части экрана, то пусть пользователь воспользуется прокруткой. Прокрутка – это лучше, чем переход на другую страницу;
• громоздкие и пугающие формы с лишними полями (например, «должность», «факс» и т.д .);

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

5: собираем все воедино

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

Если лэндинг посвящен вакансиям на нефтяной вышке, то лучше выбрать адрес www.OilRigJobOffers.com или www.somesite.com/oilrigjoboffers .

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

Длина лэндинга

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

По мнению Боба Кемпера , на соотношение эффективности лэндинга и длины страницы влияют:

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

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

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

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

Conversion Rate Experts в разы увеличили конверсию лендинга SEOMoz , изменив лишь длину страницы:

Взгляните на страницы продуктов в Amazon – лэндинг у Kindle ОЧЕНЬ длинный . А в Amazon , как мы знаем, тестируют все!

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

Тесты, тесты, тесты

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

Ошибки в лэндингах

Я просмотрел много целевых страниц, на которые попадал после клика по рекламе. К сожалению, идеального лендинга отыскать не удалось.

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

Университет Феникса

Что у них получилось хорошо при написании продающего текста для лендинга:

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

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

Zoho

Что у них получилось хорошо:

• заголовок ориентирован на выгоду;
• социальное доказательство;
• перечислены все главные плюсы;
• четкий призыв к действию;
• четкий брендинг.

Что лично я бы изменил или дополнительно протестировал:

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

CreateSpace

Что у них получилось хорошо:

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

Что лично я бы изменил или дополнительно протестировал:

• дизайн. Как будто новичок впервые открыл FrontPage ;
• заголовок ужасен. Нет конкретного предложения. Не стоило включать в заголовок название бренда;
• кнопка «Получить бесплатную консультацию » открывает точно такую же форму, как и та, что справа. Зачем плодить дубли?
• запрос на бесплатную консультацию – зачем он вообще нужен? Вместо продажи консультации они пытаются отвлечь меня бесплатными буклетами и акциями. Если я открыл этот сайт, значит, я уже хочу публиковаться!
• слишком длинные формы;
• я бы полностью изменил призыв к действию/предложение. Выбрал что-то связанное с публицистикой. Консультации – это лишняя морока и трата времени. Меня бы напугала агрессивная технология продаж в структуре продающего лендинга .

Allstate авто-страхование

Что у них получилось хорошо:

• укрепление бренда;
• обыгрывают самое главное: как сэкономить на страховке;
• четкий и совершенно понятный призыв к действию.

Что лично я бы изменил или дополнительно протестировал:

• ужасная картинка. Лучше бы взяли более реальное изображение;
• стоит доработать подпись на картинке. Фраза «важно для вас» в сочетании с изображением автомобиля мне видится как минимум странной.

Text Link Ads

Что у них получилось хорошо:

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

Что лично я бы изменил или дополнительно протестировал:

• а что вообще делает этот сайт? Лучше написать продающий текст для лендинга с пояснениями.
• убрал из лендинга меню.
• удалил дополнительные призывы к действию и ссылки;
• попробовал другой шаблон с лучше конверсией. Этот выглядит слишком громоздким. Не за что зацепиться взглядом;
• отдельные лэндинги под каждую целевую аудиторию (издатели и рекламодатели);

Инструменты для создания лэндинга

Существует множество сервисов для создания лэндингов. Обратите внимание на следующие :

• Unbounce – самый мощный.
• KickoffLabs – вирусные лендинги.
• LaunchRock – отличный вариант для лендингов-анонсов (из серии «открытие уже скоро»).

Данная публикация представляет собой перевод статьи «How To Build a High Converting Landing Page: Rules, Process and Critique » , подготовленной дружной командой проекта

Хорошо Плохо

В этой статье я хочу показать вам пример страшненького лендинга с высокой конверсией. Высокой — это 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 лет =)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

https://youtu.be/IF5hR2MLfX0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

А Вы откуда?

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

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

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

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

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

1. . С нее придут люди, которые находятся на Этапе 1 - 2. Редко 3. И почти никогда 4.

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

Поэтому очень важно уделить достаточно внимания , сделать его лучше, чем у других.

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

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

Теперь вы понимаете, что профессиональные исполнители вам предлагают создать разные лендинги на разные каналы привлечения клиентов, не потому что хотят больше заработать, а потому что это сильно поднимает эффективность?

Пример структуры

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

Задача была выделиться среди массы конкурентов и зацепить клиента. Поэтому структура одностраничника выглядит таким образом:

1. Заголовок;
2. Выгоды;
3. Преимущества перед конкурентами;
4. Сравнение с услугами/аналогами;
5. Пример результата;
6. Условия работы;
7. Этапы чистки;
8. Почему нам доверяют;
9. Футер (карта с адресом и контакты).

Лайфхак. Если вы будете делать лендинг самостоятельно, то я рекомендую - PlatformaLP . Там уже есть готовые шаблоны с довольно неплохими структурами. Это вам сильно упростит жизнь;)

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

21. Регулярно тестируйте

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

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

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

Так что не бойтесь провалиться — берите и тестируйте снова.

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

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

Вот итоги исследования, посвященного формулировке заглавия:

Вопрос (контроль): «Обожаете делать ставки на спорт? Мы тоже»
Первый контрольный вариант (выгоды): «Делайте больше денег на своих ставках — получайте бесплатные советы».
Второй контрольный вариант (страх потери): «Перестаньте терять деньги на своих ставках — получайте бесплатные советы»

Какой результат? Чем понятнее, тем лучше. Первый вариант принес рост конверсии на 41,14%, а второй — лишь на 11,03%.

23. Ничего лишнего в послании и дизайне кнопки CTA

Будьте конкретны и воздержитесь от использования общих слов в тексте кнопки, таких как «Продолжить», «Далее» и пр. Устраните любую неясность, любую потенциальную двусмысленность и ненужные опции, заставляющие пользователей задумываться.

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

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

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

Единственные окрашенные в синий цвет элементы здесь — это текст CTA и фон самой кнопки

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

… и лендинг — каждая их часть совпадает до запятой.

25. Стройте доверие

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

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

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

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

Весьма неплохо работают гарантии возврата денег, как в этом примере:

100% гарантия. Довольные клиенты — это наш приоритет №1. Если вы не вполне довольны покупкой, просто верните нам носки, и мы полностью возместим их стоимость или поменяем на другой стиль/цвет. Никаких лишних вопросов, никаких хлопот

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

В Walmart.com провели тест, доказывающий важность этого фактора:

Если скорость загрузки страницы увеличивается с 1 секунды до 4, происходит резкое падение конверсии. Зато на каждую секунду ускорения этого процесса приходится 2%-ный рост конверсии

Бред Смит (Brad Smith), специалист по маркетингу, постоянный автор блога Unbounce, емко описывает 11 способов ускорить загрузочное время:

1. Почистите код.
2. Уменьшите HTML & CSS.
3. Используйте .
4. Используйте меньше переадресаций.
5. Измените местоположение скриптов.
6. Не используйте слишком много плагинов WordPress.
7. Обновите хостинг.
8. Измените размер изображений.
9. Сожмите изображения.
10. Используйте CDN (Content Delivery Network) для изображений.
11. Используйте внешний хостинг, где это возможно.

27. Используйте KISS

Нет, не этих ребят:)

Речь идет об широко известном маркетинговом принципе упрощения под кодовым названием «Будьте проще» («Keep-It-Simple-Stupid»), или KISS. Используйте на лендинге минимальное количество контента и делайте его максимально простым. Мы уже говорили, что нужно учитывать определенную степень инертности посетителей и сокращать объем усилий, требуемых от них при просмотре вашего лендинг пейдж. Все должно быть легко и очевидно.

28. Позаботьтесь о читабельности

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

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

29. Сделайте дизайн чистым

Помните о правилах использования белого пространства: уберите все лишнее, чтобы помочь посетителям увидеть главное — ваш оффер.

Вот пример чистого, четкого дизайна, проводящего клиента через весь потенциально предстоящий процесс:

30. Будьте избирательны, когда дело касается изображений

Идеальное (Hero Shot/Image) способно творить чудеса с коэффициентом конверсии.

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

Чудесный образец от MailChimp:

Логотип был превращен в активный талисман — очень умное решение!

Интерфейсы ,

Usability

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

Визуализация типичной агрессии со стороны большинства «лендинг пейджей»

Что произошло?

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

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

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

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

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

Так в чем же дело?

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

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

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

«Привет. Переспи со мной! Мое предложение ограниченно. Всего 2 девушки в сутки. Посмотри как я красиво одет. Я очень техничен. Не трать мое время. Переспи со мной!»

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

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

Предчувствуя возгласы «Но ведь работает же!», хочу напомнить что конверсия – это не только циферки в аналитике. Легко указать в портфолио после очередного сданного лендинга «Тут мы достигли конверсии в 40%». А сколько из них стали реальными клиентами? А сколько вернутся? А сколько бизнес потерял денег, раздавая на право и налево скидки и подарки? Об этом обычно молчат.

Волшебная таблетка

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

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

Таким образом на лендинге туристического агентства при нажатии на кнопку «Узнать актуальные цены» пользователь видит не форму для ввода номера телефона, а «виртуального консультанта», который задает ему несколько уточняющих вопросов: Когда вы хотите вылететь? На сколько ночей? Кто поедет?

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

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

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

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

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

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

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

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

Дисклеймер

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

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