8 важнейших элементов фреймворка целевой страницы

Опубликовано: 2017-02-03

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

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

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

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

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

Компоненты отличного фреймворка целевой страницы после клика

1. Привлекательный заголовок.

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

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

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

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

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

Есть четыре основных способа создать сильный, убедительный заголовок:

  • «Как сделать» - начните заголовок с «Как сделать», а затем закончите, предложив решение проблемы посетителей с помощью вашего продукта или услуги.
  • Задайте вопрос - представьте вопрос, а затем ответ в подзаголовке и / или в основном тексте.
  • Используйте юмор. Хотя это не всегда уместно, шутка часто может подкупить людей.
  • Предоставьте свое уникальное ценностное предложение (UVP) - предоставьте посетителям вескую причину выбрать ваш продукт или услугу по сравнению с кем-либо еще и укажите, как вы выделяетесь среди конкурентов.

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

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

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

На этой картинке маркетологам показано, как Hatchbuck использует интригующий заголовок и подзаголовок при создании структуры целевой страницы после клика.

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

Объявление и заголовок страницы идеально совпадают, и оба говорят, что Hatchbuck - простая альтернатива HubSpot.

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

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

2. Действующая копия

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

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

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

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

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

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

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

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

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

3. Привлечение СМИ

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

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

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

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

  • 96% потребителей считают видео полезными при принятии решения о покупке в Интернете.
  • 58% этих потребителей считают бренды, которые создают видео, более надежными, чем те, у которых нет
  • Среднее посещение веб-страницы, содержащей видео, длится почти 6 минут, в то время как среднее посещение сайта, содержащего только текст и изображения, длится всего 43 секунды.

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

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

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

96% потребителей считают видео полезными при принятии решения о покупке в Интернете.

Нажмите, чтобы твитнуть

4. Индикаторы доверия

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

Вот пять распространенных способов добавить индикаторы доверия на целевые страницы после клика:

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

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

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

Сторонние пломбы
Сторонние печати сообщают вашим посетителям, что вести с вами дела безопасно, и их информация не будет передана или скомпрометирована. Есть много знаков одобрения, но одно исследование показало, что три самых узнаваемых логотипа - это Paypal, Verisign и McAfee. Это также помогает укрепить доверие и убедить посетителей совершить конверсию. Blue Fountain Media узнали об этом не понаслышке, когда обнаружили, что просто добавление сторонней печати увеличивает конверсию на 42%.

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

FiveStars отлично справляется с предоставлением индикаторов доверия на целевой странице после клика ниже, поскольку они предоставляют «подтвержденные результаты» (статистические данные с цитируемыми источниками), а также отзывы клиентов с несколькими частями личной информации о человеке:

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

5. Форма захвата лида

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

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

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

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

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

6. Сильный призыв к действию.

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

При разработке кнопки CTA учитывайте следующие факторы:

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

Кроме того, следует учитывать F-Pattern и Z-Pattern. Оба этих метода веб-дизайна могут помочь вам повлиять на то, куда движутся глаза посетителя (одновременно с тем, чтобы направить их к вашей кнопке CTA).

Конечно, позиционирование CTA и шаблоны - это все, что вы можете тестировать A / B.

Размер
Не маскируйте свой CTA, делая его слишком маленьким. Сделайте очевидным, что вы хотите, чтобы посетители делали… конвертировать!

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

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

Копия кнопки CTA на этой целевой странице GoToWebinar после клика ориентирована на действия («начало»), ориентирована на клиента («мой») и использует одно из самых убедительных слов («бесплатно»):

Это изображение показывает маркетологам, как GoToWebinar использует ориентированную на выгоду и персонализированную копию CTA в своей структуре целевой страницы после клика.

7. Нет ссылок для выхода.

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

Это также означает отсутствие навигации вверху страницы и включение только минимального нижнего колонтитула внизу.

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

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

Целевая страница IBM после клика демонстрирует все эти моменты:

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

8. Достаточное свободное пространство.

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

Например, Catchpoint отлично использует пустое пространство, привлекая максимальное внимание к заголовку, подзаголовку и форме захвата лида:

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

Как вы создадите структуру целевой страницы после клика?

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

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