Лендинг — что это такое простыми словами и 12 советов по созданию landing page в примерах

Обновлено 29 января 2024 Просмотров: 114 484 Автор: Дмитрий Петров

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня мы поговорим о такой важной вещи как посадочная страница, которую очень часто на буржуйский манер называют лендинг пейдж (от английского landing page — целевая страница). Что же это такое и почему это так важно?

landing page

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

Что такое лендинг пейдж и почему это так важно

Очень часто даже при правильной работе по привлечению нужных людей (целевой аудитории) на свой сайт (контекстная реклама, SEO и т.п.) вы, как владелец бизнеса, не почувствуете от этого отдачи. Вроде бы и трафик идет, и аудитория является целевой, а продаж или подписок (смотря какое конверсионное действие вы выбрали в качестве основной задачи в воронке продаж) практически нет. Ничего не работает. В чем может быть дело?

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

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

Лендинг это...

А это очень важный момент, который может существенно повысить конверсию (количество покупок или регистраций), ибо landing page призваны максимально эффективно подводить пользователя к выполнению целевого действия. Если вы со всех рекламных объявлений будете направлять посетителей, например, на главную страницу сайта, то можете катастрофически снизить конверсию и вылететь в трубу.

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

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

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

Примеры лендингов

В зависимости от преследуемых вами целей можно разделить посадочные страницы (лендинги) на несколько типов:

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

    Пример лендинг пейджа для сбора подпиской базы

    Приманкой на такого рода посадочных страницах, обычно, служит какой-нибудь бесплатный курс, бесплатная консультация или другая полезная информация, которая может показаться интересной пользователю, попавшему на такой лендинг. Единственным препятствием на пути к вожделенной халяве будет стоять необходимость указать свой Емайл адрес, что, по сути, мало кого останавливает.
  2. Товарная посадочная страница (landing page) — служит непосредственно для продажи товара. Фактически это продвинутая (расширенная) карточка товара, которую вы можете встретить в любом интернет-магазине. Тут будет и кнопка «Купить», и описание товара, а также условия доставки, контактный телефон и тому подобная информация.
    Пример товарногой landing page
  3. Лендинг по услугам — аналог товарного, но только продать тут пытаются услугу. Правда, вместо кнопки «Купить» на первый план тут уже выдвигается контактный телефон, по которому предлагается заказать данную услугу или получить по ней дополнительную информацию. Ну а другие атрибуты похожи на предыдущий тип посадочных страниц.

    Пример лейдинга по услугам

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

12 шагов по созданию идеального лендинга

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

  1. Каждый лендинг должен быть заточен только под одно целевое (конверсионное) действие — либо подписка, либо продажи. Не надо жадничать, ибо внимание пользователя будет рассеяно и сильно увеличится вероятность его ухода (так ничего и не выбрав из предложенных вариантов). Лучше как можно меньше заставлять клиентов думать и выбирать — путь конверсионной воронки на landing page должен быть прямым как стрела (очевидным для него) и без каких-либо ответвлений.
  2. На посадочной странице обязательно должен присутствовать призыв к действию (с глаголами в повелительном наклонении — позвони, купи, получи, приди и т.п.). Фразы должны быть короткими и мотивирующими. Например, «купите сейчас», «получить видеокурс» или «подпишись и получи».
    Пример лендинга с призывом к посетителяю
  3. Рулят также яркие кнопки и стрелки, создающие на них акцент. Неплохо работают кнопки красных и желтых оттенков, ибо заметны и содержат как бы призыв к действию.
    Пример яркой кнопки со стрелками

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

    На landing page должны быть стрелки

    Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):

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

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

  5. В статье про SEO оптимизацию текстов я упоминал, что пользователи в интернете тексты не читают — они их просматривают. И самым важным в этом плане является заголовок. Если его нет (или он не выделен соответствующим образом), то это очень сильно снизит конверсию. На лендингах заголовки должны быть обязательно цепляющими, чтобы пользователь склонился к дальнейшему чтению или сразу к свершению конверсионного действию (подписке, заказу, звонку).
    Пример цепляющего заголовка для посадочной страницы

    или так

    Что такое цепляющий заголовок для лендинг пейдж
  6. На вашей landing page должны быть не только призывы к действию и эффектные заголовки, но и аргументация необходимости подписки, покупки, заказа или звонка. В случае страницы подписки это может быть, например, небольшой видеоролик с описанием и содержанием «халявы», или все то же самое оформлено в виде краткого списка (перечня). В случае продажника это тоже может быть видеоролик с обзором товара, списком тех услуг, которые вы предлагаете (в том числе и ваши конкурентные преимущества).
    Пример аргументации необходимости на посадочной странице
  7. Очень хорошо на посадочных страницах работают отзывы от уже состоявшихся клиентов, покупателей или подписчиков (лучше, если при этом будут указаны какие-то контакты тех, кто эти отзывы оставил, чтобы все выглядело правдоподобно).

    Отзыв на лендинге - что это такое

  8. Также неплохо работают на посадочных страницах сравнения «до и после». Не для всех тематик это применимо, но в области похудения, косметологии, фитнеса и многих других ниш это можно с высокой эффективностью использовать. Например, так делает фирма, предоставляющая услуги ресторации.
    Пример использования сравнений на приземляющей странице
  9. Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
  10. Для стимулирования подписчиков или покупателей некоторых товаров (например, инфопродуктов и прочих вариаций инфо-бизнеса) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
  11. Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды.

    Пример использования таймера на лендинге

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

    Указывайте информацию о себе на целевой странице

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

Примеры ошибок делающих landing нерабочим

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

  1. Еще раз напоминаю, что в интернете практически никто не читает (во всяком случае вновь открытую страницу), а именно просматривает информацию. Если она окажется действительно стоящей и требующей более детального изучения, то тогда уже доходит дело и до прочтения (в общем-то, так же как и с газетами). Поэтому не допускайте перегруженности лендинга информацией — это может дезориентировать пользователя и вызвать реакцию отторжения еще до того момента, когда он разберется о чем там идет речь.
  2. Текст должен быть небольшого объема, максимально лаконичен и наполнен информацией, а не водой. Пару абзацев «ни о чем» вызовут у пользователя бурное желание закрыть такую посадочную страницу. На landing page также плохо работает мелкий шрифт. В общем-то, его использование и не нужно, ибо для изложения сути много слов не потребуется.
  3. Не обманывайте ожидания пользователя. Если в рекламе или в посте в социальной сети вы говорили об одном, а при попадании на лендинг пользователь видит несколько другое, то происходит утрата доверия и резко снижается конверсия. Очень важно следить за этим соответствием.
  4. Дизайн посадочной страницы на самом деле очень важен. Если он не закончен, сделан непрофессионально или имеет отталкивающий для большинства пользователей вид, то даже соблюдение всех описанных выше правил создания хорошего лейдинга не убережет вас от фиаско. Если вы сами не обладаете должными умениями и вкусом, или у вас нет в штате фирмы дизайнера, то можно воспользоваться многочисленными конструкторами или же готовыми шаблонами лендинга, которые останется лишь немного переделать под свои нужды.

    Опять же, определить лучший вариант вам поможет тестирование и анализ статистики, например, через Вебвизор из арсенала Яндекс Метрики (зачастую не все так очевидно, как может показаться). Таким образом, вы сможете отследить выполнение целевого действия и понять, какие элементы лендинга способствуют увеличению конверсии, а какие оказывают отвлекающее действие и должны быть изменены.

У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page»:

Создание лендингов на примере конструктор CPAider

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

Такой уникальный сервис встречается на пути аффилиатов не каждый день. Поэтому рассмотрим CPAider.com подробнее. Что о нем известно:

  1. Позволяет создавать лендинги на 8 языках.
  2. Включает в себя коллекция готовых посадочных страниц для продвижения более 330 финансовых офферов из восьми стран.
  3. Лендинги CPAider.com обеспечивают высокий уровень конверсий – за счет правильно скроенного дизайна (прошедшего стадию тестирования) и интеллектуальных алгоритмов ротации офферов.

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

  4. Возможность изменения дизайна любого выбранного лендинга.
  5. Подключение к созданным в CPAider.com landing page сторонних аналитических сервисов – GA, Яндекс.Метрику, Facebook и VK.
    Функционал
    *при клике по картинке она откроется в полный размер в новом окне
  6. Изменение расположения офферов на лендинг-витринах.
  7. Добавление новых рекламных предложений из любой финансовой партнерки.
  8. Подключение бесплатных SSL-сертификатов к доменам, на которых размещаются посадочные страницы, созданные в CPAider.com.
  9. И все это безвозмездно!

Чтобы воспользоваться функционалом CPAider.com:

  1. На главной странице переходим по ссылке «Попробовать бесплатно».
  2. В форме указываем почту, соглашаемся с условиями использования и жмем на кнопку «Зарегистрироваться».
    Регистрация
    *при клике по картинке она откроется в полный размер в новом окне
  3. Получаем доступ к личному кабинету (ЛК) пользователя конструктора лендингов под кредитных офферов.

Сначала в ЛК переходим в раздел «Домены» и жмем на кнопку «Добавить домен».

Домен
*при клике по картинке она откроется в полный размер в новом окне

Затем для припарковки домена в настройках его DNS добавляем указанную A-запись.

Dybvfybt
*при клике по картинке она откроется в полный размер в новом окне

После этого в разделе «Дизайны лендингов» выбираем один из нескольких десятков макетов.

Дизайн
*при клике по картинке она откроется в полный размер в новом окне

После чего переходим в «Лендинги», «Добавить лендинг».

Добавляем
*при клике по картинке она откроется в полный размер в новом окне

В форме создания новой посадочной страницы в CPAider.com вводим ее название, язык, задаем таргетинг пользователей по гео. Затем выбираем шаблон лендинга и прикрепляем его к припаркованному ранее домену.

Форма

Здесь же можно установить трекеры сторонних аналитических платформ для отслеживания действий пользователей на landing page.

В каталоге офферов находим нужный бренд для продвижения, жмем на ссылку «Добавить оффер на лендинг».

Оффер
*при клике по картинке она откроется в полный размер в новом окне

Затем в форме указываем созданный в CPAider.com лендинг-витрину, CPA-сеть и свою партнерскую ссылку.

Сеть
*при клике по картинке она откроется в полный размер в новом окне

После чего оффер начнет отображаться на посадочной странице. Затем можно перейти в раздел «Лендинги», просмотреть разработанную в CPAider.com финансовую витрину и при необходимости ее отредактировать.

Редактируем
*при клике по картинке она откроется в полный размер в новом окне

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

В CPAider.com действует два тарифных плана: бесплатный и за 4900 руб. в месяц. Но при оплате за год цена снижается до 3920 руб. в месяц.

Что равноценно профиту, полученному вебмастером с 2-3 конверсий.

Тариф
*при клике по картинке она откроется в полный размер в новом окне

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

P.S. А для читателей нашего блога в CPAider.com действует 10% скидка. Для ее активации используйте промокод ktonn2020.

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Комментарии и отзывы (18)

Владимир

Спасибо, Дмитрий!

Полезная статья, а главное — актуальна!

Сергей

На счет АБ-тестирования поддерживаю.

Юрий

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

Максим

Спасибо за полезную статью. Интересно, а стоит ли вставлять продающий текст, с телефоном и почтой, в описание видео на youtube? Или обязательно делать посадочную страницу?

wartandax

Как только пользователь увидел на странице таймер, с обратным отсчётом — он сразу убегает, так как понимает, что это лэндинг 90-х годов, лохотрон)

Константин

Отличные статьи. Подписался. Есть ошибочка «в социальных сетах»

Павел

Отличная статья. Согласен что лендинг должен быть индивидуальный, с индивидуальным дизайном, не шаблонным., и не замудренным. Я веду свой бизнес в сфере продажи и установки септиков, и было большим трудом выбиться на заказы из интернета, большая конкуренция! Цену ниже конкурентов не было смысла опускать, поэтому единственным решением было сделать сайт лучше всех, и продвигать в контекстной рекламе. Все получилось! Спасибо компании по разработке лендингов lp96.ru за их профессионализм. Вели до конца, все сделали идеально. Получился вот такой сайт septik-servis50.ru

Ирина

Спасибо за вашу статью и отдельное спасибо за видео!

Влад

Посмотрел видео. Красота.

Аноним

А можно просто определение лендинга?

А то в заголовке написано что это? и...где?

Дмитрий

Спасибо большое за замечание. Добавил определение в начале публикации.

Зоя

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

Первая статья попалась эта — и я очень рада, что именно она меня познакомила с этим понятием. Хотя есть одно маленькое «но»: у автора, по-моему, есть небольшие проблемы с падежами 🙂

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

Не лениться и потратить 7 минут на то, чтобы все перечитать и поисправлять все ошибулечки 🙂 Очень надеюсь, что этот коммент никого не обидит — больше всего не люблю, когда люди занимаются взаимо-оскорблением в сети. Еще раз спасибо за информативную статью, и в целом, очень полезный материал!

Валерий

Интересная, наполненная примерами статья. Прочитав ее получил ответы на многие для себя вопросы, а также решил подписаться на ваш сайт. Спасибо!.

гузель

Спасибо.Описание простое и понятное.

Алия

Читала подобный материал в блоге Exiterrа. Мое мнение касательно лендинга — очень полезный инструмент, главное понять правильную систему использования

Людмила

Я хочу начать зарабатывать через Инет, читаю все подряд. Статья мне очень понравилась. Спасибо.

Сергій

хорошо

Маргарита

Статью прочла на одном дыхании, все понятно,где-то даже с юмором, подача материала идеальная, хоть какое-то понимание пришло. Спасибо!

Ваш комментарий или отзыв