Идеальный лендинг: структура, контент и изображения — Маркетинг на vc.ru

alexxlab

Содержание

Как сделать идеальный лендинг // Михаил Бакунин

07.08.2019

В Referral Rock опросили 55 ведущих американских маркетологов, чтобы раскрыть секрет идеального лендинга. Для этого всем участникам предлагали ответить на шесть закрытых вопросов и один открытый — поделиться правилами и лайфхаками. 

Должны ли быть на лендинге ссылки на другие страницы сайта?

Мнения насчет перелинковки лендинга с другими страницами сайта разделились: 45% маркетологов выступили против, а 55% — за. Те, кто против перелинковки, заявляют, что ссылки загромождают лендинг и мешают посетителю совершить целевое действие. Те, кто за перелинковку, уверены: это заставит посетителей подробнее изучить сайт, и в конечном счете они вернутся за покупкой. 

Каков средний уровень конверсий у хорошего лендинга? 

18% маркетологов признались, что в среднем коэффициент конверсии составляет 5% или менее, 38% — от 5 до 10%, 27% — от 10 до 20%, 15% — от 20 до 30%. И только одному счастливчику (2%) из числа опрошенных удалось достичь уровня конверсий выше 30%. 

Сколько полей должно быть в форме на лендинге?

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

Подавляющее большинство (85%) маркетологов используют от одного до четырех полей, причем 40% ограничиваются всего одним или двумя полями. Специалисты советуют выбрать один приоритетный тип данных, например, email. 

Нужно ли проводить А/В-тестирование?

85% маркетологов заявили, что проводят A/B-тестирование «всегда» или «часто»: любые изменения в лендинг можно вносить только на основе данных. 

Какие элементы лендинга нужно тестировать обязательно?

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

24% тестируют дизайн: необходимо проверять, легко ли посетителю найти CTA и поля формы, не выглядит ли лендинг загроможденным.

24% маркетологов тестируют дизайн лендинга / Photo by Edho Pratama on Unsplash
Какие элементы лендинга больше всего влияют на конверсии?

36% маркетологов заявили, что конвертирует в основном текст. Он должен быть кратким, но заманчивым — убеждать посетителя в выгодах вашего предложения.

33% маркетологов поставили на первое место дизайн: у посетителя не должно возникать сложностей с навигацией. 

20% считают наиболее важным элементом лендинга СТА. 

Лайфхаки для повышения уровня конверсии

Будьте проще (и лиды к вам потянутся)

Специалисты советуют сделать лендинг максимально простым и понятным.

«Дайте своим клиентам то, что они ищут» .

Лизамари Монако (Lisamarie Monaco), PinnacleQuote

Уилл Хаттон (Will Hatton) уточняет, что потенциальный клиент потратит на лендинг две секунды своего времени, а значит, вам нужно успеть ознакомить его с вашим предложением. Поэтому специалист советует быть «понятным, а не умным». 

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

Не забудьте поблагодарить посетителя за то, что оставил вам контактные данные. Жасмин Бу-Нассиф (Jasmine Bou-Nassif) из Stark / Raving Branding + Digital Marketing советует сделать для этого отдельную страницу, на которую пользователь будет попадать после заполнения формы на лендинге.

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

Жасмин Бу-Нассиф (Jasmine Bou-Nassif), Stark / Raving Branding + Digital Marketing

Используйте короткие заголовки

Олли Смит (Ollie Smith) из ExpertSure напоминает, что пользователь приходит на сайт, чтобы решить свою проблему. Заголовок должен четко и кратко сообщить ему, как вы решите эту проблему. 

Гарретт Сиверс (Garrett Seevers) из Azuga подчеркивает, что заголовок — «это первый контент, который увидят посетители вашего сайта». Заголовок должен привлекать внимание и вызывать эмоции, например, чувство принадлежности или исключительности. 

Поймите свою целевую аудиторию 

Стефани Тилтон (Stephanie Tilton) советует начинать создание лендинга с изучения рынка и аудитории.

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

Стефани Тилтон (Stephanie Tilton)

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

Джефф Арнетт (Jeff Arnett) из Arnett Credentials рекомендует разговаривать на одном языке с аудиторией.

«Апеллируйте к их эмоциям, акцентируйте внимание на проблеме, с которой они сталкиваются, и дайте понять, что ваш бизнес предлагает решение». 

Джефф Арнетт (Jeff Arnett), Arnett Credentials

Сделайте заметную кнопку 

Пулкит Джера (Pulkit Gera) из IMobsession рекомендует в оформлении кнопки использовать цвет, контрастный основному цвету страницы: это поможет сделать кнопку более заметной. Текст на кнопке должен быть читабельным. Важно помнить и про смысловую нагрузку: текст должен рассказывать пользователю о выгоде от сотрудничества с вами. Кнопку стоит разместить сразу же после прайса и рядом с таймером, если таковой имеется. 

Элемент срочности в предложении или СТА может повысить конверсии / Photo by Lukas Blazek on Unsplash

Сделайте упор на экспертизу

Кевин Бегола (Kevin Begola) из Titanium Buzz для этого советует разместить на лендинге логотипы СМИ, в материалах которых упоминались ваши продукты. 

Также хорошо сработают социальные доказательства: отзывы реальных клиентов и активность в соцсетях. 

Заслужите доверие

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

Иллиа Термено (Illia Termeno), Extrabrains

Также стоит расписать политику возврата товара. 

Разместите отзывы

По наблюдениям Джона Томаса Ланга (John Thomas Lang) из G2, лендинги с отзывами конвертируются в два-три раза лучше, чем без них. Главное — включать цитаты, подробно описывающие боль аудитории. 

Важно использовать реальные фото и имена клиентов. Адам Гулстон (Adam Goulston) из Tsujiru всегда размещает на лендингах только реальные отзывы и фото, несмотря на то, что достать их не так просто, особенно когда работаешь в В2В. 

«Я прошу у клиента его фотографии или фотографии сотрудников, чтобы разместить на сайте вместе с цитатой. Я либо цитирую клиентов дословно, либо использую информацию, которую они предоставляют. Это вызывает доверие и создает связь с компанией. А если у клиента нет фотографий, я могу провести фотосессию». 

Адам Гулстон (Adam Goulston), Tsujiru

Придерживайтесь единого стиля в коммуникациях

Шакун Бансал (Shakun Bansal) из Mercer | Mettl советует использовать, например, перекликающиеся заголовок лендинга и тему электронного письма. 

Проведите посетителей через воронку продаж шаг за шагом

Шон Кирби (Sean Kirby) советует продать клиенту… выгодное предложение. Он отмечает, что компании часто совершают одну и ту же ошибку: пытаются рассказать обо всех преимуществах своего продукта слишком рано.

«Чтобы получить лид, вам не нужно убеждать человека что-то покупать. Вам нужно убедить его сделать следующий шаг». 

Шон Кирби (Sean Kirby)

С ним солидарен Джош Дженнингс (Josh Jennings) из Geek Powered Studios: он рекомендует разбить форму на несколько этапов. 

Пользователи не любят заполнять длинные формы / Photo by Daniele D’Andreti on Unsplash

Используйте знание психологии

Рио Рокет (Rio Rocket) советует сосредоточиться на двух вещах: лид-магните и ретаргете. Лид-магнит должен быть таким, чтобы пользователь просто не смог отказаться: приложите какой-нибудь подарок, пообещайте дорогостоящий бонус и поставьте временные рамки. 

Даже если посетитель сайта не стал лидом, на этом его путь покупателя не закончился, уверен Рио Рокет. 

«3% немедленной конверсии — это хорошо. Остальные 97% могут быть возвращены с помощью ретаргетинга. Из оставшихся 97% купят продукт в течение двух лет 50%. 7,5% — в течение 90 дней. 42,5% — в срок от 91 дня до двух лет». 

Рио Рокет (Rio Rocket)

Алистер Доддс (Alistair Dodds) из Ever Increasing Circles рекомендует сыграть на FOMO (синдром упущенной выгоды): добавить элемент срочности (например, обратный отсчет). 

Учитывайте психологию цвета. Скотт Крамрин (Scott Crumrine) из Guava Family напоминает, что различные цвета вызывают определенные эмоции у потребителей и влияют на принятие решений. Так, компаниям, ориентированным на покупателей с детьми, стоит интегрировать в лендинги синий цвет как символ надежности и безопасности. 

Используйте тепловые карты

Они помогут определить наиболее просматриваемые области вашего сайта, чтобы вы могли разместить текст, СТА и кнопку на самой выигрышной позиции. 

Используйте всплывающие окна

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

Экспериментируйте

Проводите А/В-тестирование и не ограничивайтесь одним элементом: помните, что для разных групп даже внутри одной ЦА могут срабатывать разные подходы. 

Нэйтан ван Зил (Nathan van Zyl) из Uku Inbound напоминает о важности оптимизации лендинга под мобильные устройства. Из-за неоптимизированного лендинга можно потерять половину лидов, предостерегает он.

Стефания Борхия (Stefania Borchia) внедряет в лендинг и связанные страницы элементы фирменного стиля: даже если посетитель не сконвертируется прямо сейчас, он запомнит сайт и, возможно, станет клиентом чуть позже. 

Чек-лист

  • Проводите А/B-тестирование лендингов и их элементов: экспериментируйте с текстами, CTA, изображениями, дизайном. 
  • Убедитесь, что лендинг простой и понятный: посетитель понимает, что вы предлагаете, и знает, каким должен быть его следующий шаг. 
  • Используйте краткие заголовки.
  • Уберите с лендинга все элементы, у которых нет практической задачи.
  • Используйте в форме не более четырех полей. Интегрируйте, если возможно, инструменты для автозаполнения. 
  • Узнайте свою аудиторию получше: каковы ее потребности и желания и как вы можете их удовлетворить?
  • Используйте тепловые карты, чтобы понять, где разместить лид-магнит, СТА и т.д. 
  • Используйте поп-апы. 
  • Разместите отзывы реальных клиентов. 
  • Используйте психологические приемы. 
  • Апеллируйте к срочности или эксклюзивности.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Идеальный лендинг пейдж | Landing Page Studio

Landing page последние полтора года востребованы как «горячие пирожки» на базаре. Конечно, ведь мы все ищем заветную кнопку «бабло» и мечтаем вложить копейку, а получить миллион. Спрос всегда рождает предложение, и вот на рынке, как грибы после дождя, появляются веб-специалисты, обещающие вам создание промо-страницы с конверсией в 40%. 

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

И тестировать, какой рекламный канал наиболее эффективен именно для вашего бизнеса: 

  • социальные сети, и какие именно
  • медийная реклама, и где именно
  • контекстная реклама, и в какой поисковой системе
  • e-mail маркетинг и т.д.

Микс уникального торгового предложения и работы креативщиков

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

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

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

Критерии качественного лендинга

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

  • Четко сформулированный меседж. Освободите вашу страницу от всего лишнего (картинок, цвета, текста): она должна быть максимально лаконичной и располагать посетителя к одному целевому действию.
  • Оптимальное количество полей лид-формы. Не требуйте от человека заполнить больше информации о себе, чем он готов предоставить. 
  • Использование визуальных элементов. Используемые изображения, символы страницы после их просмотра должны приводить пользователя к кнопке призыва.
  • Броская кнопка призыва. Основная задача яркой и большой кнопки, выполненной на контрасте с остальным фоном и расположенной в верхней части страницы, — привлечь внимание пользователя к совершению действия. 
  • Описание преимуществ вашего товара/услуги. Обязательно выделите ключевые достоинства вашего предложения, способные удовлетворить потребности потенциального клиента.
  • Цепляющий заголовок. Вызывающий интерес и одновременно понятный заголовок должен в некоторой степени заинтриговать посетителя. 
  • Использование подзаголовков на странице. Текст, разбавленный подзаголовками, воспринимается глазами гораздо легче.
  • Совпадение заголовка страницы и текста рекламы. Если пользователь перешел на вашу страницу после просмотра контекстного объявления, ему нужно дать понять, что он не ошибся адресом.
  • Современный дизайн. Дизайн целевой страницы должен быть выразительным и запоминающимся. 
  • Соответствие дизайна лендинг пейдж стилю основного сайта. Разница в стилистике посадочной страницы и самого бренда может вызвать отталкивающую реакцию у посетителя.
  • Размещение отзывов клиентов. Следует размещать реальные положительные отзывы об опыте использования продукции (услуг), а не выдуманные.
  • Ответы на часто возникающие вопросы (FAQ). Нужны для того, чтобы развеять возможные сомнения клиента относительно конечных выгод для него товара/услуги. 
  • Предоставление информации об узнаваемых партнерах/клиентах. Поднимает престиж компании и формирует надежный имидж.
  • Логотип компании. Должен присутствовать, если страница готовится для узнаваемого бренда.
  • Наличие футера. В подвале страницы не лишним будет продублировать ее шапку с указанием реквизитов компании (кода ЕГРПОУ, почтового адреса, номеров телефонов).
  • Адаптивность под различные устройства. Чтобы страница удобно отображалась на любом экране (смартфона, планшета, ноутбука), необходимо выполнить ее при помощи адаптивного дизайна.
  • Ориентация лендинга на потребителя. Не перегружайте пользователя избытком информации о вашей компании, так как это может сделать страницу менее привлекательной для него.

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

Идеальный лендинг для SaaS-брендов: результаты исследования

Что мешает вам привлекать больше пользователей в онлайн-сервис

Конструктор посадочных страниц Unbounce провел исследование лендингов 200 SaaS-брендов. SaaS, или software as a service — это программное обеспечение, все мощности которого находятся на сервере его поставщика. Для пользователей это «облачный» сервис, с которым они работают через браузер.

Мы используем SaaS каждый день, даже не задумываясь об этом. Яндекс.Диск, Google Docs, Dropbox, сайты проверки текстов, Zoom и т.п. — эти и многие другие популярные сервисы попадают в эту категорию. В том числе, система автоматизации рекламы Click.ru, которая выполняет сложные задачи по настройке кампаний без участия рекламодателя и его компьютера.

Главная сложность при продвижении SaaS — низкая конверсионность. Посетители лендингов онлайн-сервисов на 10,46 % реже становятся клиентами, чем в других тематиках. Вот почему при разработке страницы для привлечения лидов важно учесть каждую мелочь, которая повысит заветный коэффициент.

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

Основные наблюдения

Тип лендинга

Распределение по типам лендингов выглядит логичным:

  • демонстрация продукта – 42 %

  • подписка – 24 %

  • лид-магнит – 21 %

  • другое – 14 %

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

В ряде случаев работает лендинг с подпиской на один из тарифных планов, платный или бесплатный.

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


Отзыв о сервисе Gigmit: «Это мошенничество. Они заманивают вас в платную годовую подписку. Опасайтесь, как коронавируса!»

21 % SaaS-брендов предпочитает проверенные лид-магниты.

Они подходят для сложных (обычно дорогих) профессиональных сервисов, принцип работы которых перед подпиской нужно описывать подробно.

Заголовок

Длина заголовка h2 варьируется следующим образом:

  • самый длинный – 132 символа (19 слов)

  • средний – 44 символа (5-8 слов)

  • самый короткий – 8 символов (1 слово)

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

Действительно, слова «вы», «ваш» и т. п. встречаются всего в 27 % тегов <h2>. Постарайтесь выстроить логику страницы, исходя из «боли» целевого пользователя. Если не уверены, что знаете ее, прочитайте статью в нашем блоге «Маркетинг для контекстолога: как выявить “боли” клиентов».

Для сравнения – более клиентоориентированный лендинг:

Hero-контент

Блок Hero, доступный во многих конструкторах страниц, предназначен для выделения главного контента сайта. Он располагается в самой верхней части каждой страницы, чтобы посетители видели его первым. Иными словами, близкий аналог закрепленного поста в соцсетях.

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

В SaaS-лендингах Hero-контентом выступает:

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

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

Отзывы

Социальные доказательства, основу репутации бренда, используют далеко не все SaaS-решения:

Стоит приложить все усилия, чтобы получить возможность разместить эти элементы на своем лендинге.

Ничто не убеждает пользователей лучше, чем выбор других пользователей. Узнайте, как получать лучший фидбек о продукте из нашей статьи в блоге «Как получать больше [хороших] отзывов о бизнесе».

Отвлекающие элементы

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

Лучшие практики в этой области соблюдает большинство сервисов:

Призыв к действию

«Облако тегов» из популярных в SaaS призывов к действию выглядит следующим образом:

Ничего нового: в топе слова вроде «демо», «бесплатный», «пробный период», «попробовать», «доступ» и т. п.

Контактная форма

72 % лендингов SaaS содержат какую-либо форму для сбора данных о лидах. Среднее число полей – 4,69. Самые популярные поля:

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

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

Выводы

Из наблюдений исследования можно сделать несколько важных выводов:

  • главный акцент – на проблеме клиента

  • предлагайте демо без подписки

  • чем меньше элементов, тем лучше

  • отзывы и лого крупных клиентов важны

  • тестируйте контактные формы и другие виджеты

Учитывайте это при планировании лендинга для  SaaS-проекта. А когда придет время рекламировать его в поиске и социальных сетях, запускайте кампании через бесплатный сервис Click.ru. Он поможет сэкономить время и деньги для свежих обновлений вашей программы.

Чек-лист “Как создать идеальный лендинг”

Одностраничный сайт — эффективный инструмент продаж в интернете. Мы в Artjoker собрали для вас пошаговую инструкцию по созданию эффективного лендинга. 

Для удобства мы разбили процесс создания лендинга на 4 этапа:

  1. Описание проекта
  2. Определение структуры проекта
  3. Упаковка проекта
  4. Метаданные и дополнительные замечания

Ниже рассмотрим каждый из этапов.

Описание проекта

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

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

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

Структура проекта

Определившись с целью проекта, можно приступать к обдумыванию структуры будущего лендинга. 

  1. Первый экран. По сути лендинг пейдж — это не длинный впечатляющий рассказ, после прочтения которого пользователю обязательно захочется почувствовать себя его героем. Поэтому начинать стоит с интригующего предисловия — вашего УТП или оффера. Туда же добавьте броский призыв к действию. И, конечно, подберите яркий продающий фон. 
  2. Расскажите о своем продукте больше. Постарайтесь кратко и в то же время ярко описать ваш продукт или услугу. Пользователь должен понять, что он знает все о вашем предложении.
  3. Добавьте больше выгод. Почему юзер должен купить именно у вас? Тут не стоит уходить в длинные повествования о вашей компании, просто опишите основные моменты, которые отличают вас от конкурентов.
  4. Покажите, почему вам должны доверять. Добавьте отзывы, истории успеха, яркие проекты из портфолио.
  5. Подтолкните к целевому действию. Добавьте форму для заполнения контактных данных и ваш продающий призыв. 

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

Упаковка

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

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

Мы покажем создание лендинга на примере услуги по пригону авто из США. Дизайн мы создали на конструкторе сайтов Tilda. Вы можете ознакомиться, почему мы так любим тильду в нашей статье о ее преимуществах.

Начинаем создавать лендинг с первого экрана.

1й информационный блок

Заголовок

«Авто из США под ключ с гарантией доставки до Одессы за 2 месяца. Экономьте до 50% в сравнении с покупкой в Украине.»

Подзаголовок

«Выбранный вами автомобиль проходит 12 этапов проверки нашими экспертами в США перед погрузкой на паром»

Кнопка

«Рассчитать стоимость пригона»

Под кнопкой мелкими буквами 

«312 человек уже пригнали свою машину мечты»

Таймер, который обязательно находится в рамках первого экрана

  • Текст над таймером: «Вы можете заказать авто в течение: дни, часы, минуты, секунды»
  • Под самим таймером : «К концу года планируется отмена закона, который позволяет выгодно доставлять авто из США в Украину. Успейте заказать авто, срок доставки — 2-3 месяца.»

Картинка

В качестве основного изображения на первом экране будет авто. Это сравнение между покупкой в США и Украине. Берем картинку Ford Fusion 2016-2017

Текст

«Вложения на покупку авто под ключ в Master Motors 13430$. Стоимость покупки в Украине от 18240$»

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

2й информационный блок

Описание блока: каталог машин в формате карусели

Заголовок

«Автомобили, которые находятся в пути»

Добавляем плитку из фотографий машин.

Под каждым авто прозрачная кнопка (акцентирующая кнопка будет ниже)

«Уточнить наличие»

Под каталогом на всю ширину призыв к действию подписаться в телеграмме

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

Кнопка

«Подписаться бесплатно»

Под кнопкой мелкими буквами

«Больше 1000 человек уже подписаны»

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

3й информационный блок

Описание блока: продажа ниши в целом

Заголовок

«Почему авто из США это выгодно?»

Здесь нужно раскидать выгоды покупки

  • дешевле на 30-50%
  • зачем переплачивать?
  • качество авто
  • маленький пробег
  • новые модели от 2010 года

Призыв к действию

«Подберите свое авто и получите бесплатный расчет пригона из США под ключ»

Кнопка

«Бесплатный расчет»

Здесь же можно сделать 3-4 коротких отзыва в формате карусели где-то сбоку, так как думаю что будет много свободного места (полноценные отзывы будут в конце) 

  • фотографии владельцев авто
  • отзыв состоит из 3-4 предложений
  • ссылка на соц. сеть

Не забудьте придумать тексты для pop-up и 404. 

Pop-up поможет вам подтолкнуть пользователя к одному из желанных целевых действий.

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

Мета-данные и дополнительные замечания

Финалом пропишите метаданные, а также, если это необходимо, поработайте над дополнительными замечаниями относительно проекта. 

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

Мы с командой Artjoker можем помочь вам с созданием продающей лендинг пейдж. Просто заполните бриф по ссылке.

 

 

 

 

Идеальный лендинг пример | ЗЕКСЛЕР

Структура: посетители ценят простоту

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

Создание профессионального прототипа — первый шаг в правильном направлении.

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

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

Контент: интернетом правит информация

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

Для хорошего лендинга вопрос наполнения несет определяющее значение — одностраничная структура требует концентрированной лаконичности.

  • Контент сжат и информативен.
  • Содержательная часть учитывает тематические интересы целевой группы клиентов — чем полнее будут изложены ответы на возникающие у посетителей вопросы, тем успешнее будет работа лендинга.
  • Текст оптимизирован и составлен с учетом ключевых поисковых фраз. Отличительная черта правильного текста — seo-взаимодействие с поисковыми роботами, влияющее на продвижение ресурса и его ранжирование в ТОПе поисковой выдачи.
  • Продающие заголовки акцентируют положительные стороны коммерческого предложения и стимулирующие поддержание интереса к прочтению информации.

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

​ ​

Оптимизация и продвижение: нет пределов совершенству

Как ни крути, а создание эффективного landing page немыслимо без поискового продвижения. В противном случае пользователи интернета его просто не увидят.

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

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

 ​

Структура Лендинга с высокой конверсией — прототипируем идеальный Landing Page + Инфографика

Содержание статьи:

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

В этой статье-руководстве мы поделимся своим опытом касаемо структуры и прототипирования идеального продающего лендинга с высокой конверсией.

Так же в конце статьи Вы найдете инфографику, которую Вы можете распечатать себе и использовать при разработке своего Landing Page!

Видео-версия статьи-руководства

Для чего может создаваться идеальный Landing Page?

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

Есть различные вариации посадочных страниц:

  • короткие (подписные),
  • длинные.

В определении структуры страницы мы чаще всего руководствуемся правилом: чем дороже или сложнее услуга/продукт, тем длиннее лендинг. Процесс принятия решения в отношении дорогих и недорогих продуктов/услуг отличается, поэтому чаще всего покупателям требуется гораздо больше информации и доказательств своего правильного выбора, когда на кону стоит “кругленькая” сумма.

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

Многие спрашивают, как правильно делать Landing Page? Хочу ответить сразу: правильного  лендинга или идеала не существует, также как и не существует универсального прототипа или схемы. Но есть определенные правила, определенные элементы и принципы их создания, которые нужно понимать и знать перед тем, как делать или заказывать Landing Page. Об этом мы и поговорим в этой статье.

Этапы, необходимые для создания схемы продающего лендинга

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

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

Как искать на форумах?

Заходите в Яндекс и вбиваете запросы “кухни на заказ форум”, “кухни на заказ как” (и далее — по поисковым подсказкам), “кухни на заказ что”, “кухни на заказ какие” и т.д.

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

Третий этап — определение целевого действия. Что мы хотим получить от наших целевых посетителей, что мы хотим, чтобы они сделали на посадочной странице?

Четвертый этап, наконец, проектирование, дизайн и верстка.

Основные правила продающего лендинга

  • Простота. Вылетающие, появляющиеся, исчезающие блоки, супермодный и крутой дизайн — это, конечно, все хорошо, если это не мешает посетителю понять, что Вы хотите ему сказать. У вас есть 5 секунд, чтобы захватить внимание посетителя и дать ему понять, что он находится в правильном месте и получит, то что он ищет. Не тратьте эти 5 секунд попусту. Так же нагромождение подобных скриптов “тормозит” скорость взаимодействия со страницей и она начинает “тормозить” или “дергаться” в браузере Вашего клиента.
  • Логичность. При принятии решения потенциальный покупатель движется по определенной схеме AIDA. Сначала у него появляется A(attention) — I (interest) — D(desire)-A(action). То есть сначала надо захватить его внимание, потом пробудить интерес и желание, а потом уже он будет готов принять действие. Руководствуйтесь этим принципом при создании блоков в прототипе посадочной страницы.
  • Отвечать на “боли” целевой аудитории. Мы собрали все боли, возражения, вопросы на этапе изучения целевой аудитории. Теперь, когда будете делать прототип лендинга, учитывайте это в структуре, создавая отдельные блоки, отвечающие на все обнаруженные возражения.
  • Один лендинг — один оффер. Не надо перебарщивать и “накачивать” лендинг  всем, чем можно. В конечном счете — это лишь собьет с пути целевого действия Вашего посетителя. Одна услуга (товар) — один лендинг.
  • Соответствие рекламному сообщению. На ваш лендинг будет приходить трафик. Чаще всего это контекстная реклама или таргетированная реклама с соц.сетей. Если в рекламном сообщении написано одно, а на лендинге другое — то посетителя этовведет в заблуждение. Это серьезный нюанс, который может испортить всю цепочку и лишит Вас лидов. Проверьте соответствие основных заголовков, сообщений, офферов на лендинге и в рекламных сообщениях.
  • Аналитика. Установите Яндекс.Метрику и правильно установите цели. Как это можно сделать написано в этой статье. Вам понадобится это, чтобы  анализировать и вносить изменения в Вашу посадочную страницу.

Структура посадочной страницы (блок с примерами)

В структуре любого одностраничного сайта есть основополагающие элементы. Это:

1. Заголовок

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

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

Один из них — методика 4U: заголовок должен раскрывать пользу, ультраспецифичность, срочность и уникальность Вашего предложения.

2. Подзаголовок

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

3. Изображения/видео материалы

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

Поэтому именно с помощью этих материалов, Вы можете дать им ощущение, что все очень даже реально и осязаемо.

4. Лид форма

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

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

5. Призыв к действию (Call to Action)

Кнопки с призывом к действию должны быть максимально контрастными (то есть выделяться на фоне остальных элементов). Также внимательно отнеситесь к тексту кнопки. Банальное “Отправить” работает все хуже и хуже…

Вместо этого лучше использовать призыв, в котором четко будет написано, что посетитель получит после нажатия на кнопку, например, “Получить расчет ремонта” или “Получить электронную книгу”.

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

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

6. Элементы доверия (партнеры/клиенты, сертификаты, фото команды, офиса)

Посетитель должен быть уверен, что он сделает правильный выбор, обратившись к вам. И в этом Вам помогут такие материалы как — сертификаты, список (лого) партнеров, Ваши публикации в СМИ, количество подписчиков на youtube, фото команды,офиса.

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

7. Отзывы, кейсы

Отзывы и кейсы — это отличный способ убедить. Лучше если будут с фото, именами или в видео-формате. Не пишите отзывы сами — это видно и вредно.

8. Выгоды

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

9. Описание оффера — Объяснения продукта/услуги

Этот пункт может состоять из нескольких блоков. По сути Вам нужно по максимуму разжевать весь свой продукт для самых-самых жирафов и ответить на все-все возражения самого зануды.

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

  • “Мне кажется, это дорого/слишком дешево.” — объясните, за что клиент платит и почему это дороже/дешевле, чем у остальных.
  • “А что если я буду неудовлетворен качеством продукта?” — расскажите об условиях возврата и обмена продукции.
  • “А вдруг это будет очень долго?” — расскажите об условиях  и сроках доставки.

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

10. Интерактивный калькулятор/подборщик/тест

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

Прототипирование лендинга

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

Для составления ТЗ на разработку Лендинг Пейдж чаще всего мы используем обычный GoogleDocs.

Схема Лендинг Пейдж (Инфографика)

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

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

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

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

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

Содержание:

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

Найдите компании со схожими задачами

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

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

То есть, вместо прямолинейного подхода:

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

Попробуйте что-то вроде:

«Позволяет чувствовать себя комфортно в новых местах».

После таких радикальных изменений в мышлении вы перестанете прочесывать сайты магазинов «Товары для животных», а переместите свой взор на онлайн-площадку AirBnb по поиску и аренде жилья по всему миру.

Пример №2. Допустим, ваша компания пытается решить проблему отсутствия общего средства коммуникации между разработчиками, дизайнерами и бизнесом. Если рассматривать данную сферу, то лидирующими проектами с похожими стремлениями и целями будут:  Airtable, Intercom и Slack.

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

Новые тренды в дизайне landing page

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

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

Или, например, решение от Airtable: можно ли найти что-то более привлекательное, чем интерактивная база данных? — да, это дети, пользующиеся интерактивной БД.

Теперь взглянем на будущее:

Airtable  — февраль 2018

Intercom  — запус 5-го февраля 2018

 Slack  — август 2017

Обучение на примере удачных сайтов

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

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

1. Блок хедер

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

Основные наблюдения по хедеру:

  • Он весьма привлекательный и объемный.
  • Остается в самой верхней части экрана (кроме Intercom — там фиксированное меню при прокрутке).
  • 5–6 ссылок.
  • Есть элемент для призыва к действию (CTA). Лучший вариант у Intercom — кнопка CTA объединена с запросом на введение адреса электронной почты.

2. Заголовок и подзаголовок

Что сразу бросается в глаза:

  • Короткий заголовок: 3–5 слов.
  • Текст должен быть понятным, темного цвета и выделяться жирным шрифтом.
  • Подзаголовок содержит следующую информацию: кто мы, что мы умеем делать, в чем наши преимущества.

3. Главная иллюстрация

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

Airtable 

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

Intercom 

  • Стиль на любителя, но он хорошо демонстрирует ссылки на сообщения и открытые письма.

Slack 

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

4. Оптимизация CTA через запрос на регистрацию

Это хороший подход. Он показывает как просто создать аккаунт и ускоряет процесс взаимодействия с пользователем. Особенно интересная реализация у Intercom — в пространстве под вводом Email указаны дополнительные полезные опции. Если у вас имеется больше полей, обязательно почитайте советы как улучшить онлайн форму регистрации.

Некоторые особенности дизайна в нижней части страницы

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

Основные детали:

  • Вся информация представлена достаточно кратко.
  • Логотипы клиентов оформлены в спокойных серых тонах.
  • Повторение похожих полей призыва к действию (т.е. запроса на регистрацию).
  • Достаточно объемные футеры.

Суммируем все полученные полезные подсказки

В итоге получился следующий дизайн (разрабатывался для Reqfire.com):

Вот что удалось почерпнуть в качестве вдохновения при создании дизайна landing page из рассмотренных выше проектов:

  • Хедер можно делать похожий, но с более свободным пространством.
  • Для заголовка выбираем эффектный и солидный шрифт, например, Libre Baskerville.
  • Главное изображение: ознакомившись вариантом из Slack, было бы неплохо постараться создать иллюстрацию, демонстрирующую функции вашего приложения/сервиса, но без использования скриншота.
  • Бонус: вы также можете добавлять видео или простую анимацию.

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

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

21 отличный пример целевой страницы (+ как сделать свою собственную!)

Это сообщение в блоге было обновлено на 2020 год.

Что такое целевые страницы? Целевая страница — это страница, на которую посетитель попадает на ваш веб-сайт после нажатия на объявление (например, текстовое объявление Google или медийное объявление). Неопытные маркетологи часто направляют весь свой PPC-трафик на свою домашнюю страницу, но это может быть большой ошибкой. Конкретные целевые страницы, адаптированные к различным предложениям, необходимы для обеспечения качественного обслуживания посетителей и увеличения конверсии с помощью целевого сообщения, которое соответствует потребностям каждого пользователя.

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

Перед созданием целевой страницы

Прежде чем создавать свою целевую страницу, сначала спросите себя…

1. Какова цель? Что в идеальном мире сделали бы посетители, достигнув вашей целевой страницы? Купили бы они что-нибудь? Заполнить форму? Подпишитесь на рассылку новостей? Скачать электронную книгу? Откинуть в сторону их клавиатуру, зажать губную гармошку и сыграть сладкий блюзовый рифт? Первый шаг любой стратегии — определение целей.(Вы должны определить конверсии, прежде чем сможете отслеживать конверсии.)

2. С кем я соревнуюсь? На самом деле это три вопроса: с кем я соревнуюсь, как они преуспевают и как я могу скопировать их успех? Подражание — это самая искренняя форма лести, поэтому, если ваши конкуренты делают что-то, что работает, вы должны идти вперед и следовать тому же принципу. Они будут вам благодарны (хотя это не обещание…)!

Вы можете попробовать Кирби. Ты можешь попробовать.

3. Кто моя аудитория? А каковы их надежды, мечты и стремления? Как бы глупо это ни звучало, в некоторой степени это правда — чем лучше вы понимаете свою аудиторию, тем лучше вы можете удовлетворить их желания и потребности. Если вы не знаете, кто ваши идеальные клиенты, будет очень сложно написать убедительную копию в голосе клиента. Так что войдите в голову своей аудитории, в стиле Ганнибала Лектера.

4. Как они попали на мою целевую страницу? Подумайте о том, чтобы изменить свое сообщение в зависимости от того, откуда приходят ваши пользователи — для пользователей, пришедших на вашу целевую страницу из Google, может подойти другое сообщение, а не из Google.из Twitter или Facebook. Компании с большим количеством целевых страниц (30+) привлекают в 7 раз больше потенциальных клиентов, чем компании с небольшим количеством, поэтому их ценность нельзя отрицать. В идеале вам нужна индивидуальная целевая страница для каждой группы объявлений, но это довольно сложная задача, так что начните с того, где можете. Попробуйте начать с одной настраиваемой целевой страницы для каждой кампании и добавлять оттуда для отдельных групп объявлений, когда позволяют ресурсы.

Как создавать отличные целевые страницы, конвертирующие

Теперь, когда мы рассмотрели основные вопросы перед целевыми страницами, давайте обсудим, как сделать потрясающих убедительных целевых страниц.Вы также можете посмотреть выпуск подкаста по этой теме! Подкаст Head to Goal Talk, эпизод 13: Анатомия целевой страницы, приносящей прибыль.

Отличные целевые страницы…

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

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

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

Другой, более вкусный вид воронки. (Изображение из Holder Concessions )

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

Имеют безупречный дизайн. Здесь играет роль информационная архитектура, так как важно, чтобы целевая страница имела четкий и четкий дизайн, который дает ответы на все вопросы, не вдохновляя на новые. Навигация должна быть очевидной и простой, должна быть предоставлена ​​вся необходимая информация, и между посетителем и конверсией не должно быть ничего (иначе говоря, никаких всплывающих окон!). По возможности посетители должны иметь возможность конвертировать в один клик.Пусть каждый дополнительный щелчок будет давить на вашу совесть, как бьющееся сердце под половицей.

Очень крутая иллюстрация Tell-Tale Heart от Daniel Horowitz .

Имейте четкий призыв к действию. Призыв к действию может присутствовать в тексте заголовка, а также в тексте кнопки (например, «отправить» или «загрузить бесплатное маркетинговое руководство»). Не должно быть никаких сомнений в том, какие дальнейшие шаги необходимы — расскажите своим посетителям, что именно вы хотите, чтобы они делали, большим жирным шрифтом.Для Kajabi изменение текста кнопки с «Посмотреть планы и цены» на «Начать работу сегодня» увеличило конверсию на 252%!

Создавайте привлекательные заголовки. Большинство хороших целевых страниц используют основной заголовок для подтверждения предложения и используют подзаголовок для дополнительных объяснений или ценностного предложения (например, почему ваше предложение потрясающее). Примером может быть: «Бесплатная электронная книга по маркетингу в Facebook (заголовок). Узнайте, как получить больше подписчиков, лайков и вовлеченности в Facebook от наших гуру маркетинга (подзаголовок).В приведенных ниже примерах вы увидите множество отличных заголовков целевых страниц, и вы увидите, что некоторые их инвертируют, так что ценностное предложение становится заголовком.

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

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

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

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

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

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

Выглядят великолепно и ведут себя стильно. Внешний вид — это еще не все, но он имеет значение в дизайне целевой страницы. Почему привлекательный мужчина может поладить с женщиной, используя ту же фразу, которая может назвать менее эстетичного парня «ползучим»? На самом деле, несмотря на то, чему мы учим детей, внешний вид меняет восприятие. Ваша целевая страница не должна выглядеть жутко, она должна выглядеть супер классно.Если посетитель — цыпочка в баре, вы хотите поразить ее и отвезти домой…. для увлекательной игры в Эрудит!

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

Спрашивайте только ту информацию, которая им нужна. Этот совет также появляется в нашем посте по созданию убийственных целевых страниц «в ближайшее время». Чем больше полей вы просите посетителей заполнить в вашей форме, тем меньше у вас шансов, что они завершат ваше предложение. Если для вашего преобразования требуется форма, получите минимум того, что вам нужно — вы всегда можете запросить дополнительную информацию на странице с благодарностью, как только дело будет сделано. Хотя у большинства пользователей нет проблем с указанием своего имени и адреса электронной почты, запрос информации о номерах телефонов и дате рождения может привести к резкому увеличению числа отказов до 50%.Практическое правило — не включать более семи полей в форму для генерации лидов на целевой странице.

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

Похоже ли это на картину, написанную кем-то, кто любит жизнь?

В книгах по дизайну интерьера часто предлагаются разные цвета для разных комнат и настроений — бодрящий красный для столовой, вдохновляющий на динамичную беседу, желтый для веселой, непринужденной кухни.Та же самая теория цвета должна быть реализована в дизайне вашего сайта. Многие маркетологи утверждают, что определенные цвета кнопок, такие как зеленый или красный, увеличивают конверсию целевой страницы, но в конечном итоге вы хотите сосредоточиться на контрасте цвета кнопки по отношению к цвету вашего фона. У Пола Олислагера есть хорошее руководство по кнопкам CTA, которое стоит проверить. Попробуйте разные цвета, места размещения и размеры, чтобы увидеть, что работает!

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

Показать восторженные отзывы. Молва была и всегда будет движущей силой успеха.Виртуальная молва приходит в виде лайков, отметок +1 и отзывов клиентов в Интернете (желательно из надежных источников, таких как крупные бренды). Если в прошлом ваша компания получала блестящие комплименты, не забудьте их продемонстрировать.

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

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

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

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

Фото Джейсон Голдинг

Пройдено много раундов A / B-тестирования. Тестирование и исправление — это то, как мы учимся и становимся лучше.A / B-тестирование вашей целевой страницы (настройка отдельных элементов и проверка их эффективности по сравнению с предыдущей настройкой), вероятно, является самым мощным инструментом для создания отличных целевых страниц. Не уверен, где начать? «Сигнал против шума» — хороший пример хорошего A / B-тестирования, который легко читать. Всегда есть вещи, которые можно улучшить, так что никогда не прекращайте тестирование!

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

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

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

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

Short Stack помогает компаниям организовывать и управлять рекламными акциями Facebook и другим персонализированным контентом Facebook. Посмотрим, что здесь хорошо выглядит.

  • Яркие цвета, хорошо сочетающиеся друг с другом
  • Эта страница чистая и не загромождена минимальным количеством текста, но все же объясняет ценностное предложение
  • Содержит интерактивное видео с более подробным описанием Short Stack

Прочтите этот пост, чтобы получить более подробные советы по целевым страницам Facebook.

Gift Rocket — еще один сайт с хорошей целевой страницей. Что делает Gift Rocket правильно?

  • Сильный графический элемент привлекает внимание
    • Заголовок
  • в нескольких словах объясняет, что такое Gift Rocket.
  • Небольшие маркированные информационные блоки под заголовком можно легко сканировать
  • Кнопка CTA ясна и удобна для нажатия
  • Наличие кнопок соцсетей
  • Дополнительную информацию можно найти, прокрутив страницу под сгибом
  • Трастовые сигналы и отзывы существуют ниже сгиба

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

  • Четкий заголовок, объясняющий коммерческое и ценностное предложение
  • Минималистичная форма, запрашивающая только адрес электронной почты
  • Яркая красочная кнопка
  • Множество сигналов доверия

Social Sprout (представленный в нашем руководстве по инструментам управления социальными сетями) — еще один пример мощной целевой страницы. В нем есть несколько элементов, которые действительно работают в его пользу, например:

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

С программным обеспечением, аналогичным Social Sprout, HootSuite — еще один веб-сайт с хорошей целевой страницей, хотя и использует другой подход.Это хорошо работает, потому что это:

  • Обеспечивает возможность входа в HootSuite из других доверенных сетей, что означает, что посетителям не нужно заполнять столько полей формы, поскольку большая часть информации предоставляется при входе в систему
  • Подчеркивает, что программное обеспечение можно использовать бесплатно для начала работы с
  • Имеет очень очевидные и заметные свидетельства доверия и отзывы
Подход

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

  • Легко начать — просто нажмите одну из двух кнопок
  • Pinterest подчеркивает, насколько легко зарегистрироваться, говоря, что это занимает всего 45 секунд
  • Использует базу пользователей как фактор доверия. Любой сайт с более чем 25 миллиардами элементов пользовательского контента должен что-то делать правильно

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

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

Lyft — альтернатива Uber для совместного использования пассажиров.

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

Constant Contact — это программное решение, которое помогает малым предприятиям проводить маркетинговые кампании по электронной почте.

  • Облегчает преобразование super — все, что требуется, — это адрес электронной почты
  • Кнопка CTA гарантирует посетителю сайта, что конверсия не будет стоить ему денег
  • Хотя копии немного, она отправляет очень заманчивое сообщение.

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

  • Кратко обращается к общей болевой точке в заголовке
  • Короткое анимационное видео дает посетителям сайта увлекательный способ узнать больше
  • Цитата из общенациональной газеты является убедительным социальным доказательством
    • Форма
  • не слишком длинная, поэтому преобразовать

Wix помогает как частным лицам, так и компаниям создавать простые и красивые веб-сайты.

  • Минимальная копия позволяет невероятно легко понять, что предлагает Wix
  • Посетителям сайта не нужно предоставлять какую-либо информацию, чтобы начать работу
  • Кнопка CTA находится по центру и отчетливо окрашена
  • Пример встроенной целевой страницы позволяет посетителям сайта представить, что они могут создать

Blue Apron — это служба подписки на питание, которая доставляет ингредиенты прямо к дверям потребителей.

  • Заголовок посвящен распространенной проблеме недостатка времени, необходимого для приготовления хорошей еды
  • Кнопка CTA предлагает конкретную скидку, а копия прямо под ней создает дефицит
  • Таблички справа и слева от кнопки CTA привлекают посетителей возможностями
  • Нижняя половина страницы демонстрирует простоту процесса

Flock — это приложение, которое упрощает общение между сотрудниками, работающими в одной компании.

  • Заголовок подчеркивает необходимость централизованного и эффективного взаимодействия на рабочем месте \
    • Подзаголовок
  • подчеркивает разнообразные функции, доступные в приложении
  • С одним информационным полем преобразование не может быть проще

Squarespace, как и Wix, помогает частным лицам и компаниям создавать веб-сайты.

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

Shopify продает программное решение, которое помогает частным лицам и компаниям создавать интернет-магазины для своих веб-сайтов.

  • Заголовок и подзаголовок лаконично и точно соответствуют намерениям посетителя сайта
  • Визуальный креатив показывает 1) что покупатели Shopify могут создавать и 2) что магазины Shopify работают на всех устройствах
  • Относительно долгий период бесплатного пробного периода заманчиво
  • Для запуска процесса требуется только адрес электронной почты

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

  • Заголовок выделяет специальное предложение
  • F-образный узор направляет взгляд посетителя на кнопку с призывом к действию
    • Подзаголовок
  • подчеркивает болевую точку, которую решает Trendy Butler
  • Информация для начала работы не требуется

Harry’s — это служба подписки на туалетные принадлежности, которая доставляет потребителям на дом все необходимое для бритья.

  • Заголовок подчеркивает чувство собственного достоинства посетителя сайта
  • Subhead гарантирует удобство по запросу, необходимое потребителям.
  • Минимальная копия позволяет использовать изображения продуктов для обмена сообщениями
  • Невероятно легко преобразовать

Exact Data представляет собой программное решение, которое централизованно хранит маркетинговые данные предприятий.

  • Обратный отсчет до окончания действия специального предложения создает ощущение срочности
  • Наиболее заметная часть заголовка отражает то, что ищет посетитель сайта
  • Резкий контраст между цветом фона и цветом кнопки CTA
  • Форма не требует много информации

Smart Sheet помогает частным лицам и предприятиям добиться максимальной эффективности с помощью программного решения для планирования.

  • Заголовок сразу обращается к цели посетителя сайта
  • Для запуска бесплатной пробной версии требуется только адрес электронной почты
  • Статистика клиентов и логотипы служат убедительным социальным доказательством

Bloomsy Box — это служба подписки для дома и сада, которая доставляет собранные вручную цветы к дверям потребителей.

  • Великолепная фоновая фотография вызывает у посетителя покупательское настроение
  • Подзаголовок посвящен спросу на устойчивые решения
  • Обеспечивает экономящую время вторую кнопку CTA для тех, кто пытается купить подарок

19 лучших примеров дизайна посадочных страниц, которые вам нужно увидеть в 2021 году

Как вы убедите посетителей сделать решительный шаг на вашем веб-сайте?

Существует так много элементов, которые нужны первоклассной целевой странице, и то, как сделать эти элементы «лучшими», часто зависит от того, каковы цели вашей целевой страницы.

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

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

Щелкните одну из ссылок ниже, чтобы перейти к соответствующему разделу статьи:

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

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

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

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

  1. Shopify
  2. Дуло
  3. TransferWise
  4. Airbnb
  5. Teambit
  6. Wistia
  7. Webflow
  8. Науто
  9. Маркетинг промышленной прочности
  10. Входящие эмоции
  11. Живой чат Velaro
  12. IMPACT Брендинг и дизайн
  13. Unbounce
  14. Векселей.com
  15. Трулия
  16. Лэндбот
  17. Webprofits
  18. H.BLOOM
  19. Лаборатория конверсии

Целевые страницы для подписки

1. Shopify

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

2. Морда

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

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

3. TransferWise

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

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

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

4. Airbnb

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

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

5. Teambit

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

Целевая страница

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

[Щелкните здесь, чтобы увидеть всю целевую страницу.]

6. Wistia

Сначала будет целевая страница Wistia для их бесплатной учетной записи Wistia. Вы сразу же заметите форму с одним полем для создания учетной записи — синий фон с минимальным рисунком красиво контрастирует с ярко-белым полем формы.

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

7. Webflow

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

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

Целевые страницы для электронных книг

8.Науто

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

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

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

9. Маркетинг промышленной надежности

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

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

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

Люди из Industrial Strength Marketing сделали шрифты и поле формы достаточно большими, чтобы посетителям не приходилось увеличивать масштаб, например, для чтения и взаимодействия с контентом.

10. Входящие эмоции

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

11. Живой чат Velaro

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

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

12. IMPACT Брендинг и дизайн

Полное раскрытие информации: IMPACT является партнером HubSpot, но не поэтому они включены здесь. Целевые страницы IMPACT уже давно служат источником вдохновения для дизайна.Мне нравится простой макет страницы, от большого заголовка и подробного изображения, до контура, который окружает форму, до цветов и шрифтов, которые очень приятны для глаз.

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

Целевые страницы для получения дополнительной информации

13. Unbounce

Неудивительно, что Unbounce находится в верхней части этого списка — они фактически написали книгу о создании высококонвертирующих целевых страниц. Хотя на этой целевой странице есть много удивительных вещей, мне очень нравятся две: 1) Использование окна чата вместо классической формы и 2) подробное, но хорошо упакованное — информация под формой.

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

14. Bills.com

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

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

Затем вы ответите еще на два вопроса, как показано ниже:

И вот последняя форма целевой страницы, где вы заполняете свою информацию:

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

15. Трулия

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

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

16. Landbot

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

17. Webprofits

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

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

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

18. H.BLOOM

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

Помимо красоты, на странице есть несколько отличных элементов преобразования: форма в верхней части страницы, четкое и краткое описание того, что произойдет, когда вы заполните форму, и даже ярко-оранжевую кнопку «Отправить». Единственное, что мы бы изменили? Копия на кнопке «Отправить» — это может быть более конкретным для предлагаемого предложения.

19. Лаборатория конверсии

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

Когда вы нажимаете «Получить справку по целевым страницам», весь сайт перемещается, освобождая место для формы. Вот как это выглядит до того, как вы нажмете:

И, когда вы щелкнете этот CTA, посмотрите, как выглядит форма:

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

Идеи целевой страницы

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

Вот несколько вещей, которые следует учитывать при создании целевых страниц:

11 отличных примеров целевых страниц для оптимизации конверсии

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

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

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

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

Что такое целевые страницы для лидогенерации?

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

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

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

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

Цели целевой страницы

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

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

  • Зарегистрируйтесь, как правило, для привлечения потенциальных клиентов, которые в конечном итоге приводят к продажам.
  • Профиль и квалификация посетителя сайта для предоставления более релевантных последующих маркетинговых коммуникаций.
  • Объясните ценное предложение, предлагаемое компанией, чтобы отличаться от других сайтов, которые посетитель может посетить в процессе покупки i.е. Ответьте на вопросы посетителя.
  • Расскажите о ценностях бренда организации, проводящей кампанию.
  • Если посетитель не хочет раскрывать свои данные прямо сейчас, предоставьте контактные данные для традиционных каналов продаж, таких как номер телефона, или объясните посетителю причины вернуться на сайт или привлечь их с помощью другого соответствующего контента или предложений.

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

  1. Shopify
  2. Muzzle
  3. TransferWise
  4. Airbnb
  5. Teambit
  6. Wistia
  7. Webflow
  8. Nauto
  9. Industrial Strength Marketing
  10. Inbound Chat Emotion
    11. 9018 Unbound Chat Emotion
  11. Inbound Chat Emotion
    12. Веллинг-дизайн Целевые страницы регистрации
    1.Shopify
    2. Морда
    3. TransferWise
    4. Airbnb
    5. Teambit

    [Щелкните здесь, чтобы увидеть всю целевую страницу.]

    6. Wistia
    7. Webflow

    8. KlientBoost

    Страница захвата лидов KlientBoost, запрашивающая минимум личной информации.

    Первая целевая страница лидогенерации в нашем списке — это простая, эстетичная страница от KlientBoost.

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

    9. Интегрифи

    Подробная целевая страница от Integrify. Программное обеспечение

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

    На своей целевой странице они предлагают бесплатную демонстрацию в виде лид-магнита. Это объясняет, почему они запрашивают более подробную информацию (имя, фамилию, название компании), чем просто адрес электронной почты.

    Integrify сделала здесь умно — они объединили социальное доказательство и видео о том, как работает инструмент, в одном разделе целевой страницы. Если потенциальный клиент заинтересован в продукте, но не полностью знает, как он работает, все, что ему нужно сделать, это прокрутить страницу ниже сгиба целевой страницы.

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

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

    10. FireEye

    Целевая страница FireEye.

    Эта целевая страница FireEye рассказывает историю: бренды подвергаются риску кибератак, но есть способы защитить себя.

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

    Вот что вы можете украсть с этой целевой страницы: минимализм.

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

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

    Промо-целевая страница с красивыми видеороликами.

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

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

    Лучшие методы создания благодарственных писем с высокой конверсией

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

    1. Ссылка на оригинальное предложение.

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

    2. Добавьте соответствующие CTA.

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

    3. Вставьте кнопки социальных сетей.

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

    4. Рассмотрите возможность использования интеллектуального контента.

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

    Pro Tip . Если вы используете форму, добавьте поле для включения прогрессивного профилирования . Вы можете подумать: «Зачем мне добавлять еще одну форму, если я только что получил их информацию на исходной целевой странице?» Дополнительная форма позволяет вам использовать прогрессивное профилирование для сбора дополнительной информации от вашего лида в нужном контексте.Если вы решите использовать страницу благодарности с формой прямо на ней, вы сможете узнать больше о своем лиде во второй форме.

    Теперь ваша очередь!

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

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

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

    И помните, практика ведет к совершенству. Секретный соус для оптимизации ваших целевых страниц — это A / B-тестирование. Тестируйте, тестируйте, тестируйте, пока ваша целевая страница не начнет конвертироваться с более высокой скоростью!

    Что включить на страницу Perfect Landing Page

    Создание целевой страницы после клика для перфекционистов раздражает, не правда ли?

    «Выберите новое избранное изображение», — говорят они.«У этого отзыва нет фамилии», — жалуются они. Список, казалось бы, бессмысленных просьб об изменениях кажется бесконечным.

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

    Эти перфекционисты раздражают, но они правы и создают более качественные целевые страницы после клика, чем все остальные.

    Хотя вы никогда не сможете создать целевую страницу после клика, которая конвертирует 100% посетителей, вы можете приблизиться к ней как можно ближе. Это базовая анатомия целевой страницы после клика, а также анатомия идеальной целевой страницы после клика, которая увеличивает количество конверсий. Вот что вам нужно знать, чтобы построить его:

    (Если в какой-то момент вы встретите термин, который не знаете, вы можете найти его простое определение в Словаре маркетинга Instapage.)

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

    Устранить все пути эвакуации

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

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

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

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

    Привлекайте людей неотразимым заголовком

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

    Итак, как выглядит заголовок на идеальной целевой странице после клика?

    • Это заставит ваших посетителей что-то почувствовать. Помните, что люди в основном принимают решения эмоционально, а не рационально. Разбудите своих потенциальных клиентов заголовком, который побудит их продолжить прокрутку. Играйте на их страхах, желаниях, мечтах, проблемах. То, что вы предлагаете, может удовлетворить их потребности. Так насколько сильно вы заставите их нуждаться в этом?
    • Специфика. Что вам больше нравится? «Узнайте, как повысить свой бизнес с помощью этого простого бизнес-решения» или «Узнайте, как я заработал 5000 долларов в неделю с помощью этого простого бизнес-решения»?

    Это второй заголовок, верно? Это потому, что он специфичен: он дает читателю понять, что его автор заработал 5000 долларов в неделю с помощью предлагаемого хака, что заставляет их думать: «Если он это сделал, то, может быть, и я тоже смогу».”

    • Он подчеркивает преимущества вашего предложения. Хороший заголовок демонстрирует уникальное торговое предложение предложения. По какой основной причине посетитель должен нажимать кнопку с призывом к действию? Что они получат?
    • Это самый большой текст на странице. Визуальная иерархия — это то, что будет вести ваших посетителей от элемента к элементу, пока они не дойдут до конца вашей целевой страницы после клика. И эта иерархия начинается с большого жирного заголовка.Без него вы рискуете запутать своих потенциальных клиентов. Они будут интересоваться, где искать — ваши подзаголовки или фото внизу? А может, это баннер слева? Начните с правильной ноги и подтолкните в правильном направлении, убедившись, что ваш заголовок является самым большим текстом на странице.

    Посмотрите заголовок от Бена Сеттла:

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

    Похвастайтесь с помощью своих защитников

    Если вы побывали на спектакле во Франции в 18 веке, вы, вероятно, подумали бы, что он вам понравился, даже если бы вы этого не сделали. Это чувство было результатом чего-то, называемого «клаком», одного из первых примеров силы социального доказательства.

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

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

    .
    • Комиссары выучивали отрывок наизусть и указывали своим соседям по аудитории ключевые моменты между выступлениями.
    • Rieurs громко смеялся бы над шутками.
    • Pleureurs вытирали глаза платком, изображая слезы.
    • Chatouilleurs было поручено поддерживать хорошее настроение публики.
    • Bisseurs кричали «бис, бис», что означает «бис, бис!»

    Будучи членом аудитории, вы видели смеющихся риеров и думали: «Это должно быть смешно, я тоже должен смеяться». Вы видели, как болельщики аплодируют и думают: «Это должно быть хорошо, я тоже должен подбодрить» и т. Д.

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

    Формально концепция известна как «социальное доказательство», и вместо забавности на целевой странице после клика ее можно использовать для повышения воспринимаемой ценности вашего предложения. Социальное доказательство бывает разных форм:

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

    Есть четыре фактора, которые влияют на убедительность вашего социального доказательства.

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

    Во-вторых, чем конкретнее они говорят о том, как ваш продукт улучшил их жизнь, тем убедительнее будет ваше социальное доказательство. Что более убедительно — логотип Facebook на вашей целевой странице после клика под ярлыком «клиенты» или отзыв Марка Цукерберга, основателя, который гласит: «Этот продукт повысил рентабельность инвестиций в рекламу на 50%»?

    • Узнаваемость. Чем более известен автор вашего отзыва, тем больше вероятность, что он повлияет на поведение ваших посетителей. Отзывы знаменитостей уже давно создают убедительные перспективы для покупки.
    • Актуальность. Имеет ли отношение источник социального доказательства к вашей работе? Например, если вы писатель, то похвала от такого известного автора, как Стивен Кинг, станет мощным социальным доказательством. Но если у вас есть ресторан, похвала от кого-то крупного в пищевой промышленности, такого как Гордон Рамзи или Марио Батали, скорее всего, будет более убедительной для ваших потенциальных клиентов.

    Вот несколько примеров почти идеального социального доказательства от MasterWriter:

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

    Создайте привлекающий внимание CTA

    У нас есть серьезная проблема с большинством призывов к действию на целевой странице после клика. «Скачать», «Отправить», «Запросить консультацию» — они делают ваш бизнес ленивым, а они не выполняют свою работу.

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

    Посмотрите на этот CTA:

    Тебе нравится нанимать опытных веб-дизайнеров? Напоминает ли это вам, что вы получите, сделав это?

    Даже близко нет. Если честно, сначала мы прокручивали именно его.Эта кнопка CTA подходит немного ближе:

    Но его дизайнеры могли бы сделать «Да — дайте мне список» еще лучше, задав себе один вопрос: «Кем станут мои посетители после прочтения этого списка?»

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

    Еще несколько моментов, которые следует учитывать:

    • Местоположение вашего CTA имеет значение. Включите на свою страницу слишком рано, и вы можете отпугнуть своих потенциальных клиентов. Включите это слишком поздно, и они могут никогда этого не увидеть.
    • Выбор слова очень важен. Слова, которые вы выбираете для своего призыва к действию, должны быть теми, которые ваши посетители используют, чтобы говорить о вашем продукте. Они говорят о тебе небрежно? Формально? Хороший призыв к действию отразит это и, в свою очередь, вызовет больший отклик у вашей аудитории.

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

    Использовать мультимедиа для отображения вместо сообщения

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

    • Снимок героя может помочь вашему посетителю вообразить мир, в котором его проблемы не существует в результате использования вашего продукта или услуги. Это может сработать для продуктов, от ухода за газоном до часов. Если вы добавляете один на свою целевую страницу после клика, убедитесь, что он подчеркивает преимущества использования вашего продукта или услуги.Подумайте о фотографии «после» в преобразовании «до и после». Фотография «до» — это то, на что была похожа жизнь вашего потенциального покупателя до того, как он получил ваш продукт, а «после» — это его жизнь после того, как он приобрел его. Если вы используете модель на своей фотографии, убедитесь, что они смотрят на ваш призыв к действию. Исследования показали, что пользователи следят за их взглядом.
    • Снимок продукта — отличный способ продемонстрировать свое предложение, будь оно привлекательным или неслыханным, например, изящная технология или новое для рынка изобретение.Даже программные приложения могут извлечь выгоду из снимка продукта, демонстрирующего, как выглядит его интерфейс.
    • Инфографика может помочь вашему посетителю лучше осмыслить данные. Используйте диаграммы и графики, когда пытаетесь сравнить и сопоставить наборы чисел.
    • Обучающее видео может быстро показать вашему посетителю, как работает ваш продукт или услуга, когда они неизвестны или сложны. Если вы его используете, убедитесь, что он короткий (две минуты или меньше) и интересен.Некоторым нравится использовать анимированные видеоролики, демонстрирующие проблему, с которой сталкиваются ваши посетители, и решение, предоставляемое вашим продуктом, в то время как другим нравится демонстрировать снимки продукта вместе с пояснениями (также называемые «демонстрационным видео»).
    • Вводное видео лучше всего использовать, когда ваш продукт или услуга зависит от человека, который их создал, чтобы добиться успеха. Если вы продаете курс, ознакомительное видео может доказать, что его создатель хорошо осведомлен. Если вы его используете, сосредоточьтесь на похвале и качествах объекта и убедитесь, что они показались зрителю теплыми и приветливыми.
    • Видео-отзыв — отличный способ объединить социальное доказательство отзыва и увлекательный характер видео. Если вы его используете, убедитесь, что ваша тема как можно более конкретно описывает то, что вы сделали для улучшения их бизнеса. Основные показатели и рентабельность инвестиций имеют решающее значение, на которых нужно сосредоточиться.
    • Видео-пример похож на видео-отзыв, только немного более полный. Вместо того, чтобы сосредотачиваться на одном предмете, он фокусируется на результате, за который отвечает продукт или услуга.Если вы дизайнер дома, видео-отзыв будет сосредоточен на том, чтобы запечатлеть похвалу от клиента на камеру, тогда как видео-тематическое исследование будет сосредоточено больше на его доме и на том, что вы сделали для его улучшения.

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

    Создать форму без трения

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

    • Убедитесь, что спрос равен предложению. Вы предлагаете небольшую подсказку? Не просите ничего, кроме имени и адреса электронной почты. С другой стороны, если вы отказываетесь от чего-то действительно ценного, например, Отчета о состоянии отрасли, вы можете попросить гораздо большего.
    • Спрашивайте только то, что необходимо. Соберите команду и определите минимальный объем личной информации, необходимый для квалификации лида.Вам действительно нужен номер телефона или можно обойтись без него? Как насчет зарплаты? Это действительно необходимо? Чем меньше вы просите, тем больше вероятность того, что ваш посетитель совершит конверсию.
    • Если вам нужно много, спрашивайте поэтапно. Форма из двадцати полей отпугнет почти всех, независимо от того, что она охраняет. Если вам действительно нужна вся эта информация, попробуйте запросить ее с помощью четырех форм с 5 полями вместо одной формы с 20 полями.
    • Заранее заполните, когда сможете. Если они уже забрали у вас ресурс, не заставляйте лида перезаписывать всю информацию, которой они уже поделились.Предварительно заполните поля формы, чтобы упростить им преобразование.

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

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

    Ваши копирайтеры любят писать — черт возьми; вы тоже можете любить писать. Но на вашей целевой странице после клика важно не то, что вам нравится или хотите, а то, что нравится и хочет вашим посетителям.И они не любят читать.

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

    • Ориентация на выгоду. Он не содержит ссылок на функции вашего продукта или услуги, но вместо этого использует этих функций.
    • Обезжиренный. В нем используются маркированные списки, подзаголовки, списки и короткие абзацы, чтобы быстро передавать информацию и не напрягать посетителей.
    • Здесь нет жаргона. Копия на вашей странице должна быть написана на языке, на котором ваши посетители говорят о вашем продукте или услуге, а не на языке, который говорят вы или другие инсайдеры отрасли. Сделайте это простым и понятным. Маленькие слова продают большие идеи.
    • Читается. Вы используете шрифт, который легко читается посетителями? Если он слишком маленький или декоративный, им будет сложно расшифровать.

    Узнайте о преимуществах использования AdButler:

    Рядом с каждым значком вы быстро узнаете о преимуществах использования AdButler. А теперь взгляните на эту страницу:

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

    Требуется больше белого пространства, меньше текста и в некоторых местах более читаемый шрифт. Вы легко читаете эту розовую надпись? Мы не смогли.

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

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

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

    10 лучших советов по дизайну целевой страницы

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

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

    1. Определите цель для своей целевой страницы

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

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

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

    2. Спланируйте свой макет

    Независимо от цели, хорошая целевая страница должна содержать следующие пять элементов:

    • Заголовок
    • Краткое описание вашего предложения
    • Соответствующие изображения
    • Форма для сбора потенциальных клиентов
    • Призыв к действию
    Эта целевая страница Slack содержит все необходимые элементы: 1. Заголовок 2. Соответствующее изображение 3. Краткое описание 4. Форма захвата лида 5. Призыв к действию

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

    3. Сохраняйте краткость текста

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

    Per Cision, исследование Microsoft, проведенное в 2018 году, показало, что средняя продолжительность концентрации внимания человека составляет всего восемь секунд. Вы должны сосредоточиться на простом, понятном языке, указав, как ваш бренд или предложение могут принести пользу пользователям.Затем, при желании, вы можете уточнить детали ниже сгиба.

    Кстати о складках…

    4. Сделайте ставку на верхнюю часть страницы

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

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

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

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

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

    5. Цените свои визуальные эффекты

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

    Использование изображения или изображений, особенно баннера или заголовка, должно привлекать внимание и дополнять ваше предложение в визуальной форме.

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

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

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

    И последнее о визуальных эффектах: убедитесь, что они отзывчивы на мобильных устройствах! По оценкам, 53,3% веб-трафика сейчас приходится на мобильные устройства, и это число будет только расти. Оптимизация целевой страницы для мобильных устройств, чтобы она выглядела хорошо, быстро загружалась и была удобна для навигации, требует дополнительных усилий, но когда ваши коэффициенты конверсии резко возрастут, вы будете благодарны, что нашли время.

    6. Создайте целевые страницы для конкретной кампании.

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

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

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

    7. Ограничьте отвлекающие факторы и возможности выхода

    Один из наиболее рекомендуемых методов дизайна целевой страницы включает ограничение возможностей выхода.

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

    Когда дело доходит до ссылок, меньше значит больше, и Guideline это знает.

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

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

    8. Поощряйте конверсию с помощью заманчивого предложения.

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

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

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

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

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

    9.Обеспечьте конверсию с помощью убийственного призыва к действию

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

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

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

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

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

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

    10. A / B-тестирование для максимизации возможностей конверсии

    Теперь, когда ваша целевая страница содержит все основные элементы, пора A / B-тестировать текст, визуальные эффекты, дизайн и CTA. Просмотрите показатели производительности для каждой страницы, чтобы узнать, что вы можете настроить для достижения оптимального коэффициента конверсии. Однако не забывайте проверять только один элемент целевой страницы за раз, чтобы увидеть, какой из них имеет значение.

    Хотя это напрямую не связано с A / B-тестированием, важно отметить другие оптимизации, которым следует уделять приоритетное внимание: оптимизация текста для поисковых систем и сокращение времени загрузки целевой страницы, особенно на мобильных устройствах.Даже малейшая задержка во времени загрузки может негативно повлиять на коэффициент конверсии. Чтобы оценить свою целевую страницу, воспользуйтесь удобным инструментом Google PageSpeed ​​Insights.

    Пора придерживаться цели (страница)

    После того, как вы ознакомились с нашим контрольным списком, пора сесть и проанализировать результаты.

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

    Я прошу вас напоследок немного помощи: краткий список наших любимых конструкторов целевых страниц.

    Удачи и получайте конверсии!

    Идеальная структура целевой страницы для SEO (и конверсий!)

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

    Помните, что целевая страница — это общедоступных материалов, которые могут быть проиндексированы и найдены поисковыми системами .Целевые страницы часто делают тяжелую работу по конверсии, поэтому стоит оптимизировать их структуру для SEO. Таким образом, если ваша целевая страница имеет хороший рейтинг, она сама по себе привлечет трафика и конверсий — 24/7, 365 дней в году.

    Итак, какая структура целевой страницы лучше всего подходит для SEO? Начнем с того, какие элементы включены.

    Конструктивные элементы целевой страницы

    Обязательно элемента целевой страницы включают:

    • Заголовок
    • Подзаголовок
    • Заявление об армировании
    • Заключительный аргумент
    • Снимок героя — изображение или видео, демонстрирующее продукт или услугу в действии.
    • Преимущества предложения
    • Социальное доказательство — отзывы, публикации в социальных сетях, обзоры, полученные награды и т. Д.
    • Призыв к действию (CTA)

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

    Давайте разберем каждый элемент сверху вниз ….

    Заголовок целевой страницы

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

    Каковы лучшие практики SEO-копирайтинга заголовков?

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

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

    Примечание. Ваше стратегическое ключевое слово (и его варианты) должны систематически появляться на всей странице. (Включите его также в URL целевой страницы.)

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

    Подзаголовок, заявление о подкреплении и закрывающий аргумент

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

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

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

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

    Снимок героя и изображение заголовка

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

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

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

    Предложение плюс социальное доказательство

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

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

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

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

    Призыв к действию = прими или оставь

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

    Пример:


    Ключевые вынос

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

    Об авторе:
    Касия — контент-маркетолог с двухлетним опытом работы в области SEO. Создание контента для классной Positionly. Написание контента — ее страсть. Когда она не работает, она путешествует, гуляет, готовит, бегает трусцой или играет со своей собакой.

    Целевые страницы Рекомендации по созданию страниц с высокой конверсией

    Создание целевой страницы может быть обманчиво простым. Использование конструктора перетаскивания (например, Unbounce) означает, что вам не нужно быть разработчиком, чтобы опубликовать что-то профессиональное, и вы можете сделать это за считанные часы.

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

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

    11 Передовой опыт быстрой целевой страницы

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

    1. Убедитесь, что ваши сообщения соответствуют вашим объявлениям.

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

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

    2. Сохраняйте действие над сгибом

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

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

    ПРОФЕССИОНАЛЬНЫЙ СОВЕТ. Разрешение экрана может сильно различаться, поэтому дизайн для устройств, которые на самом деле использует большинство людей, , а не то, что появляется на вашем новом модном iPhone или современном ноутбуке.

    3. Используйте ориентиры направления, чтобы направлять взгляд

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

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

    4.Покажите свой продукт / услугу в действии

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

    5. Уберите навигацию и другие отвлекающие факторы

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

    6. Включите (подлинное) социальное доказательство

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

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

    7. Используйте четкую, убедительную копию

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

    ПРОФЕССИОНАЛЬНЫЙ СОВЕТ. Попросите людей, незнакомых с вашим бизнесом, прочитать ваш заголовок и подтверждающий текст. Затем попросите их рассказать вам, что вы предлагаете и какую проблему решаете. Если они не могут четко ответить, вероятно, это не очень эффективный текст.

    8. Будьте быстрыми

    Согласно отчету Unbounce’s Page Speed ​​для маркетологов, 70% потребителей признают, что время загрузки влияет на их желание совершить покупку. Если ваши страницы загружаются на мобильное устройство дольше 3 секунд, вы потеряете много потенциальных клиентов.

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

    Все еще недостаточно быстро? Подумайте об использовании Google Accelerated Mobile Pages (AMP) для доставки страниц с почти мгновенной скоростью.

    9. Дизайн для правильного устройства

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

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

    10. Тестируйте и обновляйте свои целевые страницы

    Передовой опыт важен, но A / B-тестирование ваших целевых страниц — лучший способ убедиться, что вы конвертируете как можно больше.

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

    Проверьте это перед тем, как совершить сделку, и принимайте решения на основе данных, а не интуитивного чутья.

    ПРОФЕССИОНАЛЬНЫЙ СОВЕТ. Конструктор Unbounce позволяет распределять трафик между вариантами, а затем отслеживать, какая страница работает лучше. Вместе с такими инструментами отслеживания, как Google Analytics, Hotjar, VWO и LeadsRX, вы можете получить полную картину для оптимизации своей страницы.

    11. Рассмотрите возможность использования шаблона

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

    Рекомендации по созданию целевой страницы для потенциальных клиентов

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

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

    1. Уменьшите трение с помощью многошаговых форм

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

    2. Избегайте ручного ввода

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

    3. Включите политику конфиденциальности

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

    4. Скажите «спасибо»

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *