Посадочная страница: типичные ошибки при создании первого экрана. «Убойные» посадочные страницы: три примера эффективных лэндингов Посадочная страница page

  • Дата: 22.07.2021

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

2 причины плохой «заполняемости» форм:

  • неграмотное оформление формы заявки
  • ее непродуманный функционал

В статье приведен простой чек-лист , с помощью которого вы сможете легко проанализировать формы на landing page . Для работы я рекомендую использовать 4 инструмента : карту кликов, карту скроллинга, аналитику форм и .

Форма заявки должна быть видна на первом экране без «прокрутки»

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

Проверяйте все браузеры

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

Количество полей должны соответствовать поставленной задаче

Рис.2 Пример дополнительного поля, решающего проблему клиента

Правило простое – уделите внимание удобству заполнения этих форм:

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

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

Отталкивайтесь от особенностей продукта или ниши. Дайте возможность связаться с вами по телефону, e-mail или чату для консультации. Учитывайте поведение клиентов – кому-то легче сразу позвонить и обговорить условия, в некоторых случаях (получение КП) не обойтись без взаимодействия с формой.

Закрытая или открытая форма?

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

Правила оформления полей в поп-апе будут те же:

  • Будьте последовательны . Форма должна быть максимально простой для заполнения.
  • Придерживайтесь порядка. Первыми располагайте поля, которые заполнить проще всего (например, «имя»).
  • Сформулируйте четкую выгоду. Объясните, зачем посетителю нужно заполнить форму и что он получит .

Рис.3 Пример хорошей «подводки» к закрытой форме заявки

Не используйте шаблонные фразы!

Призывайте к конкретному действию

Уходите от формулировки «отправить заявку». Гораздо лучше сделать кнопку с описанием конкретного результата (например, «получить КП» или «рассчитать стоимость»). В идеале текст кнопки должен частично дублировать «подводку».

Привлеките дополнительное внимание

Используйте графические направляющие . Самый простой вариант — «освободить» пространство вокруг формы и направить взгляд посетителя при помощи указателя или стрелки. Так форма станет более заметной и сильнее будет притягивать к себе внимание.

Заставьте изображение (фотобаннер первого экрана) работать на СТА

В случае, когда форму невозможно подчеркнуть графическими элементами или сделать кнопку крупнее и контрастнее, «обратите» на нее внимание пользователя посредством изображения. Грамотно подберите фото и направьте взгляд посетителя в нужном вам направлении.

Рис.7 Взгляд девушки обращает ваше внимание на форму

Изучайте взаимодействие пользователей с формами

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

Поблагодарите клиента – это важно

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

Выводы

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

Будьте во всеоружии и опережайте своих конкурентов. Конверсионных лендингов вам!

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

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


Для чего нужны посадочные страницы?


Посадочная страница (страница приземления, или landing page) выглядит так же, как и сайт, но работает она немного иначе. В онлайн маркетинге посадочные страницы служат конкретной цели – скачиванию программ, оформлению подписок, покупке товаров и т.д. В отличие от предназначения сайта, посадочная страница служит всего одной четко обозначенной цели – убеждению пользователей выполнить одно определенное действие.

Что это значит?

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

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


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

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

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



Как работают посадочные страницы?


Чтобы посадочная страница выполнила свою роль, вам нужно привести на нее трафик. Это может быть сделано несколькими способами:

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

    Отправьте посадочную страницу в , которую получают ваши подписчики.

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

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

Создание посадочной страницы в конструкторе Wix


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

Посадочная страница… Как Вы думаете, о чем говорит посетителю ее первый экран? Томно шепчет: «Ты пришел по адресу… Нажми, нажми поскорее на эту кнопочку…» Или буквально орет: «Уходи! Уходи поскорее отсюда!!!» Самое интересное, что разница между такими вариантами может оказаться совсем небольшой. Но сумеете ли Вы ее вовремя заметить?

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

Давайте разберем основные элементы первого экрана:

  • Заголовок.
  • Продающий текст.
  • Призыв.
  • Кнопка.
  • Преимущества.
  • Общее (первое) впечатление.

Посадочная страница: заголовок.

Что мы видим? Казалось бы, все хорошо — есть факты, есть цифры. Но чего-то не хватает… Чего? Правильно. Конкретики! Что это за «на 14 дней быстрее»? Быстрее чего? А как Вам нравится «на 16% дороже»? Опять же — дороже чего?

Вот и получается, что заголовок, с первого взгляда, хороший и качественный. А со второго — пустой и непонятный… Сравните с другим вариантом:

Есть разница, правда?

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

Посадочная страница: продающий текст.

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

Мы видим все те же ошибки «Большая» база — что значит большая? Что мне это дает? «Ежедневно обновляемая» база — тот же вопрос: как мне это может помочь при продаже квартиры. Кто входит в эту базу? С какой целью она ежедневно обновляется?

«Оценка стоимости по телефону за 10 минут» — это вообще как? С моих слов? Вбить в поисковике адрес и посмотреть, сколько стоят другие похожие квартиры? Так с этим я и сам справлюсь — в чем преимущество?

«Гарантия безопасности» — сделка может быть еще и опасной для меня? Это как? И в чем гарантия?

В итоге вопросов больше, чем ответов… Да еще и напугали в конце.

Но перейдем ко второму блоку.

Тут, к сожалению, не лучше. На что именно скидка? На услуги агентства? Но почему это не указано?

«Оценка бесплатно» — так про оценку было написано выше… Или та самая «оценка по телефону за 10 минут» могла быть еще и платной? Ужасно…

В общем, сплошное расстройство. Посмотрим на то, как написан продающий текст на втором сайте.

Обратите внимание, здесь текст выступает продолжением заголовка. Он не просто раскрывает посетителям сайта новые выгоды, а обосновывает те преимущества, которые были описаны в заголовке. Почему мы продаем на 20% дороже? За счет системы предпродажной подготовки. Почему мы продаем за 10 дней? За счет использования базы горячих клиентов и потому, что продавать начнем уже через 2 часа. Все просто и ничего лишнего.

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

Посадочная страница: призыв.

Опять бесплатная оценка… Опять все те же вопросы. Впрочем, главный минус не в этом. Главный минус в том, что призыв начинается со слова «Оставьте». Люди не любят оставлять. Люди любят получать. Никогда не используйте в призыве это слово!

Вот «Оформление сделки в подарок» — это хорошо, это сильно. Но, к сожалению, начало все портит…

Здесь все гораздо проще. Слово «Начните» работает гораздо лучше, срочность есть — хороший призыв, хотя и без особых изысков. Твердая «четверка».

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

Посадочная страница: кнопка.

Здесь Вы можете увидеть не просто кнопку. Кроме нее тут еще и два поля, и текст мелкими буковками, и ссылка… Никогда, слышите? никогда! не отвлекайте людей от кнопки! Кнопка — это наше все, дайте возможность посетителям спокойно на нее нажать! Ну а про «Оставьте» я говорил чуть выше, помните?

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

Вывод: кнопка — это очень важно! Кнопка приносит вам заявки! Не отвлекайте от нее посетителей, не распыляйте их внимание. Чем проще — тем лучше!

Посадочная страница: преимущества.

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

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

Отдельно остановлюсь на последнем пункте. Он вроде бы ближе всего к выгоде. Но почему здесь употреблено слово «в среднем»? Сколько уйдет лично у меня? Никого не волнуют средние показатели, зато всех волнует, какие показатели будут при продаже именно их квартиры. И куда пропали обещанные в заголовке «на 14 дней быстрее»? 25 — это уже без 14 дней или все еще с ними?

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

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

Общее (первое) впечатление.

Давайте теперь посмотрим на первые экраны целиком.

Как Вы думаете, много людей в Петербурге продает такие (или хотя бы похожие на эту) квартиры? Мне кажется, что нет…


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

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

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

P.S.: если этот материал был Вам полезен — напишите об этом в комментариях! Я планирую продолжить разбирать различные продающие страницы (а также отдельные их элементы) и буду рад, если Вы пришлете ссылки на те сайты, разбор которых вам хотелось бы увидеть.

Здравствуйте, уважаемые читатели блога сайт. Сегодня мы поговорим о такой важной вещи как посадочная страница , которую очень часто на буржуйский манер называют лендинг пейдж (от английского landing page — целевая страница). Что же это такое и почему это так важно?

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

Что такое лендинг пейдж и почему это так важно

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

Скорее всего, вы забыли продумать и подготовить приземляющие (посадочные, целевые) страницы, которые часто называют лендингами . Что это такое?

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

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

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

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

Примеры лендингов

В зависимости от преследуемых вами целей можно разделить посадочные страницы (лендинги) на несколько типов:


12 шагов по созданию идеального лендинга

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

  1. Каждый лендинг должен быть заточен только под одно целевое (конверсионное) действие — либо подписка, либо продажи. Не надо жадничать, ибо внимание пользователя будет рассеяно и сильно увеличится вероятность его ухода (так ничего и не выбрав из предложенных вариантов). Лучше как можно меньше заставлять клиентов думать и выбирать — путь на landing page должен быть прямым как стрела (очевидным для него) и без каких-либо ответвлений.
  2. На посадочной странице обязательно должен присутствовать призыв к действию (с глаголами в повелительном наклонении — позвони, купи, получи, приди и т.п.). Фразы должны быть короткими и мотивирующими. Например, «купите сейчас», «получить видеокурс» или «подпишись и получи».
  3. Рулят также яркие кнопки и стрелки , создающие на них акцент. Неплохо работают кнопки красных и желтых оттенков, ибо заметны и содержат как бы призыв к действию.

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

    Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):

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

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

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

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

  9. Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
  10. Для стимулирования подписчиков или покупателей некоторых товаров (например, ) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
  11. Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды.

    Рядом с таймером неплохо будет расположить форму подписки, заказа или контактный телефон. Это будет работать не всегда, поэтому надо проводить тесты (думаю написать ряд статей про проведение А/Б-тестирования — если не хотите пропустить, то подписывайтесь на рассылку), и возможно, что такой простой и очевидный способ позволит вам увеличить конверсию данной лендинг пейдж и с лихвой окупить деньги, потраченные на продвижение в социальных сетях или контекстной рекламе.

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

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

Примеры ошибок делающих landing нерабочим

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

  1. Еще раз напоминаю, что в интернете практически никто не читает (во всяком случае вновь открытую страницу), а именно просматривает информацию. Если она окажется действительно стоящей и требующей более детального изучения, то тогда уже доходит дело и до прочтения (в общем-то, так же как и с газетами). Поэтому не допускайте перегруженности лендинга информацией — это может дезориентировать пользователя и вызвать реакцию отторжения еще до того момента, когда он разберется о чем там идет речь.
  2. Текст должен быть небольшого объема, максимально лаконичен и наполнен информацией, а не водой. Пару абзацев «ни о чем» вызовут у пользователя бурное желание закрыть такую посадочную страницу. На landing page также плохо работает мелкий шрифт. В общем-то, его использование и не нужно, ибо для изложения сути много слов не потребуется.
  3. Не обманывайте ожидания пользователя. Если в рекламе или в посте в социальной сети вы говорили об одном, а при попадании на лендинг пользователь видит несколько другое, то происходит утрата доверия и резко снижается конверсия. Очень важно следить за этим соответствием.
  4. Дизайн посадочной страницы на самом деле очень важен. Если он не закончен, сделан непрофессионально или имеет отталкивающий для большинства пользователей вид, то даже соблюдение всех описанных выше правил создания хорошего лейдинга не убережет вас . Если вы сами не обладаете должными умениями и вкусом, или у вас нет в штате фирмы дизайнера, то можно воспользоваться многочисленными конструкторами или же готовыми шаблонами лендинга, которые останется лишь немного переделать под свои нужды.

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

У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page» :

Что такое посадочная страница?

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

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

С точки зрения веб-аналитики, посадочная страница – это страница входа, куда поступает трафик.


Зачем нужны лендинги?

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

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

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

Стоит заметить, что правильная настройка посадочной страницы увеличивает количество заявок в 5 - 10 раз.

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

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

  1. Определитесь с целями. Каких действий вы хотите от пользователя: отправление заявки, покупка, просмотр. Это опорные моменты.
  2. Напишите хороший текст. Заголовок должен быть привлекательным и соответствовать поисковому запросу пользователя. Расскажите о товаре, или услуге. Чем вы можете понравиться покупателю, опишите преимущества. Например, заголовок «Продаем надежные охранные системы в Воронеже» лучше, чем «Вы обратились по адресу» и т.п. Помните, что в тексте не должно быть ошибок и опечаток.
  3. Дизайн должен привлекать внимание. Если вы что-то продаете, имеет смысл показать «товар лицом» и еще лучше – показать его в использовании. Видео и красивые картинки удерживают внимание.
  4. Если цель - отправка пользователем формы, ее нужно располагать на видном месте. И так, чтобы она не нарушала его общий путь движения по странице. Целевое действие должно находиться там, куда падает взгляд. Ссылки на другие товары, красивые картинки – все, что может замотивировать посетителя смотреть ваш сайт дальше. Форма заявки должна запрашивать только обязательную информацию. Не перегружайте форму большим количеством полей. Оставьте только необходимые данные для дальнейшей обработки. Обязательно: форма должна отдавать ответ об успешной (или неуспешной, указать причины) отправке.


Пример хорошей формы заявки


И еще:

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

Примеры посадочных страниц с высокой конверсией

Рассмотрим целевую страницу курса техники речи:

  • Обратите внимание на картинку: человек не ней смотрит на заголовок и это еще один прием управления вниманием. Картинки сами по себе привлекают взгляд, но если модель смотрит не на вас, а на рекламируемый объект, вы неосознанно переведете взгляд.
  • Сразу поданы выгоды и гарантии: избавление от дефектов, указана гарантия результата через 6 занятий.
  • Наличие цены и кнопки «Отправить заявку» на главной картинке также являются важным фактором.

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

Страница контактов оформлена с учетом ближайшей станции метро и времени.

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



Логотипы известных брендов повышают доверие.

И наконец:

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

Примеры далеко не лучших посадочных страниц

А теперь давайте рассмотрим немного неоднозначный лендинг.

Сайт доставляет пиццу. У которой нет фото...

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


Лишь проскроллив вниз можно увидеть текст и в самом его низу телефон. Но названия по-прежнему нет нигде. Доставка? А просто доставка еды на дом.. Секретная, видимо.

Надеюсь, статья была вам полезна. Жду вопросы в комменты.