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

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

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

Потому что если вы продаете квартиры, то и 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. Просто пройдите регистрацию в этих агрегаторах и сможете свободно просматривать все офферы и лендинги для них соответственно.

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

Эпилог

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

Лид-форма

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

То есть никакой сегментации трафика делать не предполагается. Хотя бы на самой странице. Тогда как любому очевидно, что владельцам Daewoo Matiz и Toyota Land Cruiser Prado интересны разные шины.

По сути покупателю предлагается сделать выбор по цене и порядковому номеру: что лучше Nokian Tyres Hakkapeliitta 7 за 3 030 рублей или Nokian Tyres Hakkapeliitta 8 за 3 250? Посадочная страница на этот вопрос ответа не даёт, а значит страдает конверсия этой страницы.

Ну и совершенно недопустимы грамматические ошибки на посадочных страницах:

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

А вот акция оформлена хорошо: понятен размер скидки и причина дедлайна прозрачна – сезон.

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

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

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

Калька с бесплатным звонком по России с указанием обычного, т.е. платного номера, безумно огорчает.

Пример посадочной страницы для продажи кресел-мешков

Пример посадочной страницы по продаже кресел-мешков

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

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

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

Я сейчас о другом. Посмотри на фотографию мешка, который продаётся по акции и называется кресло Camedy XL по лучшей цене. А теперь на фотографию мешка с названием кресло-груша “Oxford”:

Мешок, как тебя зовут: кресло Груша Oxford или кресло Camedy XL?

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

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

Рекламируемый товар на посадочной странице не совпадает с продаваемым!

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

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

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

Но сама по себе посадочная страница очень и очень хороша!

Твитнуть

Плюсануть