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

Опубликовано: 2021-01-12

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

СОДЕРЖАНИЕ
  1. Какова анатомия целевой страницы?
  2. Ключевые элементы целевой страницы
    1. Заголовок
    2. Основная копия
    3. Изображения, анимация или видео
    4. Ведущая форма
    5. Кнопка CTA
    6. Таймер обратного отсчета
    7. Социальное доказательство
    8. Преимущества
    9. Функции
    10. часто задаваемые вопросы
    11. Нижний колонтитул
  3. Готовы к большему?

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

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

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

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

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

Вот основные элементы целевой страницы, над которыми нужно подумать:

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

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

Простой, но мощный конструктор целевых страниц

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

Создать страницу

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

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

Заголовок

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

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

landing page structure headline
При этом используются простые заголовки и вспомогательные тексты.

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

landing page headline example
Perspective API побуждает пользователей сделать свое цифровое пространство более безопасным с помощью заголовка

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

Основная копия

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

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

landing page copy
Letter - это эксклюзивная банковская платформа, и их копия целевой страницы объясняет, как она работает.

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

Изображения, анимация или видео

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

Для сложного изделия можно использовать уникальные абстрактные иллюстрации:

landing page images
Superhi использует яркую абстрактную графику на своей целевой странице.

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

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

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

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

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

landing page structure video
Metomic предпочитает общаться с пользователями напрямую с помощью видео.

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

Ведущая форма

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

Вы можете создать форму подписки с помощью нашего простого и интуитивно понятного конструктора форм!

Держите вашу форму лида минималистичной, интуитивно понятной и добавьте к ней вспомогательную копию:

lead form example
Faculty - студия дизайна, которая использует формы для лидов для превращения посетителей в клиентов.

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

Кнопка CTA

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

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

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

Вот как обычно выглядит кнопка CTA:

landing page structure cta button
Завтра - это банковская система, которая поможет пользователям получить новую карту за несколько минут.

При разработке кнопки CTA используйте активные глаголы и контрастные цвета. Он должен содержать пять или меньше слов и быть окружен каким-то негативным пространством, чтобы привлечь внимание пользователя. Не забудьте добавить триггеры кликов, такие как «Кредитная карта не требуется» или «Гарантия возврата денег». И, конечно же, дайте ему какую-нибудь подтверждающую копию.

Хотите узнать больше о создании убедительных призывов к действию? У нас есть сообщение в блоге о том, как оптимизировать веб-сайт и призывы к действию по электронной почте.

Таймер обратного отсчета

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

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

limited time offer
Студия предварительного дизайна показывает количество свободных слотов рядом с их кнопкой CTA, чтобы создать срочность

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

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

Социальное доказательство

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

Вашим потенциальным клиентам будет полезно узнать, какие проблемы ваш продукт уже решил. Даже краткий отзыв может быть информативным:

landing page social proof example
Tailwind CSS показывает реальные отзывы клиентов

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

Преимущества

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

landing page structure
Elementor показывает дизайнерам, как они могут работать более эффективно

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

Функции

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

landing page elements
Hypersay Events объясняет, как пользователи могут использовать все свои функции.

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

часто задаваемые вопросы

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

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

landing page elements
Squarespace использует FAQ на своей целевой странице

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

Нижний колонтитул

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

landing page footer
Повествовательный BI повторяет их призыв к действию на всей целевой странице.

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

Готовы к большему?

Как видите, все эти элементы целевой страницы помогают раскрыть ваше предложение и направлять пользователей по странице, пока они, наконец, не совершат конверсию. Низкий показатель отказов - признак того, что вы освоили анатомию целевой страницы. Далее вам понадобится инструмент, чтобы привлекать потенциальных клиентов и оставаться на связи с клиентами. SendPulse может делать и то, и другое - он отлично подходит для отправки автоматических писем и создания чат-ботов для Facebook и Telegram. Вы также можете использовать наш сервис для отправки push-уведомлений и SMS своим клиентам!