10.08.2023

«Убойные» посадочные страницы: три примера эффективных лэндингов. Что такое посадочная страница и как она должна выглядеть Создание посадочной страницы в конструкторе Wix


Что такое посадочная страница?

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

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

С точки зрения веб-аналитики, посадочная страница – это страница входа, куда поступает трафик.


Зачем нужны лендинги?

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

Факторы, влияющие на конверсию:

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

Стоит заметить, что правильная настройка посадочной страницы увеличивает количество заявок в 5 - 10 раз.

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

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

  1. Определитесь с целями. Каких действий вы хотите от пользователя: отправление заявки, покупка, просмотр. Это опорные моменты.
  2. Напишите хороший текст. Заголовок должен быть привлекательным и соответствовать поисковому запросу пользователя. Расскажите о товаре, или услуге. Чем вы можете понравиться покупателю, опишите преимущества. Например, заголовок «Продаем надежные охранные системы в Воронеже» лучше, чем «Вы обратились по адресу» и т.п. Помните, что в тексте не должно быть ошибок и опечаток.
  3. Дизайн должен привлекать внимание. Если вы что-то продаете, имеет смысл показать «товар лицом» и еще лучше – показать его в использовании. Видео и красивые картинки удерживают внимание.
  4. Если цель - отправка пользователем формы, ее нужно располагать на видном месте. И так, чтобы она не нарушала его общий путь движения по странице. Целевое действие должно находиться там, куда падает взгляд. Ссылки на другие товары, красивые картинки – все, что может замотивировать посетителя смотреть ваш сайт дальше. Форма заявки должна запрашивать только обязательную информацию. Не перегружайте форму большим количеством полей. Оставьте только необходимые данные для дальнейшей обработки. Обязательно: форма должна отдавать ответ об успешной (или неуспешной, указать причины) отправке.


Пример хорошей формы заявки


И еще:

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

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

Рассмотрим целевую страницу курса техники речи:

  • Обратите внимание на картинку: человек не ней смотрит на заголовок и это еще один прием управления вниманием. Картинки сами по себе привлекают взгляд, но если модель смотрит не на вас, а на рекламируемый объект, вы неосознанно переведете взгляд.
  • Сразу поданы выгоды и гарантии: избавление от дефектов, указана гарантия результата через 6 занятий.
  • Наличие цены и кнопки «Отправить заявку» на главной картинке также являются важным фактором.

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

Страница контактов оформлена с учетом ближайшей станции метро и времени.

Здесь мы видим другую форму «Заказать звонок». Не упускаем пользователя, который не хочет оставлять заявку, предоставляем альтернативный вариант.



Логотипы известных брендов повышают доверие.

И наконец:

И наконец, мы «подхватываем» пользователей, которые, просмотрев страницу до конца, не хотят скроллить вверх.

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

А теперь давайте рассмотрим немного неоднозначный лендинг.

Сайт доставляет пиццу. У которой нет фото...

Кроме того, что нет фото пиццы, на сайте отсутствует название ресторана, или службы доставки.. вообще какое-либо название…


Лишь проскроллив вниз можно увидеть текст и в самом его низу телефон. Но названия по-прежнему нет нигде. Доставка? А просто доставка еды на дом.. Секретная, видимо.

Надеюсь, статья была вам полезна. Жду вопросы в комменты.

Наверное, уже ни для кого не секрет, что процент отказов (а так же и доход сайта) зависит от страницы, которая «встречает» пользователя. Это как «наука продавать». В каждом супермаркете на кассах стоят полки с жевательной резинкой и прочими мелочами, потому что у каждого второго рука потянется за ними, а в самом магазине парит приятный и вкусный аромат, который доносится из пекарни. Под воздействием этого аромата у Вас просыпается желание «кушать». Следовательно, Вы покупаете больше, чем планировали. Так же обстоят дела и с интернет-магазинами и просто сайтами.

Что такое посадочная страница?

Посадочная страница или landing page - это целевая страница, на которую будут приходить пользователи не только из поисковой выдачи, но и из Email-рассылки, контекстного объявления и так далее. То есть посадочная страница - это та страница, которую Вы продвигаете.

Как выглядит идеальная посадочная страница?

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

10 элементов посадочной страницы, которые привлекают внимание посетителя:

  1. Правильный заголовок . Заголовок страницы приземления и рекламный слоган должны дополнять друг друга.
  2. Подзаголовок . Надписи крупным шрифтом - это первое, что бросается в глаза посетителю. Они не должны приводить его в замешательство или заставлять скучать. Заголовки должны вызвать желание внимательно изучить содержимое страницы.
  3. Безукоризненная грамматика . Доверие к интернет-магазину, который просит посетителей что-то приобрести, оставить личную информацию и номер кредитной карты, и в то же время пишет безграмотно и допускает кучу ошибок, может серьезно пошатнуться.
  4. Отзывы . Покажите, что вам можно доверять.
  5. Призыв к действию . После того, как посетитель прочитал заголовок страницы, крайне важно, чтобы он знал, что делать дальше. Когда браузер Mozilla Firefox заменил призыв «Попробуйте Firefox 3» на «Скачай сейчас бесплатно!», количество скачиваний, во время тестирования выросло на 99%.
  6. Выделяйте кнопки . Выберите слова, которые будут пробуждать к действию ваших посетителей, например, бесплатно, новый, купите или скачайте прямо сейчас. Кнопка должна выделять и располагаться сразу же под призывом. Она должна быть большой, яркой и располагаться в первом экране монитора (т.е. без прокрутки колесом мыши).
  7. Меньше ссылок . Упростите блок с ссылками. Большое количество ссылок на другие страницы сайта или другие ресурсы будут отвлекать посетителей, что негативно отразится на ваших конверсиях. Размещать много ссылок имеет смысл только на главной или информационной странице. В случае со страницей приземления все наоборот - чем проще, тем лучше.
  8. Изображение + Видео . Рассказы, картинки и видео отзывы на странице приземления положительно скажутся на лояльности посетителей. Мотивируйте их внимательно изучить предлагаемый товар или услугу.
  9. Высота страницы . Не заставляйте скроллить! Самые важные части страницы должны помещать в видимую часть экрана. Размещайте кнопку призыва к действию в видимой части страницы, в том месте, где посетитель ожидает ее увидеть. Никогда не замещайте ее в том месте, которое нужно искать.
  10. Экспериментируйте ! Мало следовать за чужими советами. Нужно искать идеальный вариант для себя и своего сайта. Меняйте тексты, изображения и видео, тестируйте, посмотрите, какой вариант является самым оптимальным с точки зрения конверсии.

Что такое landing page и в чем его особенности? Как самому быстро сделать крутой лэндинг с высокой конверсией? Какие конструкторы для создания посадочной страницы сейчас популярны?

Здравствуйте, уважаемые читатели! С вами один из авторов бизнес-журнала «ХитёрБобёр.ru» Александр Бережнов.

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

Тема создания лендинга не из легких, но весьма актуальная и интересная. Зная, как это делать, вы сможете зарабатывать деньги разными способами, например, как . Разбираясь в этом направлении, вы сможете начать свой малый бизнес, просто продавая товары или услуги через landing page.

1. Что такое лендинг пейдж - обзор для новичков

По теме создания посадочных страниц написаны сотни статей. В один материал сложно «впихнуть» все советы, весь опыт. Но я все-таки постараюсь рассказать вам о самом главном, что касается landing page.

Лендинг – это одностраничный сайт или просто страница, цель которой – побудить у пользователей желание совершить какое-то действие: купить, подписаться, позвонить, оставить заявку.

Landing page дословно переводится с английского: «целевая» или «посадочная страница».

Такие одностраничники вы наверняка видели в Интернете.

Почему делают лэндинги:

  1. Они хорошо мотивируют посетителя совершить нужное действие.
  2. Они быстро конструируются. И часто стоят дешевле обычного сайта. Еще один плюс: посадочную страницу можно сделать самостоятельно.
  3. Landing page легко переделать – улучшить, изменить, добавить недостающую информацию.

Лэндинги создают для:

  1. Продажи продукта. Для этого используют призывы: «купить», «оставить заявку», «позвонить».
  2. Сбора информации. Тут посетителям предлагают: «подписаться», «узнать больше».
  3. Распространения софта - продажа программного обеспечения.

Лендинг и воронка продаж

Воронка продаж – это процесс продажи товара/услуги. На каждом этапе этого процесса отсеивается часть людей – потенциальных клиентов коммерческой компании. У нас на сайте есть отдельная статья о .

Процесс продаж через лендинг пейдж выглядит примерно так:

  • увидели ссылку на посадочную страницу 100 человек;
  • перешли по ссылке 40 пользователей;
  • заявку оставило 10 человек;
  • купили продукт 2 человек.

Из сотни – две продажи. Отдача – 2%. Это неплохой вариант. Не совершенный, но и не проигрышный.

Воронка продаж выглядит как перевернутая кухонная воронка: широкое основание и узкое горлышко.

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

CTR – отношение числа кликов к числу показов. Измеряется в процентах.

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

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

Когда анализируют лендинг, рассчитывают еще один показатель – EPC.

EPC – это усредненный показатель заработка с одной тысячи посещений лендинга.

Чем выше показатель доходности, тем выше эффективность вашей рекламной кампании.

В каких случаях необходимо создать лендинг?

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

Когда у вас есть свой сайт, на него обязательно будет кто-то ссылаться. Например, поисковик, из которого пользователь перейдёт к вашему сайту. Перейдёт и что увидит? Это важный вопрос, потому что от его решения зависит, останется пользователь на сайте или бросит его тут же.

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

Особенности такой страницы

Как такая страница должна выглядеть на сайте? Ровно так, как хочется воздействовать на посетителя. Весь смысл такой страницы в её максимальной эффективности и рациональности.

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

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

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

Простота залог успеха

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

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

Правильный подход к оформлению

Заголовок landing page должен быть простым и коротким. При этом его главная задача - заинтересовать пользователя и заставить остаться на странице. Размер и удобочитаемость шрифта также играют важную роль в привлечении внимания.

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

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

Как оптимизировать

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

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

Если на странице должны располагаться поля для заполнения, их не должно быть слишком много. Тогда пользователя не отпугнёт рутинная необходимость их заполнения. А вам не придётся долго возиться с html вёрсткой.

В курсе « » есть ещё много полезных рекомендаций по этой теме.


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

Посадочная страница… Как Вы думаете, о чем говорит посетителю ее первый экран? Томно шепчет: «Ты пришел по адресу… Нажми, нажми поскорее на эту кнопочку…» Или буквально орет: «Уходи! Уходи поскорее отсюда!!!» Самое интересное, что разница между такими вариантами может оказаться совсем небольшой. Но сумеете ли Вы ее вовремя заметить?

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

Давайте разберем основные элементы первого экрана:

  • Заголовок.
  • Продающий текст.
  • Призыв.
  • Кнопка.
  • Преимущества.
  • Общее (первое) впечатление.

Посадочная страница: заголовок.

Что мы видим? Казалось бы, все хорошо — есть факты, есть цифры. Но чего-то не хватает… Чего? Правильно. Конкретики! Что это за «на 14 дней быстрее»? Быстрее чего? А как Вам нравится «на 16% дороже»? Опять же — дороже чего?

Вот и получается, что заголовок, с первого взгляда, хороший и качественный. А со второго — пустой и непонятный… Сравните с другим вариантом:

Есть разница, правда?

Вывод: старайтесь сделать Ваш заголовок понятным и конкретным, не вызывающим лишних вопросов.

Посадочная страница: продающий текст.

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

Мы видим все те же ошибки «Большая» база — что значит большая? Что мне это дает? «Ежедневно обновляемая» база — тот же вопрос: как мне это может помочь при продаже квартиры. Кто входит в эту базу? С какой целью она ежедневно обновляется?

«Оценка стоимости по телефону за 10 минут» — это вообще как? С моих слов? Вбить в поисковике адрес и посмотреть, сколько стоят другие похожие квартиры? Так с этим я и сам справлюсь — в чем преимущество?

«Гарантия безопасности» — сделка может быть еще и опасной для меня? Это как? И в чем гарантия?

В итоге вопросов больше, чем ответов… Да еще и напугали в конце.

Но перейдем ко второму блоку.

Тут, к сожалению, не лучше. На что именно скидка? На услуги агентства? Но почему это не указано?

«Оценка бесплатно» — так про оценку было написано выше… Или та самая «оценка по телефону за 10 минут» могла быть еще и платной? Ужасно…

В общем, сплошное расстройство. Посмотрим на то, как написан продающий текст на втором сайте.

Обратите внимание, здесь текст выступает продолжением заголовка. Он не просто раскрывает посетителям сайта новые выгоды, а обосновывает те преимущества, которые были описаны в заголовке. Почему мы продаем на 20% дороже? За счет системы предпродажной подготовки. Почему мы продаем за 10 дней? За счет использования базы горячих клиентов и потому, что продавать начнем уже через 2 часа. Все просто и ничего лишнего.

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

Посадочная страница: призыв.

Опять бесплатная оценка… Опять все те же вопросы. Впрочем, главный минус не в этом. Главный минус в том, что призыв начинается со слова «Оставьте». Люди не любят оставлять. Люди любят получать. Никогда не используйте в призыве это слово!

Вот «Оформление сделки в подарок» — это хорошо, это сильно. Но, к сожалению, начало все портит…

Здесь все гораздо проще. Слово «Начните» работает гораздо лучше, срочность есть — хороший призыв, хотя и без особых изысков. Твердая «четверка».

Вывод: людям нравится получать и не нравится отдавать. Сделайте свой призыв четким и лаконичным, добавьте в него срочность. И это будет работать!

Посадочная страница: кнопка.

Здесь Вы можете увидеть не просто кнопку. Кроме нее тут еще и два поля, и текст мелкими буковками, и ссылка… Никогда, слышите? никогда! не отвлекайте людей от кнопки! Кнопка — это наше все, дайте возможность посетителям спокойно на нее нажать! Ну а про «Оставьте» я говорил чуть выше, помните?

Ну а здесь опять все просто, четко, лаконично. Даже и добавить нечего.

Вывод: кнопка — это очень важно! Кнопка приносит вам заявки! Не отвлекайте от нее посетителей, не распыляйте их внимание. Чем проще — тем лучше!

Посадочная страница: преимущества.

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

Как Вы можете видеть, у всех преимуществ одна главная ошибка — тут есть свойства, но нет выгод. А Вы же помните, что главное — это выгоды, которые получает покупатель, а не свойства, которыми мы хотим перед ним похвастаться, правда?

Отдельно остановлюсь на последнем пункте. Он вроде бы ближе всего к выгоде. Но почему здесь употреблено слово «в среднем»? Сколько уйдет лично у меня? Никого не волнуют средние показатели, зато всех волнует, какие показатели будут при продаже именно их квартиры. И куда пропали обещанные в заголовке «на 14 дней быстрее»? 25 — это уже без 14 дней или все еще с ними?

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

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

Общее (первое) впечатление.

Давайте теперь посмотрим на первые экраны целиком.

Как Вы думаете, много людей в Петербурге продает такие (или хотя бы похожие на эту) квартиры? Мне кажется, что нет…


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

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

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

P.S.: если этот материал был Вам полезен — напишите об этом в комментариях! Я планирую продолжить разбирать различные продающие страницы (а также отдельные их элементы) и буду рад, если Вы пришлете ссылки на те сайты, разбор которых вам хотелось бы увидеть.


© 2024
zane-host.ru - Программы. Компьютеры. Сетевое оборудование. Оргтехника