Что такое конверсия лендинга.

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

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

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

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

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

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

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

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

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

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

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

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

Регалии
Отзывы
«Как мы работаем»

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

Самый слабый вариант создания доверия — это «как мы работаем». Это когда мы схематично изображаем — «Шаг 1 — Вы нам звоните; Шаг 2 — Вы переводите нам деньги; Шаг 3 — Мы исчезаем в неизвестном направлении…» и так далее.

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

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

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

В результате получаем следующее:

Там где кружочки с рисунками внутри — вот там должны по идее располагаться регалии. Но то, что мы видим на примере выше — это не регалии. Это все офферы. «Скидка 30%» и «с нуля до Upper-Intermediate за 8 месяцев» — это не официальные достижения. Эта информация отлично смотрелась бы на главном экране.

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

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

Вот еще один неплохой пример:

Здесь только подкачал «100% результат». Это тоже не регалия, а оффер — «Гарантируем 100% результат или вернем деньги». Но первые две регалии делают свое дело.

Далее по лендингу вы можете дополнительно вставить блок с отзывами ваших клиентов и то самое «как мы работаем». И если вы удачно применили регалии — то эти более слабые блоки будут работать намного лучше. А если вы регалии использовали неправильно, то никакие отзывы вам не помогут. Не та эпоха, не тот отрезок времени, чтобы люди отзывам верили.

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

Блок создания потребности

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

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

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

Кроме того, само описание выгод сделано неправильно. Вот что мы имеем:

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

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

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

То же самое и с характеристиками из примера выше.

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

Ну или примерно так. Главное — давайте объяснение, зачем нужна та или иная характеристика. Ну и в идеале оформите это все графически. Например вот так:

Здесь правда даны пункты для разных продуктов. А вам надо будет сделать 5-7 кружочков с рисунками + технической характеристикой + объяснением выгоды для одного вашего продукта. Тогда блок создания потребности можно считать завершенным. А завершим мы наш лендинг «дожимом» тех, кто еще сомневается — заказывать или нет.

Блок «дожима»

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

Информация в виде вопрос/ответ легко читается, потому что создает ощущение диалога. Вспомните, в книгах диалоги всегда читать легче и приятнее, чем описания.

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

Формально это FAQ. Есть вопросы — и есть ответы. Но большинство вопросов здесь — организационные. Хороший вопрос только под номером 3. Это самое настоящее возражение — «Зачем мне выбирать ваши курсы, если я могу заниматься с репетитором?»

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

Подготовьте список из 9-10 основных возражений ваших потенциальных клиентов и разместите ответ на них в форме FAQа. Тогда блок «дожима» можно считать завершенным.

Резюме

Давайте теперь резюмируем все 9 блоков продающей структуры лендинга.

Блок 1 — Объясняем ЧТО конкретно мы предлагаем (на самом видном месте главного экрана)
Блок 2 — Визуальное изображение товара/услуги (тоже работает на объяснение, ЧТО мы предлагаем)
Блок 3 — Оффер/отстройка от конкурентов
Блок 4 — Контакт для быстрой связи и призыв к действию («Звоните прямо сейчас»)
Блок 5 — Список регалий, оформленный горизонтальным списком с иконками
Блок 6 — Создание потребности (технические характеристики + выгоды)
Блок 7 — Отзывы (создание вторичного уровня доверия)
Блок 8 — Как мы работаем (создание вторичного уровня доверия)
Блок 9 — Дожим (ответы на основные возражения клиентов, упакованные в FAQ).

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

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

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

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

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

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

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

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

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

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

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

Продающий текст всегда должен составляться на основе УТП и крутиться около него.

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

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

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

Несколько примеров из реальной рекламы лендингов, которые понижают конверсию

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

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

Однажды я проводил анализ лендингов, скачав парочку из CPA-сети. Так вот, одни только картинки в общей сложности весили порой более 10 мегабайт. Мало того, что они не были оптимизированы для web, они очень часто еще и были больших размеров, чем необходимо.

Например, картинку 3800 на 1900, которая использовалась для фона, на самом деле можно было уменьшить до 1500 на 750, после чего еще и оптимизировать. На выходе получилось изображение, которое примерно в 10 раз меньше изначального.

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

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

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

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

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

7. Ошибки и опечатки. Многие не придают этому значения, но по-хорошему стоит перечитать хотя бы заголовки, потому что опечатка в значимом заголовке не придаст вашему лендингу солидности, а вашему товару — доверия.

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

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

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

10. Слишком большой лендинг. Тут, конечно, все неоднозначно. Большой лендинг — это не всегда плохо. Например, если вы рекламируете на нем свой инфопродукт или услугу, то описывать это можно долго.

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

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

Неявный способ улучшения конверсии

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

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

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

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

Что еще влияет на конверсию или от лендинга зависит не все

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

Как увеличить конверт, когда все уже оптимизировано?

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

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

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

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

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

Где посмотреть примеры лендингов с высокой конверсией?

Очень-очень много таких примеров вы можете посмотреть в CPA-сетях. В частности, одни из самых больших – это KMA.biz и m1-shop.ru. Просто пройдите регистрацию в этих агрегаторах и сможете свободно просматривать все офферы и лендинги для них соответственно.

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

Эпилог

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

Лендинг пейдж (от англ. 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 делает свою работу профессионально, к каждому лендингу тщательно подбираются шрифты, соответствующие тематике и общему стилю.

Мы с вами уже обсуждали, что такое 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. Ремонт ноутбуков

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