08 июня 2020 11:06

Как сделать лендинг, который будет “цеплять” ваших клиентов

Автор статьи: Сергей Болисов, куратор образовательных проектов в Tilda Publishing, преподаватель MaEd

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

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

 

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

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

universalnye formuly dlya lendinga
Проблема любой формулы — это их бездумное использование. При таком подходе мы рискуем вместо заявки получить отторжение продукта или услуги. Когда вы заходите в салон сотовой связи просто что-то посмотреть, а сотрудник сразу же навязывает вам покупку, то, согласитесь, появляется чувство дискомфорта и хочется сбежать оттуда. Также и с лендингом. Чтобы посетители лендинга не испытывали отторжения, вы можете использовать формулу в качестве каркаса, но не нужно слепо следовать формулам.

 

Секреты эффективного лендинга

Я обозначу два правила, про которые следует помнить всегда.

  1. Ориентируйтесь на здравый смысл и не поддавайтесь истерике. Когда посетитель попадает на лендинг, где ему всеми правдами и неправдами — всевозможными виджетами и поп-апами — пытаются что-то продать, это вызывает негатив. Мы устроены так, что нам неприятно, когда на нас давят. Возможно, это сработало бы 10 лет назад, но не сейчас.
  2. Не держите посетителей за дураков. Пример. Вы проектируете сайт по теме «пластиковые окна»: вы что-то изучили по этой теме и уверены, что знаете, что написать и кудаа поставить кнопку call-to-action, чтобы посетитель оставил заявку. Но покупка пластикового окна — это не молниеносная продажа. Посетитель заходит на сайт не для того, чтобы что-то купить, а прежде всего для того, чтобы сделать выбор и принять решение. И это должно быть только его решение.

 

Пройдите тест и узнайте, насколько хорошо вы разбирайтесь в интернет-маркетинге.

Пройти тест

 

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

 

Помните о главной задаче лендинга

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

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

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

glavnaya zadacha lendinga

Учитывайте Z-образную структуру страницы

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

pervyj ekran lendinga
А это это примерная траектория человеческого восприятия лендинга. Точки 1,2,3,4 — те места, куда человек перенесет свой взгляд и где может остановиться. Ключевые структурные элементы лендинга и кнопки call-to-action должны размещаться именно в этих ключевых точках.

chelovecheskoe vospriyatie lendinga
Конечно, это усредненная схема, которой нужно пользоваться обдуманно.

 

Используйте принцип контраста

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

vizualnaya ierarhiya lendinga
Используйте контраст, как в этом примере — красный прямоугольник с белой кнопкой.

kontrast lendinga
Или контраст черного с желтым — тоже привлекает внимание.

kontrast chernogo zheltogo

Аккуратно применяйте анимацию и не переборщите с виджетами

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

animaciya i vidzhety dlya lendinga

Типичные ошибки, снижающие эффективность страницы

 

Размытый оффер

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

primery offerov dlya lendinga
Вот на этих примерах понятно, что предлагается и кому это может быть интересно с первого экрана лендинга.

Пример 1.

pervyj ekran lendinga primer
Пример 2.

pervyj ekran lendinga primer2
А вот на этих лендингах офферы размыты и плохо понятны.

Пример 1.

razmytyj offer primer
Пример 2.

razmytyj offer primer 2

Несколько предложений на одном лендинге

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

neskolko predlozhenij na odnom lendinge

Нагромождение виджетов

Только посмотрите, какое количество виджетов на этом лендинге. Это явно перебор.

vidzhety v lendinge

Размазывание главной информации по всей странице

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

informaciya na glavnoj stranice

Сделал лендинг и забыл о нем

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

onlajn kurs professiya internet marketolog

Важные детали, о которых обычно забывают

 

Запасное целевое действие

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

zapasnoe celevoe dejstvie

Контакты для связи

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

kontakty dlya svyazi

Проверка верстки на мобильных

Сейчас 60% пользователей смотрят сайты с мобильных устройств. Важно, чтобы сайт был адаптирован, верстка не разъезжалась и не портила впечатление от продукта.

 

Сниппет для соцсетей

Чтобы ваше предложение лучше ранжировалось при расшаривании в соцсетях, важно заполнить сниппет для соцсетей. Загрузите изображение, подпись

 

SEO-подготовка

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

Статья подготовлена на базе видеоматериалов СендПульс.


На курсе «Профессия интернет-маркетолог» вы не только научитесь конструировать лендинги на тильде, но также сможете самостоятельно формулировать цели интернет-продвижения и оценивать свои KPI. Обучение на курсе подходит в том числе и интернет-маркетологам с опытом работы, которые хотят усовершенствовать свои умения и навыки и получить свежие знания от корифеев отрасли. Вы можете получить консультацию по курсу от консультантов MaEd.


Whatsapp 37229 Консультация


 

Обучение в центре «Маркетинговое образование»

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

Вы научитесь:

  • выбирать каналы продвижения и разрабатывать медиаплан;
  • анализировать конкурентов, определять ЦА и формулировать УТП;
  • создавать и оптимизировать рекламные кампании;
  • придумывать креативы;
  • анализировать эффективность, используя инструменты веб-аналитики;
  • заказывать рекламу в поисковых системах Google и Яндекс;
  • работать с SEO и понимать общие принципы работы поисковых систем;
  • определять присутствие компании в соцсетях;
  • использовать инструменты: Яндекс.Директ, Яндекс.Метрика, Google Ads, Google Analytics, NetPeak Softwear, SpyWords, Tilda;
  • и другим важным и практически применимым вещам.

 

Формат обучения — вебинары и видеоуроки.

Длительность — 4 месяца.

Уровень — с нуля.

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

Студенты, успешно прошедшие обучение, получат диплом на выбор от школы MAED или международный диплом NIMA

diplom shkoly MAED ili mezhdunarodnyj diplom NIMA

Поехали?

💛 Понравилась статья? Расскажите о ней в соцсетях

Редактор — Сергей Болисов

Хотите получить предложение от нас?
Начать сотрудничество
(Visited 1 308 times, 3 visits today)
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд Оценка: 5,00 (голосов: 1)
Loading...
Рассказать друзьям
Комментарии
Вконтакте 0 Facebook 0
comments powered by Disqus
ЗАПРОСИТЬ ПРЕДЛОЖЕНИЕ

Заполните это поле

Заполните это поле

Заполните это поле

Заполните это поле

Начать сотрудничество

Принято!

Спасибо за обращение.

До конца рабочего дня с Вами свяжутся.