Анатомия целевой страницы: 13 ключевых элементов

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

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

Давайте разбираться.

>> Свяжитесь со мной, если вам нужна профессиональная помощь с вашим сайтом на WordPress , я разрабатываю брендинг и создаю сайты на WordPress, чтобы вы могли сосредоточиться на том, что любите!

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

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

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

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

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

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

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

Лендинг в сети может быть представлен в качестве особой страницы вашего сайта или отдельной страницы со своим доменом (как одностраничный сайт).

>> Подробнее: Как сайт помогает получать больше клиентов

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

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

1. Лендинг улучшает коэффициент конверсии

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

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

>> Подробнее: Приемы в дизайне сайта для повышения конверсии

2. Лендинг помогает обратиться к конкретному сегменту аудитории

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

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

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

>> Подробнее: Как сделать описание портрета целевой аудитории бренда

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

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

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

>> Подробнее: Что нужно знать малому бизнесу об электронном маркетинге

>> Подробнее: Зачем нужна древовидная структура сайта

И еще несколько преимуществ целевых страниц:

4. Лендинг способствует повышению узнаваемости бренда, если он разработан с учетом преемственности бренда.

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

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

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

>> Подробнее: 11 признаков, что вам нужен ребрендинг

>> Подробнее: Ключевые элементы брендинга для малого бизнеса

>> Подробнее: Этапы разработки сайта с нуля для новичков

Для каких целей можно создавать целевые страницы?

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

>> Подробнее: Как создать лендинг (Landing Page)

>> Подробнее: 11 способов улучшить работу сайта на WordPress

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

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

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

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

Анатомия целевой страницы

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

Заголовок

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

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

>> Подробнее: Как сделать сайт личного бренда

Подтверждающий текст

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

Для облегчения сканирования пользователями вашего лендинга делите текст на короткие абзацы по 2–3 строки. Все тексты стоит отформатировать, где нужно добавить подзаголовки.

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

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

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

>> Подробнее: Что нужно знать о странице «Об авторе»

>> Подробнее: Почему клиенты уходят с сайта (17 вероятных причин)

Изображение продукта

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

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

• 90% информации, передаваемой в мозг, визуальная.
• Ваш мозг обрабатывает визуальную информацию в 60 000 раз быстрее , чем текст
• 40% людей лучше реагируют на визуальную информацию, чем на текст.

Поэтому изображения в анатомии целевой страницы занимают одно из важных мест.

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

Изображения и видео на целевой странице должны соответствовать содержанию лендинга. 

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

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

>> Подробнее: Список сайтов с бесплатными фотографиями для сайта

>> Подробнее: 11 простых советов по SEO для изображений на сайте

>> Подробнее: Как правильно подготовить фото для сайта

Форма для сбора контактных данных

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

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

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

>> Подробнее: Типичные ошибки сайта Вордпресс

>> Подробнее: Главные настройки Вордпресс после установки на хостинг

Микротекст

Микротекст нужен в лендинге для выполнения второстепенных функций.

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

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

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

>> Подробнее: Как повысить доверие пользователей к сайту

>> Подробнее: Правила дизайна для поп–апов

Кнопка (CTA)

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

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

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

>> Подробнее: 25 готовых палитр для дизайна бренда

>> Подробнее: Как подобрать гармоничные сочетания цветов для сайта

>> Подробнее: Пастельные палитры для вашего бренда

Отзывы

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

>> Подробнее: Как настроить систему безопасности на сайте Вордпресс

>> Подробнее: Какие функции хостинга помогут обезопасить ваш сайт

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

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

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

>> Подробнее: 50+ преимуществ WordPress для вашего сайта

>> Подробнее: Контрольный список готовности сайта после разработки

Функции

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

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

>> Подробнее: Как проводить техническое обслуживание сайта Вордпресс

>> Подробнее: Что такое бриф на разработку сайта

Часто задаваемые вопросы (FAQ)

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

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

>> Подробнее: 17 лайфхаков для ускорения процесса создания сайта

>> Подробнее: Как оформить прайс для привлечения клиентов

Гарантии

Гарантии — ваши обязательства по отношению к покупателю или вашему клиенту. Этот блок направлен на снятие сомнений у пользователей и на улучшение доверительного отношения к вашему бренду.

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

>> Подробнее: Как включить сайт в вашу воронку продаж

>> Подробнее: Как исправить ошибки контактов на сайте

Планы оплаты

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

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

Наиболее часто используется прием предоставления покупателям 2 –х или 3–х вариантов пакетов участия в обучении или оплаты услуг.

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

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

>> Подробнее: Что учесть при найме дизайнера для создания сайта

>> Подробнее: Как улучшить конверсии с помощью страницы 404

Нижняя часть целевой страницы

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

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

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

>> Подробнее: Как настроить SEO на сайте Вордпресс

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

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

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

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

Большинство посетителей целевой страницы увидят только ваш заголовок. Только около 20% продолжат читать остальную часть текста на вашей странице.

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

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

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

>> Подробнее: 19 советов по дизайну главной страницы сайта

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

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

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

>> Подробнее: Правила подбора шрифтов для сайта

Как оформить поддерживающие подзаголовки

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

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

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

>> Подробнее: Зачем вести блог на сайте и о чем писать

Как оформить основной текст лендинга

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

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

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

>> Подробнее: Как придумать хороший домен для сайта

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

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

Для основного шрифта важен удобный размер букв для быстрого чтения и контрастность текста (избегайте серого или желтого текста на светлом фоне).

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

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

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

>> Подробнее: Основные рекомендации по дизайну сайта

Как оформить контактную форму

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

Для удобства пользователей формы на лендинге должны быть максимально простыми, с минимумом полей для заполнения и хорошо заметным текстом–подсказкой, например, «Укажите ваше имя».

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

>> Подробнее: Как улучшить юзабилити сайта и зачем это нужно

Как оформить кнопки CTA

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

Текст на кнопке CTA стоит формулировать в глагольной форме с конкретизацией действия, например, не просто «Зарегистрироваться», а «Зарегистрироваться на вебинар».

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

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

>> Подробнее: Сервисы составления удачного цветового сочетания для сайта

Как оформить особенности и преимущества продукта

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

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

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

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

>> Подробнее: Частые ошибки в дизайне самодельных сайтов

Как оформить социальные доказательства

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

По статистике, целевые страницы с отзывами имеют средний коэффициент конверсии 12,50% по сравнению с 11,40% у лендингов без отзывов.

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

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

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

>> Подробнее: Яркие цветовые гаммы для смелых брендов

Как оформить гарантии на лендинге

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

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

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

>> Подробнее: Типичные ошибки в брендинге

Как оформить планы оплаты

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

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

Очень часто пакетам дают названия, например, «Серебро–Золото–Платина». Это не обязательно, но удобно при обсуждении с клиентом, при обратной связи, да и при анализе собственной деятельности как продавца.

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

Еще частый прием в веб–дизайне выделить центральный вариант другим цветом и/или размер плашки слегка увеличить для привлечения внимания, можно добавить бейдж (метку) как «Бестселлер», «Хит продаж» и т.д.

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

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

>> Подробнее: Как провести редизайн сайта без ошибок

Как оформить блок с частыми вопросами

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

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

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

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

>> Подробнее: Что нужно знать о темах оформления и шаблонах Вордпресс

Как оформить нижнюю часть лендинга

Для оформления «подвала» целевых страниц тоже найдется пара рекомендаций.

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

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

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

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

>> Подробнее: Как уменьшить показатель отказов

Основы дизайна целевых страниц

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

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

#1. Чистый дизайн

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

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

>> Подробнее: Что учесть в дизайне сайта

#2. Меньше — это больше

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

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

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

>> Свяжитесь со мной, если вам нужна профессиональная помощь с вашим сайтом на WordPress , я разрабатываю брендинг и создаю сайты на WordPress, чтобы вы могли сосредоточиться на том, что любите!

#3. Емкий заголовок

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

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

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

>> Подробнее: Что включить в руководство по стилю бренда

#4. Адаптивность целевой страницы

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

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

>> Подробнее: Как настроить адаптивность сайта на Вордпресс

#5. Высокая скорость загрузки

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

>> Подробнее: Как улучшить скорость сайта WordPress

#6. Кнопка CTA на первом экране 

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

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

>> Подробнее: Основы брендирования сайта

#7. Преемственность брендинга

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

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

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

>> Подробнее: Как избежать ошибок в брендинге

#8. Сканирование по пути F или Z

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

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

#9. Страница «Спасибо»

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

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

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

>> Подробнее: Какие страницы сайта нужны для воронки продаж

Спасибо, что дочитали до конца! Публикация вышла приличная, но оно того стоило, не так ли?

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

>> Свяжитесь со мной, если вам нужна профессиональная помощь с вашим сайтом на WordPress , я разрабатываю брендинг и создаю сайты на WordPress, чтобы вы могли сосредоточиться на том, что любите!

 Заключение

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

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

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

Новое в блоге

• Анатомия целевой страницы: 13 ключевых элементов
• Как завоевать доверие пользователей к сайту
• Всплывающие окна на сайте: 13 правил дизайна поп–апов
• Как получать больше клиентов с помощью сайта
• Как сделать сайт частью воронки продаж