Как должен выглядеть лендинг с точки зрения эффективности? Какие блоки он должен содержать и как эти блоки должны выглядеть? Прочитав статью, вы получите ответы на эти вопросы и увидите, как выглядят лучшие landing page.
1. Заголовок с УТП
У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:
- сразу дает посетителю понять, куда он попал;
- показывает ему уникальность вашего предложения.
Размещается заголовок в верхней части лендинга, на уровне глаз пользователя. Большой, яркий, интригующий.
От заголовка зависит показатель отказов.
Вот примеры заголовков лучших лендингов нашей компании.
2. Дескриптор
Дескриптор также влияет на показатель отказов, хоть и меньше, чем заголовок. Обычно состоит из логотипа, названия компании, слогана или нескольких слов об услугах или товарах. Размещается вверху слева или в середине.
В том случае, если на посадочной странице есть заголовок с УТП, дескриптор делают скромным – лого плюс название.
Лучшие лендинги всегда содержат оригинальный дескриптор.
3. Блок с контактными данными
Как правило, размещается в верхнем правом углу. Исчерпывающий блок контактов содержит:
- реальный номер телефона;
- электронную почту;
- кнопку «Обратный звонок».
Обязательно используется призыв – просьба позвонить.
4. Привлекательное изображение
Под изображением подразумевается фон – большая картинка, поверх которой размещают заголовок, форму захвата, другие блоки.
В идеальном лендинге изображение соответствует тематике сайта, является оригинальным и интересным. Цветовая гамма фона отличается от цвета шрифта заголовка, чтобы они не сливались.
На скриншотах вы видите красивые лендинги с привлекательными изображениями.
5. Формы захвата
Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.
Форма захвата содержит графы для ввода имени и телефона. Призыв к действию описывает дополнительные выгоды (подарок, скидку, дополнительную услугу), которые побуждают посетителя к немедленной отправке данных.
Если на лендинге проходит акция, форма захвата содержит таймер обратного отсчета.
Вот такими формами захвата мы оснащаем лучшие лендинг пейдж наших клиентов.
6. Блок с выгодами для клиента
Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.
Блок имеет следующую структуру: текст с описанием выгоды и тематическая картинка для каждого пункта. Расположение пунктов – горизонтальное или вертикальное. В идеальном блоке во всех пунктах одинаковое количество текста, а ключевые предложения выделены цветом или жирным шрифтом.
7. Отзывы клиентов
Блок с отзывами – ключевой в лендинге.
На лендинге должны быть реальные отзывы по меньшей мере от трех клиентов. Идеальный вариант – окно с возможностью прокрутки, например слайдер, вмещающий 5–10 отзывов.
Каждый отзыв:
- содержит имя и реальное фото клиента;
- содержание с ключевыми подробностями, которые позитивно скажутся на конверсии лендинга.
Вот примеры блоков с отзывами на лучших лендингах нашей студии.
8. Тарифы или пакеты услуг
Покупатели любят выбирать из нескольких альтернатив. Поэтому идеальный лендинг предлагает на выбор 2–3 тарифа или пакета. Неважно, продает лендинг товары или оказывает услуги, на сайте должен присутствовать блок с тарифами.
Тарифы должны отличаться друг от друга и содержать подробную информацию о том, что в них включено. Один из тарифов помечается, как самый популярный среди клиентов.
9. Примеры Лендинг Пейдж
Это один из самых важных блоков лендинга. Именно просмотрев портфолио или кейсы, посетитель принимает решение о совершении целевого действия.
Грамотное портфолио содержит только лучшие работы, красиво оформлено, не занимает много места. Для оформления лучше использовать слайдер, с помощью которого посетители будут прокручивать изображения.
Посмотрев примеры лендингов посетитель должен убедиться в качестве продукта или услуги.
10. Реальные контактные данные в футере
Заключительный триггер доверия – блок с контактной информацией о компании или авторе в футере.
В случае с компанией обязательно должна быть карта с указанным местоположением офиса. В случае с автором всевозможные контакты.
Также тут размещается заключительная форма захвата.
В идеальном лендинге присутствуют все вышеперечисленные элементы. Однако чтобы посадочная страница действительно была эффективной, все ее блоки нужно грамотно объединить в одну композицию. А так же добавить смыслы, благодаря которым посетители совершать конверсионные действия на нашем лендинг пейдж.
Все люди постоянно в поисках каких-либо фишек и ноу-хау. Они ищут интересненькие ходы, чтобы результат увеличился в десятки раз.
И как показала наша практика, всё это если и увеличивает прибыль, то только в небольших размерах. Когда по-настоящему могут изменить ситуацию только основы. И как правило, такие темы всегда остаются за кадром. И зря! Время менять приоритеты.
Сегодняшняя статья будет посвящена началу начал – что такое правильная структура лендинга с высокой конверсией.
Я знаю, что ничего не знаю
Если вы прочитали до этого момента и еще не знаете наверняка нужен вам вообще landing page или нет, то вам в помощь наша статья.
Уже ни для кого не секрет, что продающий и (он же одностраничный сайт) создается не по воле собственной фантазии, а исходя из четких данных основанных на анализе. То есть это не столько творческая работа, сколько точный расчет.
Поэтому добавлю ложку дегтя в эту бочку меда. А именно что нужно сделать еще до того, как создать новый документ под названием “Прототип сайта”:
- провести ;
- выявить ожидания, стереотипы, страхи, боли и возражения ;
- разделить ЦА на сегменты и определить их критерии выбора.
Все эти пункты имеют прямое отношение не только к созданию лендинг пейдж, они пригодятся вам во многих других аспектах бизнеса.
Поэтому если вы еще этого не делали и, к тому же, не знаете как, то как можно скорее бегите изучать наш блог.
НАС УЖЕ БОЛЕЕ 29 000 чел.
ВКЛЮЧАЙТЕСЬ
Правильная и продающая структура лендинга
После подготовительного этапа, следующее, на чём будет строиться наш сайт, это “теплота” трафика. Да, что уж, от этого будет зависеть все!
И наполнение, и фото, и тексты, и . На этом моменте многие допускают ошибку, но мы ведь не такие? 😉
Настоящей находкой для тех, кто задумался о создании лендинга станет, так называемая, “ ”. Выглядит схема следующим образом:
Лестница Ханта
Согласно этой схеме, клиент должен “созреть” и пройти все 5 этапов от отсутствия потребности до готовности купить. Конкретный пример как применять Лестницу Ханта мы разобрали в этом видео:
Для того, чтобы не объяснять все “на пальцах”, далее все будет основано на реальных событиях, а именно на примере landing page одного из наших клиентов – компании по чистке ковров “Чистый квадрат”.
Конверсия компании по чистке ковров “Чистый квадрат”
К слову, средний результат всего трафика – 6% конверсии в заявку, которая в их нише можно назвать покупкой. Много это или мало? Читайте об этом в нашей статье
Ну, а мы давайте разберём более детально “уровень осознанности” трафика, после чего вы поймёте почему это так важно. Начнём с первого этапа, основываясь на нашем клиенте.
Этап 1: Нет проблемы
Клиенты не знают что такое грязный ковёр и что его нужно чистить. У них всё замечательно, как в сказке, никаких проблем.
Чтобы привлечь таких клиентов и сформировать у них потребность, нужно будет раскошелиться и запастись терпением.
Чаще всего это клиенты, которые его только-только купили. Поэтому в этом случае весь наш сайт будет пропитан структурой PMPHS.
То есть ваша задача с первой фразы накалять атмосферу и рассказывать, что ковры нужно чистить (обрабатывать после покупки).
Иначе там возникают бактерии, которые в дальнейшем оседают в вашем организме и вызывают болезни вплоть до летального исхода.
В рамках ковров звучит глупо, но в рамках других сфер вполне может быть уместно.
Этап 2: Есть проблема, нет решения
Люди знают, что ковры нужно чистить, что в них копятся бактерии. Но других способов решения кроме помыть его в ванной и высушить на улице не знают.
Используйте эту информацию на своём сайте, что есть решение этой неприятной ситуации.
А именно в первой половине сайта покажите свой вариант решения. Что оказывается можно вызвать компанию, которая приедет и всё сделает на дому, либо приедет, увезёт и привезёт.
И тут мы показываем решение только в рамках нашей услуги. Не показывая другие решения. Чем отличается данный этап от третьего.
Этап 3: Решение есть, сравниваем варианты
Если Ваш потенциальный клиент ещё не на этом этапе, что возможно при условии, что Вы продаёте новое или редкое решение, о котором люди не слышали, то Вам нужно вернуться на 1 и 2 этап. Но если же клиент уже находится на этой стадии, то он знает, что:
- Нужно чистить ковер, чтобы продлить его срок службы;
- Необходимо проводить профилактику для избежания скопления бактерий;
- Ковёр чистить нужно специальной химией и оборудованием, а не мылом и пылесосом;
- Можно вывести даже самые ужасные пятна.
То есть по таким запросам как “где профессионально почистить ковер” мы можем делать ленд со сравнением плюсов и минусов нашего продукта и автомойки, самостоятельной чистки, выездов работников на дом.
Так как в данном случае клиент выбирает между разными подходами для избавления от задач, которые я написал выше.
Сравнение с конкурентами
Но надо понимать, что эти люди еще не готовы купить, они довольно “холодные” и еще размышляют:
– Может, всё-таки на автомойку или самостоятельно?
Поэтому мы делаем первую часть сайта доказательством, что наш метод самый лучший, а вторую часть делаем с намёком, что мы та самая компания куда нужно обратиться. И к слову, такого трафика большего всего в интернете.
Этап 4: Выбор продукта
Клиент определился, что он хочет воспользоваться услугами профессионалов в сфере чистки ковров, но нет доверия ни к одной из представленных.
На этой стадии докажите, что Ваша компания самая лучшая и предоставляет наилучшие условия среди всех других.
А значит с первой минуты попадания на сайт, наша задача убедить что наша компания самая лучшая. Что наши преимущества всем преимуществам. Что наши условия круче варёного яйца. Можно, например, это сделать с помощью блока результата до/после (наших кейсов).
Результат до/после
Этап 5: Уверенность и намерение
Клиенты, которые приходят по таким запросам как “чистка ковров чистый квадрат” ищут конкретную компанию.
Если вы еще не слишком известны, таких запросов либо будет крайне мало, либо не будет вообще.
Такие клиенты, что называется, “горячее” некуда. Все, что им нужно предоставить – наши контакты и .
А Вы откуда?
Наверное у вас в голове сейчас полный хаос после прочитанного, по крайней мере, у меня так было в первый раз.
И я не уделяла бы столько внимания этому, если бы структура landing page не зависела от “Лестницы Ханта”.
И чтобы понять на каком уровне осознанности находится Ваш клиент, необходимо перед созданием определить источники трафика.
Когда лендинг создается с нуля, ответ получается очень размытый, в стиле “Да мы все попробуем…Хотя, наверное что-то одно, либо таргегинг, либо … Еще не решили”.
Почему это так важно?
Прототип
Коротко о главном
Теперь вы знаете самое основное о том, что такое правильная структура лендинга и как нужно подходить к ее созданию.
И теперь вы точно знаете, что все не так просто, как кажется на первый взгляд. Для логичного итога, давайте подытожим всё что узнали. Итак.
При разработке структуры вам нужно: провести , определить уровень осознанности трафика и определить возражения с критериями выбора клиента. И только после этого (не раньше) приступать к разработке.
Создание целевой страницы, как кажется на первый взгляд, очень простая задача. Но это не совсем так. Нужно проделать очень тяжелую работу чтобы создать конвертирующий лендинг. Перед тем как начать создавать лендинг нужно ответить на ряд вопросов:
- О чем ваши клиенты думают?
- Как они нашли вашу целевую страницу?
- Какой заголовок привлечет их внимание?
- Какое устройство они используют?
- Какую потребность они испытывают?
- Что нужно сделать, чтобы превратить их в лиды?
1. Минимализм
“Меньше — значит больше” — эта идея относится ко многим аспектам маркетинга. Наука и исследования доказали, что минималистский образ мышления приводит к прорывам в жизни и бизнесе. Минимализм позволят сделать переосмысление приоритетов, и, откинув все ненужное, сконцентрироваться на самом важном. Это же и касается создания лендинга.
Много различных дополнений на странице только запутают пользователя и отвлекут от главной цели. Также не делайте один лендинг сразу для нескольких офферов, это может ощутимо снизить конверсию.
Избегая лишней информации и лишнего выбора, вы поможете посетителям сохранить фокус на их главном, и получить свою желанную конверсию.
2. Используйте правило 5 секунд
В современном мире все происходит очень быстро: люди хотят быстро поесть, быстро получить информацию, и сразу перейти к следующему действию. Мгновенное воздействие имеет очень большое значение, и вы должны попасть прямо в точку. Считайте, что у вас есть только пять секунд для привлечения посетителя.
Как этого достичь? Это возвращает нас к первому пункту - минимализм. Броский заголовок, цепляющая картинка, призыв к действию, и ваш лид готов.
Кроме того, ключевые преимущества вашего предложения размещайте вверху, чтобы пользователю не пришлось скройллить вниз, и он сразу смог принять решение.
Крейг Томлин, специалист по юзабилити, объясняет, почему правило 5 секунд так важно:
Исследования показывают, что посетителям нужно очень мало времени (в некоторых случаях — и доли секунды), чтобы судить о качестве сайта.
Например, давайте посмотрим на поисковую выдачу по запросу “landing page”:
3. Быстрая загрузка страницы
За каждую секунду задержки загрузки страницы, коэффициэнт конверсии снижается на 7% . Это еще раз подтверждает правило 5 секунд. Посетитель должен усвоить суть и преимущества вашего предложения в течение 5 секунд. Если страница довольно “громоздкая” и медленно загружается, делайте всё возможно для ее ускорения.
Для проверки скорости загрузки можно использовать Google PageSpeed .
4. Забудьте о каруселях и слайдерах
Да, со стороны это выглядит красиво. Может поэтому маркетологи так часто используют всевозможные слайдеры и карусели. Но на самом деле это может губительно сказаться на коэффициенте конверсии. Эксперимент на сайте университета “Нотр Дам” показал, что только 1% пользователей кликали на установленный слайдер.
Когда картинка меняется пользователи и не думают на нее кликать. Такие элементы только умаляют значение лендинга.
5. Используйте белое пространство
Современный пользователь сети не хочет увязнуть в громоздких блоках текстов и длинных параграфах. Исследования показали, что правильное использование белого пространства между пунктами, а также в левом и правом полях увеличивает понимание содержимого на 20%. Так читателю легче сосредоточится на основном контенте. Например, обратите внимание как использует белое пространство Buffer:
Пустое пространство на лендинге позволяет мозгу легко проанализировать информацию и решить что делать дальше.
Apple также славится использованием белого пространства. Их брендинг, дизайн продукта и даже магазин основаны на важности отрицательного пространства/белого пространства.
6. Социальное доказательство
Бесспорно, люди являются социальными существами по своей природе, и все мы находимся под влиянием других людей, по крайней мере, в некоторой степени. Очень часто, чтобы сконвертировать пользователя, достаточно показать ему тех, кто уже пользуется вашими услугами.
Например, вы могли бы установить на свой лендинг список ведущих компаний с их логотипами, которые использует ваш товар или услугу.
Это поможет существенно поднять доверие к вашему продукту со стороны посетителей.
7. Доступная контактная информация
Контактная информация вашего предприятия должна быть на виду и легко доступна. Эта информация позволяет посетителям удостоверится, что вы не являетесь шарлатаном, ваш бизнес законный и имеет физический адрес.
8. Отзывы
Мы ранее уже писали о важности отзывов в интернет-маркетинге. И для лендинга это важно в том числе. Отзывы, особенно с фотографиями реальных людей (лучше — известных личностей), действительно могут на несколько процентов повысить конверсию.
9. Добавьте видео
С помощью видеоролика на целевой странице можно увеличить количество конверсий на 86%. Кажется невозможным, но это так.
Видео помогает более наглядно показать преимущества вашего продукта. И если посетитель посмотрел ваш видеоролик, то, скорее всего, он воспользуется вашим продуктом. Почему? Потому что, как минимум, он потратил свое время на его просмотр, и более детально понял важность и полезность продукта.
Следите за тем чтобы ролик был относительно коротким (5 минут максимум) и информативным.
10. Добавьте кнопки социальных сетей
Сарафанное радио ещё никто не отменял. “Шейр” довольного пользователя может принести дополнительные конверсии.
Эти 10 методов можно использовать в любой маркетинговой ситуации. И даже посетители, которое не имеют намерения покупать продукт, сделают вам конверсию, если вы будете применять эти советы на практике.
Курс: «Идеальный Landing Page 3.0» . Крутой материал от известной компании. 3 версия данного курса. Материал подойдет для многих пользователей. Отзывы о курсе только положительные. Материал получает м етку эксклюзивного материала . Материал прислал WebPro с комментарием:
Привет! Давно не было меня тут, были личные проблемы, почти решил. Решил начать возвращение с этого материала. Курс смотрел еще как только он появился. Мне все понравилось, рассказываются все основные моменты, авторы разбираются в этой теме на отлично. Рекомендую ознакомиться с описанием и если вас это заинтересовало — изучайте, лишним не будет, а только пойдет на пользу. Тут курса не было, но в любом случае он хороший и будет актуален всегда. Бонусом на облаке есть второй поток данного курса.
Материал может быть удален по запросу правообладателя!
Описание курса:
Кому идеально подойдет курс:
Владелец бизнеса:
- Научишься создавать посадочные страницы как у веб-студий
- Получишь навык создания крутых landing page и сэкономишь деньги
- Узнаешь, как быть на голову выше конкурентов
- Сможешь оценить качество и контролировать работу подрядчика
Копирайтер, начинающий маркетолог:
- Систематизируешь знания о создании посадочных страниц
- Узнаешь новые работающие фишки, которые сможете использовать на своих
лендингах - Повысишь профессиональный уровень и расценки на услуги:)
Арбитражник трафика:
- Получишь в 2 раза больше лидов
Инфобизнесмен:
- Сэкономишь деньги на услугах копирайтера
- Сможешь оценить качество и контролировать работу фрилансеров
- Получишь больше подписчиков и увеличите прибыль
Чему конкретно ты научишься на курсе:
- Находить клиентов с деньгами, выяснять их тайные желания (даже те, в которых они боятся себе признаться) и предлагать именно то, что они хотят купить
- Разрабатывать убойный оффер, мощный Call to Action и цепляющий заголовок, которые заставят клиентов судорожно сглатывать при виде вашего продукта
- Как сделать сайт приятным для покупки - последние тренды дизайна, типографики и юзабилити посадочных страниц 2015 года
- Получишь шаблоны продающих элементов: заголовков, подзаголовков, СТА, отзывов и т.д, проверенные 250 тестами
- Научишься работать в программе прототипирования сайтов и создашь мокап (макет) посадочной страницы
- Сможешь легко оценить качество дизайна и верстки и заставить фрилансеров сдать работу в срок
- Научишься подключать Яндекс.Метрику и отслеживать эффективность рекламной кампании
- Овладеешь навыками сплит-тестирования посадочной страницы.
Привет, друзья. Вчера я закончил книгу «Идеальный Landing Page», которую написали руководителя агентства ConvertMonster Новиков и Петроченков. Новиков Евгений и Петроченков Антон. Обратите внимание на одинаковый вкус к рубашкам
С Петроченковым я смотрел несколько видео еще год или более назад на тему настройки Adwords и Analytics. Мне он показался толковым пузатым парнем. Про Новикова ничего не слышал и компетенции его не знаю. В общем мне было интересно, что толкового могут написать про лидогенерацию русские ребята и поэтому я купил книгу.
Для кого книга «Идеальный Лендинг Пейдж»?
На обложке книги сзади есть пометка «Уровень читателя — начинающий». И это действительно так.
В целом в ней разжеваны основные понятия. В то же время я нашел пару интересных моментов и для себя. Некоторые наблюдения авторов (или автора Новикова: складывается впечатление, что общение идет от его лица) мне показались очень интересными. Некоторые утверждения спорными.
Кейсы из книги «Идеальный Landing Page»
Отдельного внимания заслуживают кейсы из книги. В этом блоке авторы рассказывают про собственные Landing Page и то, как они улучшали их эффективность (поднимали конверсию, средний чек, прибыль). Причем рассматривать эти кейсы можно с разных сторон. Чего стоит сайт светодиодной компании. Но об этом ниже после основных идей книги…
Основные смыслы книги
Метод персонажей: - персонаж (аватар); - потребности; - критерии удовлетворения (важные); - второстепенные критерии; - особенности. Персонаж = живой человек Персонаж - это тот, с кем ты хочешь иметь дело Карта персонажей Выбор персонажа: - лицо целевой аудитории (80% клиентов должны себя узнать), - высокая маржа, - опыт работы с персонажем. Клиенты на самом деле хотят купить не самое выгодное предложение - они хотят купить уникальное. Лестница узнаваемости по Бену Ханту: - безразличие, - осведомленность, - сравнение, - выбор, - покупка. Следующий шаг на лендинге - легкий, естественный, имеет ценность Виды контента: текст, фото, видео, аудио, инфографика. Процесс создания идеального предложения: 1) формулируем суть оффера, 2) перечисляем выгода клиента, 3) подтверждаем выгоды, 4) отвечаем на возражения. Удовольствие = Ожидание - Реальность Как выбрать изображение: тортики, крокодилы, женщины CTA = Глагол + Дедлайн + Выгода F-образный шаблон восприятия Социальное соглашение - просите минимум информации о человеке «Оформление прямой речи в отзывах» Триггер = выгода, оформленная визуально В каждой группе не более 4 элементов (блоки лп) Тарифы от дорогого к дешевому Типы темперамента пользователей: импульсивный (35%), социально-ориентированный (15%), логический (45%), остальные (5%). Формула репоста = выгода + призыв + ссылка Из чего состоит продажа? 1) приветствие, 2) выявление потребностей, 3) предложение, 4) снятие возражений Тим Эш «Оптимизация посадочной страницы» Стив Круг «Не заставляйте меня думать»Ложка дегтя в эту историю
А теперь о том, что вызвало спорный момент. Очевидный фейл со стороны авторов в том, чтобы привести в пример сайт светодиодной кампании и сделать так, чтобы он не соответствовал советам книги)))
- Совет из книги:
делайте адаптивные сайты, чтобы они были удобны для просмотра, как на компьютерах, так и на смартфонах/планшетах.
Факт: сайт неадаптивный, на смартфоне отображается так же, как на компьютере. - Совет из книги:
просите как можно меньше информации о клиенте
Факт: в форме 3 обязательных поля. - Совет:
используйте картинку-идентификацию (результат/процесс либо аватар клиента на изображении).
Факт: вот здесь мне больше всего нравится 🙂 Взгляните на изображение на главном экране. На нем девушка, которая держит в правой руке светодиодную лампочку, а в левой стопку долларовых купюр.Это изображение процесса/результата? Нет. Это лицо компании? Нет. Это клиент? Не похоже… 🙂 Видимо, это знаменитый триггер-женщина - Кейс из книги:
мы проводили тест между двумя версиями сайта светодиодной компании и победила версия с определенной акцией, а версия с девушкой проиграла.
Факт: в данный момент на сайте работает версия с девушкой. как так?
И вот еще момент про отслеживание звонков. Хотел бы я на это посмотреть — отдельный номер на каждую фразу в кампаниЯХ… 🙂 
Резюме
Вот такая вот история, друзья. Таким образом, рекомендую книгу «Идеальный Landing Page» в первую очередь новичкам в области лидогенерации. Если Вам интересно освоить основные понятия в создании системы привлечения клиентов с помощью сайта и рекламы — книга окажется полезной.
Людям с опытом в интернет-маркетинге, скорее всего, будет скучно. И даже возможно, что некоторые моменты вызовут недоумение. В остальном рекомендую к прочтению начинающим. Ну что, будете читать? 🙂
Вы можете найти эту книгу на OZON.RU: искать книгу
comments powered by HyperComments
