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

Контент-маркетолог
Стаж 15 лет
Обновлено: 15.06.2022 Опубликовано: 10.06.2022

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

Пример креативного лендинга под конкретную услугу (найм сотрудников)
Пример креативного лендинга под конкретную услугу (найм сотрудников)

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

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

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

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

Форма заявки на коммерческой посадочной странице
Форма заявки на коммерческой посадочной странице

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

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

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

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

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

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

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

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

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

Пример автономной посадочной
Пример автономной посадочной

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

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

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

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

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

Микросайт

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

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

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

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

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

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

Один из самых успешных вирусных лендингов был создан компанией «Финология»
Один из самых успешных вирусных лендингов был создан компанией «Финология»

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

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

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

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

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

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

Пример опросно-целевой страницы
Пример опросно-целевой страницы

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

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

  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 отсортированы по категориям
Все шаблоны целевых страниц в LPgenerator отсортированы по категориям

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

Можно создать новую страницу или сразу группу страниц
Можно создать новую страницу или сразу группу страниц

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

После выбора шаблона нажмите кнопку «Сохранить и начать редактирование»
После выбора шаблона нажмите кнопку «Сохранить и начать редактирование»

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

Визуальный редактор конструктора LPgenerator
Визуальный редактор конструктора LPgenerator

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

Интерфейс редактора лендингов LPgenerator
Интерфейс редактора лендингов LPgenerator

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

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

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

Инструменты редактора страниц в LPgenerator — это верхнее меню визуального редактора
Инструменты редактора страниц в LPgenerator — это верхнее меню визуального редактора

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

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

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

Элементы страницы списком

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

Редактируем свойства заголовка страницы в LPgenerator
Редактируем свойства заголовка страницы в LPgenerator

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

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

Кликните по кнопке «Опубликовать»
Кликните по кнопке «Опубликовать»

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

Настраиваем домен
Настраиваем домен

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

Вы можете поделиться страницей в социальных сетях
Вы можете поделиться страницей в социальных сетях

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

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

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

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

Блок доверия на этой посадочной странице представляет из себя обычный отзыв клиента
Блок доверия на этой посадочной странице представляет из себя обычный отзыв клиента

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

Пример документов в «блоке доверия»
Пример документов в «блоке доверия»

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

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

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

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

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

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

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

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

Пример адаптива под аудиторию из TikTok
Пример адаптива под аудиторию из TikTok

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

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

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

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

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

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

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

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

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

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

Резюме

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

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

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

Создаем лендинги с высокой конверсией!

Оценить статью
6 ответов

Комментарии

Написать комментарий
Популярные статьи автора
Узнайте стоимость продвижения сейчас
Выберите удобный способ связи:
Выберите удобный способ связи:
Введите Ваш номер телефона:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Введите Ваш Email:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Вы уже проголосовали
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
я представляю компанию
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
ник в телеграм
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Цена лидов в различных нишах
Тематика Стоимость лида (Москва/Россия)
Отдых 500
Мебель 350
Оборудование 500
Бансковские услуги 500
Безопасность 500
Организация мероприятий, концерты, праздники 500
Недвижимость 500
Строительство и отделка 500
Грузоперевозки 500
Доставка еды 350
Юридические услуги 500
Бухгалтерские услуги 500
Пластиковые окна 500
Детские товары 350
Автозапчасти 350
Образование 500
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
У меня есть сайт
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
ник в телеграм
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Оставить заявку сейчас
Ваше имя*
Введите адрес Вашего сайта:*
Введите Ваш номер телефона:*
Введите Ваш e-mail:*
Введите Ваш ник в телеграм:
Выберите интересующую услугу *
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Подпишитесь на рассылку
Не пропустите самое интересное из мира SEO и Digital. Только актуальные и самые крутые статьи.
Заявка успешно отправлена!
Наши сотрудники уже приступили к анализу Вашего сайта. Наш менеджер свяжется с вами в течение дня, спасибо!