Что такое лендинг пейдж (landing page) и зачем нужно их создавать

Структура продающего лендинга

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

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

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

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

Правильная структура лендинга:

  • Оффер (заголовок). Данный элемент должен быть привлекательным. В нем отражается предложение компании. В основном, это цены и скидки.
  • Сведения о продукции (товар, услуга). В данной части вы должны рассказать о товаре или услуге: описание, характеристика, изображения. Если есть, то добавьте и видеоматериал.
  • Преимущества вашего предложения. Это повысит шанс на совершение действия. В основном, плюсы расписывают при помощи изображений, графики. Если расписывать преимущества только тестом, то читать аудитория не станет.
  • Схема работы. Здесь посетителю стоит рассказать о схеме вашей работы: клиент-заказчик.
  • Отзывы других клиентов. Это повысит доверие к вам и вашему предложению.
  • Дипломы, грамоты, сертификаты. Они также повышают доверие к вам и вашему предложению.
  • Стоимость. После предыдущих элементов правильной структуры лендинга стоит еще раз сказать о привлекательности стоимости (невысокой цене). Рядом можно разместить форму заказа.
  • Форма заказа (СТА). В основном, она в виде кнопки, нажатие на которую кидает на основной веб-ресурс, или форма для заполнения без перехода. Здесь можно предложить потенциальному клиенту скидку или бонус. Также хорошим приемом станет контрастный цвет кнопки или формы заполнения, повторение кнопки несколько раз.
  • Спецэлементы. Для увеличения конверсии landing page можно использовать различные виджеты. Например, счетчик времени завершения предложения.
  • Контактные данные. Помещаются они либо в хедере (шапка сайта), либо в футере (подвал сайта). И следует указывать все доступные для связи контакты: от телефона и электронной почты до местоположения офиса на карте и кнопок на соцсети.

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

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

Минусы лендинга

О преимуществах рассказали, теперь поговорим о недостатках landing page. Будем честными – они присутствуют.

Например, в отличие от сайта лендинг ограничен определенным объемом. Основное правило такое: меньше текста – больше продающих элементов.

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

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

Ошибки лендингов. Чего не должно быть на посадочной странице?

Давайте посмотрим, чего не должно быть в любом лендинге – классическом или креативном.

Акцент на более чем одном товаре или услуге

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

Но не предлагать разные продукты.

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

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

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

Большое число полей в форме для заказа/обратной связи. Идеально запросить у пользователя только имя и e-mail. Чем больше полей, тем менее охотно люди заполняют форму. Убедитесь, что на лендинге четко указано, что произойдет после того, как пользователь оставит свои данные. Ему перезвонят? Если да, то сколько ждать звонка? Пришлют на e-mail расчет стоимости? Посетитель должен четко понимать, зачем он оставляет свои данные и что будет дальше.

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

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

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

Начните с понимания задачи

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

Подготовьте бриф. Вам нужны ответы на три главных вопроса:

Что нужно сделать

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

Для кого

Вам нужно досконально изучить целевую аудиторию. Дизайн для презентации сериала для подростков и стиль для b2b-направления отличаются кардинально.

Как вы это реализуете

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

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

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


Пример лендинга «Звездных войн» — необычный яркий пример с почти незаметным боковым меню.

Tilda

Tilda — еще одна популярная платформа, в которой можно создать лендинг бесплатно самому с нуля. В распоряжении у пользователя свыше 480 визуальных блоков, а также более 180 готовых шаблонов. Дополнительно стоит отметить коллекцию иконок, встроенный редактор изображений и возможность расширенного управления анимацией в Zero Block.

Кратко о конструкторе Tilda в таблице.

Количество шаблонов Более 180
Индивидуальный заказ дизайна Отсутствует
Пробный период 14 дней
Минимальный тариф От 750 руб. в месяц (скидка при оплате сразу за год)
Привязка собственного домена Есть
Адаптивность дизайна 5 экранов
Интеграция CRM, почтовые рассылки, сервисы приема платежей, банковский эквайринг (Альфа-Банк, Сбербанк, Тинькофф)
Аналитика А/Б тестирование, мультилендинги, отчеты в реальном времени, Google Analytics и Яндекс.Метрика
Регистрация доменов Отсутствует, подарочные предоставляются через Reg.ru

Интересный факт: несколько сайтов, созданных пользователями Tilda, были награждены известными премиями. Например, первое место в рамках номинации «Промышленность и оборудование» по версии Рейтинга Рунета 2016, а также победа в Bitrix Design Cup 2016.

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

Перейти на tilda.cc

Виды посадочных страниц

Принципы создания посадочных страниц, или Landing Page, зависят от того, к какой разновидности они имеют отношение.

Click-through page. Это один из самых простых видов лендинговых страниц, направленных на то, чтобы вызвать интерес клиента к представленной продукции. На такой страничке пользователь может узнать всю информацию о товаре, а также о преимуществах сотрудничества именно с вашим предприятием. Все, что необходимо сделать клиенту, — это всего лишь нажать на кнопку и выполнить нужно действие. Лидогенерирующая лэндинговая страница. Здесь от разработчиков требуется намного больше усилий, поскольку взаимодействие с целевой аудиторией будет более глубоким. Соответственно, оно должно стать более продуктивным и взаимовыгодным. Такие посадочные страницы не предоставляют ссылки на другие сайты, поскольку это может привести к тому, что часть клиентов откажется от сотрудничества с предприятием. Сквиз пейдж. Такая страничка предназначена для того, чтобы сотрудники торгового предприятия могли получить адреса электронной почты интересующих их лиц. Благодаря таким действиям маркетологов, фирма может быстро приумножить количество заинтересованных в ее продукции подписчиков

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

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

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

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

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

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

  1. Лендинг быстро загружается.

  2. Шрифт хорошо читается, не слишком мелкий (не менее 12 кегля).

  3. Фон – белый, шрифт – черный.

  4. Заголовок содержит УТП.

  5. Сделан акцент на одном продукте.

  6. На лендинге есть качественные фотографии, иллюстрации.

  7. Описание продукта / услуги четко доносит выгоды клиента от заказа или покупки.

  8. Текст разделен на логические блоки.

  9. В тексте имеются подзаголовки.

  10. Важная информация визуально выделена (жирным или контрастным шрифтом, врезками, рамками и др.)

  11. Если на странице есть видео, оно качественное.

  12. На странице есть отзывы клиентов или кейсы. Если сайт многостраничный, отзывы могут быть вынесены в отдельный раздел. В этом случае дублировать их на лендинге не обязательно.

  13. Есть информация о гарантии (если гарантия предоставляется).

  14. Есть призыв к действию (позвонить, оформить заказ, заполнить форму и т.д.) Четко обозначено, что получит пользователь, выполнив целевое действие.

  15. Кнопка «купить» заметная.

  16. Номера телефонов прописаны текстом (не картинкой).

Пользуйтесь и получайте высокие результаты от контекстной рекламы!

Рекомендуем

Как подобрать ключевые слова для медиаплана Яндекс.Директ?

Правильный подбор ключевых слов – основа эффективной контекстной рекламы. В этой статье мы расскажем, как подбирать ключевые слова для …

Как правильно составить объявление в Яндекс.Директ?

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

Критерии хорошего конструктора одностраничников

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

Стоимость
Задумайтесь о бюджете на ваш сайт, готовы ли вы платить по 300—500 руб. ежемесячно за его обслуживание? У хороших платформ минимальный тариф находится в этом диапазоне, но есть и более дорогостоящие предложения, например, LPgenerator за 799 руб. в месяц.
Сложность использования
Через лучшие сервисы очень легко работать. Они сделаны на русском языке, не подвисают, имеют интуитивно понятный интерфейс. Чтобы это оценить, нужно за пробный период успеть, как минимум, создать проект и запустить его на бесплатном поддомене.
Интеграции с нужными сервисами
Большинство популярных платформ предлагают синхронизировать данные с различными CRM, почтовыми рассылками, кассами и т. д. Тем не менее, встречаются и те, где очень мало возможностей по интеграции, и такие варианты лучше исключать.
Наличие инструментов аналитики
Они однозначно понадобятся тем, кто планирует не просто запустить свой сайт, а продавать с него товары или заниматься арбитражем трафика. К сожалению, далеко не все конструкторы имеют расширенные возможности для отчетов в реальном времени и А/Б тестирование

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

В одном сервисе может быть всего 5–10 вариантов, но они идеально подойдут, чтобы создать одностраничный сайт самому с нуля, а в другом — несколько тысяч бесполезных шаблонов.
Регистрация доменов
Возможность купить адрес для сайта сразу в платформе по привлекательной стоимости — не самый важный критерий, но это удобно. Вам не придется прописывать DNS и ждать пока изменится делегирование, все будет сразу готово к работе. Многие конструкторы даже предлагают один домен с привязкой бесплатно при оплате тарифа.
Возможность передать или скачать сайт с выгрузкой кода
Данная услуга может понадобиться для последующей продажи проекта или переезда на другой хостинг. В первое время она кажется бесполезной, но когда встанет подобный вопрос, то будет уже поздно.

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

Как измерить эффективность лендинг-пейдж?

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

Затем вы должны разделить количество участников на количество посетителей, чтобы получить свой ‘коэффициент конверсии’. Хороший коэффициент конверсии, зависит от типа вашего Landing Page. Исследования показывают, что коэффициенты конверсии лидогенерации составляют около 3-5%, а показатели электронной коммерции — 1-2%.

Причины появления лендинга?

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

Все началось с того, что на заре появления Интернет возникли различные сервисы сбора статистики. Например —  Google Analytics и Яндекс Метрика. Эти сервисы отвечают на такие вопросы, как: что искал посетитель, по какому ключевому запросу он пришел на страницу, и даже то, как посетитель смотрел страницу и на что кликал, где останавливался, а где быстрее проматывал скроллером.

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

Можно сказать, что так измеряется эффективность лендинга. В процентном соотношении. Какие же показатели средней эффективности лендинга? Очень хорошей считается конверсия в пределах 20-30%. Но сама конверсия — относительное понятие, которое зависит от многих факторов. Например ниша, под которую сделана страница. В “агрессивных” нишах конверсия в 1-2% считается очень хорошей.

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

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

Такое глубокое изучение поведенческого фактора и привело к появлению лендингов — страниц, где у пользователя только два действия:

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

Поэтому еще одно определение того, что такое лендинг, простыми словами можно сформулировать так:

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

Реальные примеры работающих лендингов

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

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

Пример 1. Мастер Климат — компания по установке и продаже климатического оборудования

www.masterclimat.pro — этот сайт мы сделали с другом, когда еще занимались изготовлением сайтов под заказ.

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

Пример 2. Вакансии Альфа-Банка

www.job.alfabank.ru — прокручиваем сайт и видим – как стартует карьера молодого человека в Альфа-Банке. Через некоторое время, наглядевшись на заманчивую визуализацию, посетители сайта наконец-то видят буквы. На странице опубликован годный текст – его качество ничуть не хуже анимированной картинки.

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

Кнопка действия: наверху небольшая и слабозаметная кнопка «отправить резюме» – это минус; в самом низу страницы яркая ссылка «смотреть вакансии» – это плюс.

Структура лендинга

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

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

2 этап – осведомленность. Вот он задумался и понял – хм, действительно есть проблема! Только пока не знает, как ее решить. Помогите ему с помощью рассказа о товаре или услуге.

3 этап – сравнение. Клиенту нужно дать на выбор несколько вариантов решения проблемы.

4 этап – выбор. Из нескольких вариантов он выбирает одно решение – конечно, то, что предлагаете вы. Для этого нужно разъяснить все преимущества вашего товара или услуги.

5 этап – покупка. Здесь все просто: пусть оставляет заявку в форме заказа, контактные данные – словом, делает то целевое действие, ради которого все и задумывалось.

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

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

1.  Оффер

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

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

2. Данные о товаре или услуге

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

3. Преимущества товара

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

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

4. Схема работы

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

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

6. Дипломы, грамоты, сертификаты

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

7. Цены

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

8. Формы заказа

Чтобы мотивировать клиента сделать целевое действие и нажать на кнопку, есть несколько секретных приемов:

  • предложить ему приятный бонус, скидку, полезную информацию. Некоторые компании даже соревнуются, кто больше предложит клиенту;
  • выделить элемент СТА контрастным цветом, чтобы сразу бросалась в глаза;
  • повторить СТА несколько раз. Для одной посадочной страницы достаточно 2-3 кнопок и форм. Все остальное – уже перебор.

9. Специальные элементы

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

10. Контакты

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector