Что такое лендинг пейдж, пошаговая инструкция по созданию

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

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

Цели и задачи лендинга

Главная цель — побуждать пользователя совершать целевое действие: например, отправить контактные данные или скачать файл.

Читайте также:

Что такое лид в продажах и лидогенерация

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

Самые частые сценарии задач:

• Прямые продажи.
• Перекрестные продажи.
• Улучшение узнаваемости бренда.
• Подогрев ЦА перед запуском продукта или промоакций.
• Сбор рефералов для участия в ПП или контактных данных.

Присоединяйтесь к нашему Telegram-каналу!

• Теперь Вы можете читать последние новости из мира интернет-маркетинга в мессенджере Telegram на своём мобильном телефоне.
• Для этого вам необходимо подписаться на наш канал.

Подробнее

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

Сначала рассмотрим классификацию по строению сайта.

Страница сегментирования

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

Автономная посадочная страница

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

Главный (или основной) сайт

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

Читайте также:

SEO: что это такое и зачем нужна поисковая оптимизация

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

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

Микросайт

Он похож на одностраничный лендинг, но также может включать в себя 2-3-4-5 страниц. Этот тип чаще всего использует крупный бизнес для продвижения ключевых услуг, товаров и других продуктов.

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

Читайте также:

Что делать со страницами товаров, которых нет в наличии: советы от Google

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

Нерекламные лендинги

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

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

Классические посадочные страницы

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

Опросно-целевые посадочные страницы

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

Создание сайтов

• Разработка эффективных сайтов для продаж в интернете.
• Создаем сайты с нуля любой сложности, от сайтов визиток до интернет-магазинов и крупных порталов.

Подробнее

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

Вот основные преимущества:

1. Измеримость.
2. Универсальность.
3. Возможность тестов.
4. Возможность показывать разные варианты страницы разным сегментам ЦА.

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

Например, вы установили, что 90 % конверсий приходит от пользователей из социальных сетей. В таком случае, целевая веб-страница должна быть хорошо оптимизирована именно под такой трафик. Например, если это TikTok — добавьте видео товара в центральную часть страницы и сделайте большую кнопку воспроизведения, так как эта аудитория привыкла именно к такой форме подачи контента.

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

Анализ поведения пользователей из разных источников трафика (при помощи инструментов «Яндекс.Метрики» и Google Analytics) позволит избежать вышеуказанных проблем. Вы можете установить конкретный этап воронки, где пользователь теряется и уходит со страницы. Например, мобильные пользователи не видят кнопку отправки данных или контактная форма работает некорректно. Еще один сценарий отказа: пользователь уходит, так как ваше УТП его не впечатлило или описание продукта оказалось недостаточно убедительным.

Читайте также:

Полный гайд по «Яндекс.Метрике» для начинающих

Недостатки landing page:

1. Ограниченное количество продуктов. Лендинг, как правило, продает один продукт.
2. Несамостоятельность. Landing нужно продвигать совместно с другими площадками бренда / компании / продукта: сайтом, сообществом в социальных сетях, мобильным приложением.
3. Отсутствует трафик из поисковых систем. Трафик на целевую страницу, как правило, идет только рекламный.
4. Конкурентность. В товарных нишах может существовать огромное количество конкурентов.
5. Сложности коммуникации. Время шаблонов и паттернов ушло, такие методы не работают или работают очень плохо. Они всем надоели (также как и стоковые изображения, например).
6. Не помогают ЦА. Сделайте такую страницу, которая реально помогает целевой аудитории. Добавьте пользы! Например, возможность связаться с магазином через мессенджер или задать вопрос по товару другим образом.

Как создать лендинг

Создать лендинг пейдж можно при помощи сторонних конструкторов или использовать инструменты создания лендингов внутри Wix, Tilda, CMS.S3. Во всех этих сервисах вы будете работать с готовыми шаблонами и визуальным редактором. Работа со всеми элементами осуществляется путем перетаскивания (drag-and-drop).

Как создать лендинг на конструкторе

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

• Мощный конструктор. Визуальный редактор по типу What You See Is What You Get («что видишь, то и получаешь») позволяет редактировать любые элементы готовых шаблонов или создавать их с нуля.
• Встроенная аналитика с поддержкой UTM-технологии.
• Возможность проводить эксперименты и сплит-тесты.
• Удобный инструмент для управления лидами с возможностью экспорта в CRM.
• Быстрое подключение домена. Неважно, есть ли у вас готовое доменное имя или вы хотите зарегистрировать новое, в LPgenerator вы сможете сделать и то и другое.
• Большое количество интеграций, позволяющих подключить сторонние сервисы (MailChimp, amoCRM, «Битрикс24»)

А ещё LP генератор позволяет работать с посадочными страницами с упором именно на мобильный трафик: специальные лид-формы, click-to-call и другие элементы для мобильных страниц.

Чтобы создать новый лендинг, нажмите кнопку «Добавить новую страницу»:

Далее выбираем тип страницы (десктоп или мобильная) и шаблон:

Попадаем в визуальный редактор LPgenerator:

Взглянем на боковое меню в левой части экрана подробнее:

Как видим, доступно девять инструментов:

1. Конструктор секций. Подготовленные шапки, формы, изображения, галереи, блоки с отзывами.
2. Таймер. Позволяет добавить на страницу элемент-таймер с обратным отсчетом. Это своего рода триггер конверсии, который можно использовать для мотивирования пользователя к совершению целевого действия.
3. Попап. Быстрое добавление функционального и красивого всплывающего окна.
4. Галерея. Добавьте наглядные изображения продвигаемого продукта.
5. Видео. Видеоописание всегда лучше, чем простыня текста.
6. Слайдер отзывов. Создайте красивый слайдер с отзывами. Этот блок может повысить доверие ЦА к вашему продукту.
7. Карта. Добавьте схему проезда к офису или просто покажите, где именно находится ваша компания.
8. Дополнительные шрифты. Привлечь внимание помогут необычные шрифты. Здесь есть не только латинские, но и кириллические шрифты самых разнообразных стилей.
9. Платежные системы. Настройте оплату на странице.

Виджеты редактора страниц LPgenerator мы разобрали. Теперь посмотрим, что есть в инструментах редактора страниц:

При помощи верхнего меню вы получаете доступ к следующим функциям:

• Просмотр.
• Отменить действие.
• Повторить действие.
• Секция.
• Блок.
• Изображение.
• Текст.
• Вставить код HTML.
• Слой вверх.
• Слой вниз.
• Удалить.
• Конструктор секций.
• Метатеги.
• Скрипты.
• Цели конверсии.
• Копия.
• Кнопка.
• Форма.

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

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

По такому принципу вы можете отредактировать любой элемент страницы. Да, все вот так просто.

После того как макет будет готов, нажмите кнопку «Опубликовать» в правом верхнем углу экрана:

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

Мы успешно опубликовали посадочную страницу на бесплатном домене LPgenerator:

Как создать продающий landing page по технологии AIDA

Методология AIDA подразумевает четыре этапа готовности к покупке, в нашем случае — к совершению целевого действия:

1. Захват внимания (Attention). В случае landing page захват внимания происходит посредством заголовка.
2. Проявление интереса (Interest). Ваша задача — максимально заинтересовать пользователя.
3. Появление желания. Давите на потребности целевой аудитории и обещайте то, что вызовет желание.
4. Осуществление целевого действия (Action). Направьте пользователя к совершению целевого действия при помощи дизайна страницы.

Говоря о принципах оптимизации целевых страниц, нельзя не упомянуть значение отзывов. Они заметно увеличивают конверсию страницы и повышают доверие к продукту.

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

Тестирование посадочных страниц

Изменение варианта (по аналогии с объявлениями, эти варианты можно условно называть «креативами») целевой страницы может происходить исходя из десятков и даже сотен разнообразных параметров ЦА:

• Социальные демографические параметры (пол, возраст).
• Регион пользователя.
• Уровень доходов.
• Долгосрочные интересы пользователя.

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

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

Читайте также:

A/B тестирование: что это такое, этапы и инструменты

В ходе A/B-тестов можно тестировать:

• Заголовки. Лучше сделать короткие варианты, совсем не обязательно полное упоминание названия продукта (или производителя).
• Текстовый контент на странице. Не должен представлять из себя длинную простыню, лучше разбить его на несколько блоков.
• Изображения и видеоролики. Обязательные элементы лендинга, значительно увеличивающие конверсию и захватывающие внимание пользователя.
• Расположение блоков на веб-странице. Не должно быть хаотичным и обязано поддаваться логике. Приоритетные зоны не отличаются. Главное внимание уходит на левый верхний угол страниц, а также центр страницы.
• Расположение навигационных и других элементов на веб-странице. Должно быть логичным. Отдельно тестируйте варианты расположения контактных форм.
• CTA. Чем больше вариантов призывов к действию вы проверите, тем лучше.
• Дизайн. Любопытно: на конверсию целевой сильно влияет цвет и форма кнопок. Дизайн посадочной страницы стандартный, скучный, с таймером? Не обязательно! Проявите изобретательность, но помните: слишком сложные идеи плохо работают на лендингах.

Понятный дизайн и простые функциональные возможности — это главное, ведь пользователь не должен теряться на странице. Подкрепите достоинства УТП визуальными акцентами и направьте пользователя прямо к контактной форме:

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

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

Общие принципы оптимизации посадочных страниц практически не отличаются для всех типов лендингов.

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

Формула подсчета конверсии следующая:

Суммарное число пользователей / суммарное количество трафика * 100.

Чтобы лендинг пейдж эффективно конвертил обычных посетителей в клиентов, обратите внимание на наличие важных компонентов:

• CTA. Призыв к действию обязателен для всех типов посадочных.
• Заголовок. Должен быть оптимизирован под конкретный запрос, под который оптимизирована целевая страница. В заголовке вы должны сразу надавить на конкретную боль целевой аудитории, например: «Недовольны выплатами страховой по КАСКО? Вернем деньги». Как видите, уже с первых слов вы должны оказать на пользователя какое-либо эмоциональное давление (не важно, негативное или положительное). Такой подход вызовет интерес и заставит дочитать заголовок до конца.
• Текст. Работаете с главными «болями» целевой аудитории и обращайте внимание то, как текст на странице решит их, подтолкнет пользователя к совершению целевого действия.
• Медиаконтент. По данным независимых исследований, наличие изображений, видео и анимаций может увеличивать конверсию посадочной страницы в несколько раз.
• Торговое предложение. Необходимо описать товар или услугу с позиции потребностей ЦА. В УТП обязательно подтверждаем уникальность, незаменимость продвигаемого продукта.

Читайте также:

Как увеличить конверсию сайта: 30 рабочих способов

Резюме

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

Краткий чек-лист:

1. Определите главную цель, которой вы хотите достичь.
2. Сформируйте предварительный макет landing page.
3. Воспользуйтесь конструктором, чтобы создать несколько вариантов лендинга на основе готового шаблона.
4. Измените контент шаблона на оригинальный. Отредактируйте заголовок, описание страницы, изображения.
5. Укажите метаданные страницы.