Лучшие практики Landing Page с высокой конверсией. Традиционные примеры

Лендинг пейдж (от англ. landing page) — отличный способ презентовать свой бизнес аудитории в лаконичной и интересной форме. В отличие от стандартного веб-сайта, он должен брать внимание посетителя, удерживать его одним оффером, чтобы привести к итоговому целевому действию. У хорошего интернет-проекта есть свои отличительные характеристики. Из данной статьи вы узнаете, как выглядит эффективный лендинг пейдж с точки зрения специалистов LPgenerator.

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

Обязательными составляющими качественного landing page являются:

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

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

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

Тексты

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

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

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

Специалисты тестировали два варианта хедера. Один вариант оффера сообщал «Get started now for just 1$» (Начать сейчас всего за доллар). Во второй версии использовалась фраза «Get started for just 1$» (Начать всего за доллар). Образцы хедеров представлены ниже.

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

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

Структура текста

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

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

Объем данных

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

Иллюстрации

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

Собственно, что получилось. Начальная версия оказалась гораздо менее популярна двух последующих. При этом изображение сотрудников увеличило конверсию на 45,5%, а фото автомобиля на 45,05%.

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

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

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

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

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

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

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

«Плоский дизайн»/ «белое пространство»

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

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

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

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

Шрифты

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

В этой статье я хочу показать вам пример страшненького лендинга с высокой конверсией. Высокой — это 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, чем они хороши и на какие базовые принципы опираются. Но несмотря на то, что существует ряд правил и приёмов, которые обеспечат успешность вашего сайта, неправильно думать, что разработка лендинга – это шаблонная работа, а хорошо работающую страницу можно сделать за 5 минут, только знай себе картинки подставляй и тексты меняй. Конечно, это творческий процесс, и фантазия, подкрепленная пониманием поведения своей целевой аудитории, только поощряется. Ниже мы представим десятку примеров небанальных лендингов, а также страниц, обеспечивающих высокую конверсию.

1. Nest Thermostat

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

2. Boy-Coy

Сайт дизайнерской студии, после которого вы вряд ли захотите даже искать предложения конкурентов. Четырехэкранный лендинг способен убедить обратиться именно к этим ребятам, даже если вы не прочитаете ни отзывов, ни списка компаний, с которыми сотрудничала студия. Скорее всего, вы просто пролистаете, любуясь эффектом параллакса и сами того не заметите, как начнете вносить свои данные в симпатичную форму обратной связи.
http://boy-coy.com

3. Водка «Валенки»

Еще один пример красивого landing page с эффектом параллакса. Сугубо имиджевая страница, не заставляющая немедленно совершить покупку, но создающая положительный образ у целевой аудитории. Заметьте, информация о качестве продукта представлена в достаточном объеме, но её можно и упустить, наблюдая за тем, как красиво плавают кубики льда. Тем не менее, нужный эффект уже достигнут. Этот сайт слишком красив, чтобы предлагать что-то некачественное – такой подсознательный вывод возникнет у каждого посетителя любого со вкусом сделанного сайта.
http://www.valenkivodka.com

4. Интернет-магазин плюшевых медведей

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

5. Smart Progress

Красивый landing page популярного сервиса постановки и достижения целей. Во-первых, зайдите и посмотрите, как это работает, во-вторых, оцените дизайн, олицетворяющий движение к поставленной цели. В совокупности с очень грамотным наполнением блоков он действительно мотивирует сделать все, что запланировано, но откладывалось в долгий ящик.
https://smartprogress.do

Примеры продающих лендингов с высокой конверсией

1. Производство и монтаж деревянных окон

Как известно, лендинг не должен перегружать посетителя, а сразу давать ему то, за что можно зацепиться и оформлять заявку. Спорить не будем, но некоторые товары требуют тщательного выбора, и одним-двумя блоками тут не отделаешься. Лендинг данного производителя окон пошел по программе максимум и коснулся таких подробностей, о которых мы при выборе окон и не задумываемся. И хотя в паре блоков, как нам кажется, случился информационный перегруз, все равно эта страница является хорошим примером большого лендинга.
http://goodwin-nnov.ru/

2. Страхование КАСКО

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

http://простокаско.рф

3. Франшиза развлекательных аквариумов-автоматов

Хороший пример продающего лендинга, обеспечивающего высокую конверсию за счет того, что четко объясняет выгоды потенциальному клиенту, но и оставляет интригу, желание узнать подробности бизнес-плана, обещающего пассивный доход. Дизайнеру – наша отдельная похвала.
http://morewishes.ru

4. Ремонт ноутбуков

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

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

Подписаться


Конверсия landing page - это отношение целевых действий, совершенных посетителями вашего сайта, к суммарному количеству визитов. Этот показатель считается в процентах, поэтому умножаем на 100%.


Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA

Дословный перевод слова конверсия означает «превращение». В отношении коммерческих можно говорить о превращении посетителей сайта в деньги, главная цель - продать товар и получить прибыль. То есть, если на страницу в месяц пришло 1000 посетителей, и 20 из них что-то купили, конверсия по цели «покупка товара» будет 2% (2/1000х100).

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

Как вычислить показатель конверсии лендинга

Наиболее распространенные варианты целей для учета конверсий

  • Положить товар в корзину.
  • Совершить покупку. В зависимости от настроек, это может быть получение номера заявки, факт оплаты и прочее.
  • Посетить страницу с определенным URL.
  • Отправить заявку через .
  • Получить лид – конверсия с теми, кто перешел на лендинг с рекламы.

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

Как считать конверсию

Например, если посетители оптового сайта запросили прайс только в 9 случаях из 300, получаем 9/300*100%=3%. Это крайне низкий показатель, следует проанализировать, нет ли сбоев при заполнении форм, хорошо ли видна форма запроса или кнопка, посмотреть в сервисах типа топвизора, на каком этапе посетители уходят с сайта.

Если же прайс запросили 30% посетителей, и потом обратились и заказали продукцию 3%, вполне может быть, что это .

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

Для чего нужно считать

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

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

Системы учета

Давно нет необходимости вести подсчеты столбиком, все системы статистики - Яндекс.Метрика, Google Analytics, а также аккаунты контекстной рекламы при соответствующих настройках позволяют отслеживать процент конверсий по разным целям.

Как увеличить конверсию лендинга

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

  • На стадии проектирования страницы определите, по каким целям вам важно считать конверсии. От этого зависит структура, блоки, дизайн и прочие компоненты.
  • Цели и задачи бизнеса. Ставьте этот пункт первым в списке. Многие часто забывают построить цепочку Цель - Способы достижения - Результат. А потом спрашивают: «А где?».

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

Структура лендинга с высокой конверсией

Есть ли идеальный шаблон для landing page? Скорее, нет. Как не бывает одного правильного ответа на разные вопросы. У всех разные цели, целевая аудитория, продукт.

Есть общие правила:

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

Набор блоков:

  • В первом экране: наименование вашего товара или услуги, контактные данные, элементы навигации.
  • Информация, как ваше предложение решает все проблемы заказчика. Почему нужно купить именно у вас: скидки 90%, доставка в квартиру, тестовый период, 3 звезды Мишлен.
  • Форма сбора контактных данных. Может быть продублирована на странице в нужным местах контакта.
  • Описание продукта.
  • Ценовое предложение.
  • Примеры работ. Существенно повышает доверие видео с процессом и результатом работ. Актуально для строительной сферы, красоты и здоровья, спорта.
  • Отзывы, сертификаты, дипломы, логотипы известных партнеров.

Примеры заполнения лендинг пейдж с высокой конверсией

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

Факторы, влияющие на конверсию landing page


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

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

Оффер решает все

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

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

В идеале реакция посетителя подобна словам киногероя: «Это я удачно зашел!» Задача минимум — прокрутить лендинг до конца.

На лендингах с высокой конверсией офферы схожи по 3 параметрам:

  • Конкретность
  • Уникальность
  • Ценность

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

Во-вторых, не должно складываться впечатление «здесь все как у всех». Шаблонные формулировки не продают.

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

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

Неудачный пример:

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

Более удачный вариант:

Ценность этого предложения (4% конверсии) с условием возврата денег. Пожалуй, для данной ниши более точного оффера не придумать.

Еще один совет: не старайтесь «выпендриться» во чтобы то ни стало. Уникальный оффер отнюдь не означает безграничный креатив. В подтверждение — кейс датского маркетолога Микаэля Огарда:

Это страница сети Fitness World. Первоначальный вариант заголовка: «Вы станете успешнее с Fitness World». Огард изменил его так: «Групповые занятия фитнесом в местном тренажерном зале». В результате конверсия выросла на 38%. Простота превыше творчества!

Дайте сильную выгоду в форме захвата

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

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

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

Кнопка СТА — это «выжимка» главной выгоды в чистом виде. Эффективный призыв к действию либо равнозначен получению желаемого конечного результата (пример 1), либо основан на любопытстве (пример 2).

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

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

Секретная фишка онлайн-психологии

Смысл приема в подсознательном желании людей заменить абстрактные данные на свои собственные.

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

Говорите как можно больше о клиенте, а не о себе

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

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

Примерно таким образом:

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

Используйте гипнотические слова

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

  • Представьте
  • Потому что
  • Бесплатно
  • Подарок

Конечно, все хорошо в меру, и не стоит пихать их в каждое предложение.

Избегайте шаблонных формулировок

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

  • Быстро
  • Качественно
  • Профессионально
  • Надежно
  • Недорого

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

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

Секретная фишка

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

Например: «Профессиональные специалисты сделают ремонт автомобиля быстро и качественно». Обратный вариант: «Необученные специалисты сделают ремонт автомобиля медленно и отвратительно». Согласитесь, абсурд.

Вот как можно написать: «Опыт каждого специалиста от 8 лет, а старший механик прошел стажировку в Формуле-1. На любой вид авторемонта даем гарантию 2 года». Факты и только факты!

Доказывайте то, что утверждаете

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

Например:

Игорь Манн бы позавидовал. Да, что там — самому Дэну Кеннеди пора бросать свои коучинги-тренинги и поступать к ребятам в ученики.

Если это возможно, вместо лишних слов сделайте фото, видео с вашим продуктом в действии. Наконец, разместите отзывы своих клиентов.

Используйте только реальные отзывы

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