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

Содержание

Структура лендинга: из чего она состоит и как выстроить правильно

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

  • Что такое структура лендинга
  • Правильная структура лендинга
  • Стартовый экран
  • Чем иллюстрировать экран оффера
  • Экраны подробностей
  • org/ListItem»> Экран отзывов
  • Экран CTA и стоимости
  • Экран FAQ
  • Футер
  • Примеры удачной структуры лендинга
  • iPhone 12
  • «ФинТабло»
  • «Болотов.Деревня»
  • Что такое структура лендинга

    Структура лендинга — это его деление на тематические блоки. Обычно лендинг строят так:

    1. короткий оффер или УТП;
    2. подробности и преимущества предложения;
    3. варианты цен с призывом к действию;
    4. отзывы.

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

    Правильная структура лендинга

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

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

    Стартовый экран

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

    Оффер или УТП пишут ярко и крупно, а под ними при необходимости дают пояснения более мелким текстом.

    Статьи по теме:

    • Как составить продающий оффер правильно: пошаговая инструкция
    • Доступно об УТП: что это такое, как его составить и отстроиться от конкурентов

    Компания D’Addario продает товары для музыкантов. Этот экран прямо предлагает услугу «Уникальный дизайн для вашего оборудования». Ниже призыв расшифровывается: «Кастомные медиаторы и барабаны помогут вам выделиться на любой сцене».

    Стартовый экран лендинга компании D’Addario сразу показывает пользу для клиента

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

    Понятный призыв от приложения Calm

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

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

    Чем иллюстрировать экран оффера
    Хорошо Нормально Плохо
    Фото товара или результата услуг

    Фото клиентов с товарами или в процессе (результате) услуги

    Фото сотрудников за работой

    Скриншоты из программы/приложения

    Простой флэт-дизайн без отвлекающих деталей

    Фоновое видео товаров, услуг, работы (затормозит сайт, не у всех воспроизведется)

    Фотосток — любые фото, картинки, видео, инфографика.

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

    Скриншот из сервиса для иллюстрации его интерфейса и возможностей

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

    Удачная иллюстрация интерфейса приложения на стартовом экране лендинга

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

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

    Слишком много деталей на стартовом экране — сложно выделить главное

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

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

    Вместо оффера — название магазина

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

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

    Иллюстрация на стартовом экране не работает в паре с оффером

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

    Экраны подробностей

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

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

    Скриншот из переписки с менеджером иллюстрирует качество сервиса

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

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

    В структуре лендинга можно использовать видео. Так получится показать и объяснить гораздо больше.

    RetailCRM использует видео, чтобы показать систему в действии

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

    Семейная фотография владельцев компании на лендинге Earnie Ball

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

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

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

    Пример плохого копирайтинга в разделе подробностей

    Статья по теме:

    • Как написать текст для лендинга
    • Как сделать лендинг самому
    • Продающий текст: руководство для копирайтера и бизнеса

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

    К этому лендингу приложил руку Капитан Очевидность

    Экран отзывов

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

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

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

    • Почему выбрали нас?
    • Что понравилось больше всего?
    • Для чего используете наш продукт?
    Галерея отзывов на лендинге SMM школы

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

    Приложение TMetric встроило в структуру лендинга отзывы клиентов и рейтинга из каталога

    Экран CTA и стоимости

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

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

    Форма для сбора контактов на лендинге

    Статья по теме:

    • Как повысить конверсию лендинга

    Или сравнение цен на разных тарифах с соответствующей CTA кнопкой.

    Сравнение цен и покупка нужного тарифа в форме на лендинге

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

    Хорошая форма записи на лендинге с пояснениями

    Вариант ниже — не очень удачный. Нет ни примерной даты начала, ни пояснения, что будет дальше.

    Пример неудачной формы в структуре лендинга

    Экран FAQ

    Скорее всего, клиенты будут задавать вам повторяющиеся вопросы. Если ответы на эти вопросы нет смысла или не получается поместить в раздел деталей, сформируйте из них блок FAQ — frequently asked questions.

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

    Удобная структура FAQ на лендинге

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

    В таком FAQ неудобно искать нужный вопрос

    Футер

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

    Футер может выглядеть совсем просто:

    Типичный футер

    Или так:

    Футер лендинга

    А можно оформить футер как полноценную часть лендинга — с крутым артом:

    Футер с крутым артом

    Примеры удачной структуры лендинга

    Покажу три удачных примера лендингов из разных сфер.

    iPhone 12

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

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

    Лендинг новой модели айфона. Посмотреть в оригинале

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

    Для демонстрации водостойкости телефон показали в воде

    Вместо описания качества съемки проще дать сами фото, сделанные на телефон:

    Вместо рассказа о качестве фото на лендинг добавили сами фото

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

    Разницу в размерах моделей обыграли словами: «Большие новости — маленькие новости»

    Откройте для себя чат-бота

    Выстраивайте автоворонки продаж и отвечайте на вопросы пользователей с помощью чат-бота в Facebook, VK и Telegram.

    Создать чат-бота

    «ФинТабло»

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

    Лендинг сервиса по управлению финансами «ФинТабло». Посмотреть оригинал

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

    Хороший пример структуры экрана с оффером на лендинге

    Второй понравившийся элемент — визуальное сравнение эксель-таблиц и их проблем с «ФинТабло» и его преимуществами.

    Удачный элемент в структуре лендинга — сравнение с другим продуктом

    «Болотов.Деревня»

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

    Лендинг поселка «Болотов.Деревня». Посмотреть оригинал

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

    Красивые фото на лендинге загородного поселка

    Больше примеров лендингов — в нашей вдохновляющей подборке.

    Структура лендинга: что стоит запомнить

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

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

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

    Правильная структура лендинга: советы | Медиа Нетологии

    Руководство

    26 октября 2017

    26 октября

    Дизайнер Андрей Насонов рассказал блогу Нетологии, как создавать эффективные лендинги. Статья для конкурса блога.

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

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

    Определяем, кому продаём

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

    Программа обучения: «Landing Page: построение эффективных посадочных страниц»

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

    Пример промостраницы Apple

    Перед тем как садиться за лендинг, определите ЦА.

    Формулируем пользу

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

    Сервис или услуга
    Проблема и польза

    Клининговый сервис
    Нет времени или лень прибираться в доме — сделаем это за вас.

    Аэратор для вина
    Красные вина должны «подышать» пару часов после открытия, тогда вкус лучше. Но времени ждать нет, и поэтому нужен аэратор — прибор для насыщения вина кислородом.

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

    Удобрение для комнатных растений
    Цветы на подоконнике все чаще вянут, земля истощена. Удобрение подпитывает почву и растения снова здоровы.

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

    Доказываем и показываем

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

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

    Примеры промостраниц Apple Music и MacOS Hight Sierra

    Визуальное представление — первично. Текст — вторичен.

    Работаем с опасениями

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

    Пример блока с ответами hackinout

    Хорошая идея — добавить блок с отзывами. Это работает убедительнее, если отзывы со ссылками на реальные страницы людей в соцсетях.

    Пример отзывов на странице Центра управления законом

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

    Делаем предложение

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

    Пример страницы Центра Управления Законом

    Пример страницы yalabot

    Цена и условия сделки — заключительный блок.

    Вместо заключения

    Стандартная структура лендинга

    1. Экран с заглавной иллюстрацией и заголовком.
    2. Полезное действие. Описание свойств продукта с доказательствами и примерами.
    3. Демонстрация свойств через иллюстрации или видео.
    4. Снятие опасений, ответы на вопросы.
    5. Предложение купить.

    Читать еще: «7 инструментов для фрилансера и его клиента»

    Примеры для вдохновения

    • Оксфорд Тест
    • Дрим-сим
    • Rock your bank
    • Coda 2
    • Bear writer
    • New York Times Critics Course

    Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации.

    Оцените статью

    Средняя оценка 0 / 5. Всего проголосовало 0

    Темы: маркетинг редактура и копирайтинг

    примеры + секреты высокой конверсии

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

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

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

    С чего начать

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

    По теме:
    Отличие лендинга от сайта: кто победит

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

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

    1. Провести анализ рынка и конкурентов;
    2. Выявить ожидания, стереотипы, страхи, боли и возражения целевой аудитории;
    3. Разделить ЦА на сегменты и определить их критерии выбора.

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

    Поэтому, если Вы еще этого не делали и не знаете, как, то скорее бегите изучать наш блог.

    На правах рекламы

    Структура лендинга

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

    И наполнение, и фото, и тексты, и инфографика. На этом моменте многие допускают ошибку, но мы ведь не такие? 😉

    Настоящей находкой для тех, кто задумался о создании лендинга станет, так называемая, “Лестница узнавания: Бена Ханта”. Выглядит схема следующим образом:

    Лестница Ханта

    Согласно этой схеме, клиент должен “созреть” и пройти все 5 этапов от отсутствия потребности до готовности купить.

    Для того, чтобы не объяснять все “на пальцах”, далее все будет основано на реальных событиях, а именно на примере landing page одного из наших клиентов — компании по чистке ковров “Чистый квадрат”.

    Конверсия компании по чистке ковров «Чистый квадрат» 

    К слову, средний результат всего трафика — 6% конверсии в заявку, которая в их нише можно назвать покупкой. Много это или мало? Читайте об этом в нашей статье.

    По теме:
    Средняя конверсия сайта: миф разрушен

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

    Этап 1: Нет проблемы

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

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

    Чаще всего это клиенты, которые его только-только купили. Поэтому в этом случае весь наш сайт будет пропитан структурой PMPHS.

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

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

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

    Важно. Продавайте больше, информируя клиентов через E-mail, Viber, SMS, Web-push рассылки. Для этого рекомендуем надежный сервис UniSender. Кликайте и тестируйте -> UniSender

    Этап 2: Есть проблема, нет решения

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

    Используйте эту информацию на своём сайте, что есть решение этой неприятной ситуации.

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

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

    ВКЛЮЧАЙТЕСЬ В СОЦСЕТИ УЖЕ 40 000+ С НАМИ

    Екатерина

    Сергей

    Иван

    Елена

    Екатерина

    Подписаться

    Этап 3: Решение есть, сравниваем варианты

    Если Ваш потенциальный клиент ещё не на этом этапе, что возможно при условии, что Вы продаёте новое или редкое решение, о котором люди не слышали, то Вам нужно вернуться на 1 и 2 этап. Но если же клиент уже находится на этой стадии, то он знает, что:

    1. Нужно чистить ковер, чтобы продлить его срок службы;
    2. Необходимо проводить профилактику для избежания скопления бактерий;
    3. Ковёр чистить нужно специальной химией и оборудованием, а не мылом и пылесосом;
    4. Можно вывести даже самые ужасные пятна.

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

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

    Сравнение с конкурентами

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

    — Может, всё-таки на автомойку или самостоятельно?

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

    Этап 4: Выбор продукта

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

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

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

    Результат до/после

    Этап 5: Уверенность и намерение

    Клиенты, которые приходят по таким запросам как “чистка ковров чистый квадрат” ищут конкретную компанию.

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

    Такие клиенты, что называется, “горячее” некуда. Все, что им нужно предоставить — наши контакты и call to action.

    А Вы откуда

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

    И я не уделяла бы столько внимания этому, если бы структура  landing page не зависела от “Лестницы Ханта”.

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

    Когда лендинг создается с нуля, ответ получается очень размытый, в стиле “Да мы все попробуем…Хотя, наверное что-то одно, либо таргетинг, либо контекстную рекламу… Еще не решили”.

    Почему это так важно?

    1. Таргетированная реклама. С нее придут люди, которые находятся на Этапе 1 — 2. Редко 3. И почти никогда 4.

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

    2. Контекстная реклама. С нее скорее всего придут те, кто находится на этапе 4 или 5. И наверняка у них в браузере будет открыто сразу несколько сайтов конкурентов помимо вашего.

    Поэтому очень важно уделить достаточно внимания УТП, сделать его лучше, чем у других.

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

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

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

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

    Пример структуры

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

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

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

    1. Заголовок;
    2. Выгоды;
    3. Преимущества перед конкурентами;
    4. Сравнение с услугами/аналогами;
    5. Пример результата;
    6. Условия работы;
    7. Этапы чистки;
    8. Почему нам доверяют;
    9. Футер (карта с адресом и контакты).

    Задачи блоков

    При создании и наполнении блоков и элементов landing page, мы опирались на то, чтобы каждый из них выполнял одну из трёх задач:

    1. Привлечение внимания.   Скажу честно, в 95% случаев на эту задачу закрывают глаза, только если нет 100% крутого факта о компании или вашем продукте.
    2. Донесение выгод. То, что чаще всего мы видим на всех сайтах. А именно информация о себе любимых или почему нужно выбрать нас.
    3. Отработка возражений. Например, отработка возражения “Что будет, если мне испортят ковер?”
    Обработка возражений

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

    Прототип сайта

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

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

    Вот вам пример прототипа, структура лендинг пейдж со схемами. Этот прототип я честно украла с нашего сайта, посвященного созданию landing page 😉

    Прототип

    Коротко о главном

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

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

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

    По теме:
    Дизайн лендинга: 99 фишек с примерами

    Идеальная структура лендинга

    Прогресс неминуем. Новые возможности практически безграничны, и пока вы читаете это предложение, где-то там успели создать уже 6 новых лендингов. Скорость — отличное преимущество с огромным минусом, состоящим в однотипности созданного. Как же всё-таки создать уникальное решение для себя?

    Зачем создавать правильную структуру лендинга

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

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

    Методы создания структуры лендинга: что выбрать?

    С пониманием сегмента уже можно весь имеющийся трафик конвертировать в покупки. А как?

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

    Лестница Бена Ханта

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

    • Отсутствие проблемы или безразличие.
    • Осведомленность.
    • Сравнение методов решения проблемы.
    • Выбор компании/поставщика.
    • Заключение сделки.

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

    Структура по стратегии AIDA

    История умалчивает, кто же всё-таки придумал модель AIDA — по одним данным, классическую продающую концепцию разработал Элайс Сент-Эльмо Льюис в 1898г., по другим данным, эта модель была создана Элмером Левинсоном в 1896г. Но сама суть её остается одинаковой везде. Итак, что же входит в аббревиатуру:

    A — attention (внимание)

    — interest (интерес)

    D — desire (желание)

    A — action (действие)

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

    Виды лендингов

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

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

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

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

    Первый экран

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

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

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

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

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

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

    Блок товаров или услуг

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

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

    1. Для товара/услуги с подробностями, открывающимися в поп-ап окне, подходят аккуратно расположенные плиточки от 6 до 8 штук, при нажатии на которые можно более подробно ознакомиться с информацией.
    2. Для товара/услуги, о которых информация располагается сразу же, подходит вариант от 4 до 6 карточек.
    3. Не стоит добавлять более 1-2 видео, рассказывающих о товаре или услуге. В идеале лучше всё уместить в один небольшой, качественно снятый видеоролик, ведь иногда проще 1 раз показать, чем 10 раз написать об этом. В случае с видео лучше всего кратко описать то, что конкретно там происходит.

    Блок с преимуществами

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

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

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

    Блоки призыва к действию

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

    Работа с возражениями

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

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

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

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

    Что ещё включить в структуру лендинга?

    «Доверие!» — отвечаю я и говорю, какие блоки структуры на это влияют:

    1. Блок с партнерами. Многие боятся быть первопроходцами, поэтому наличие таких компаний, выставленных на «доску почёта», очень успокаивающе действуют на нервную систему. Если компания еще маленькая, то блок с партнерами вы можете пропустить, но если вам есть, чем похвастаться, например, компаниями, с которыми вы работаете или которым оказали услуги, то такой блок следует создать и разместить на нем логотипы.
    2. Отзывы. Смысл тот же: важно показать, что у вас уже есть клиентская база и она рада сотрудничеству с вами. Это может быть даже один отзыв, но красиво оформленный и интересно выделенный.
    3. Краткая информация о компании: год, с которого начали работать, фотографии с места производства, фотографии сотрудников и любые другие фишечки, которые вы могли бы о себе рассказать и показать.

    Вишенка на торте — форма обратной связи

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

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

    Подвал

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

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

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

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

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

    И напоследок — структура лендинга в виде схемы

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

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

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

    почему это так важно? – Targetmonster.ru

    Содержание

    • 1 Что нужно сделать еще до того, как создать новый документ под названием “Прототип сайта”:
    • 2  
    • 3 Этап 1: Нет проблемы
    • 4 Этап 2: Есть проблема, нет решения
    • 5 Этап 3: Решение есть, сравниваем варианты
    • 6 Этап 4: Выбор продукта
    • 7 Этап 5: Уверенность и намерение
    • 8 Почему это так важно?
    • 9 Поэтому структура выглядит таким образом:

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

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

     

    Я знаю, что ничего не знаю

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

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

    Что нужно сделать еще до того, как создать новый документ под названием “Прототип сайта”:

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

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

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

    Здесь очень важно понимать насколько ваша аудитория “теплая”. Да, что уж, от этого будет зависеть все! И наполнение, и фото, и текста, и инфографика. На этом моменте многие допускают ошибку, но мы ведь не такие? 😉

     

    Лайфхак

    Настоящей находкой для тех, кто задумался о создании лендинга станет, так называемая, “Лестница узнавания” Бена Ханта. Выглядит схема следующим образом:

    Согласно этой схеме, клиент должен “созреть” и пройти все 5 этапов от – от отсутствия потребности до готовности купить.

    Для того, чтобы не объяснять все “на пальцах”, далее все будет основано на реальных событиях, а именно на примере landing page одного из наших клиентов – компании по чистке ковров “Чистый квадрат”.

    К слову, средний результат этого сайта – 6% конверсии в заявку, которая в их нише можно назвать покупкой. Много это или мало? Читайте об этом в нашей статье про «Правильную конверсию»

     

    Этап 1: Нет проблемы

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

    Этап 2: Есть проблема, нет решения

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

    Этап 3: Решение есть, сравниваем варианты

    Если Ваш потенциальный клиент ещё не на этом этапе, что возможно при условии, что Вы продаёте новое или редкое решение, о котором люди не слышали, то Вам нужно вернуться на 1 и 2 этап. Но если же клиент уже находиться на этой стадии, то он знает, что:

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

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

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

    Этап 4: Выбор продукта

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

    Этап 5: Уверенность и намерение

    Клиенты, которые приходят по таким запросам как “чистка ковров чистый квадрат”, они ищут конкретную компанию. Если Вы еще не слишком известны, таких запросов либо будет карйне мало, либо не будет вообще.

    Такие клиенты, что называется, “горячее” некуда. Все, что им нужно предоставить – фото, описание и кнопку ­“купить прямо сейчас”.

    Наверное у Вас в голове сейчас полный хаос после прочитанного, по крайней мере, у меня так было в первый раз. И я не уделяла бы столько внимания этому, если бы структура не зависела от “Лестницы Ханта”.

     

    А Вы откуда?

    Перед созданием необходимо определить источники трафика. Когда лендинг создается с нуля, ответ получается очень размытый, в стиле “Да мы все попробуем…Хотя, наверное что то одно, либо тартегинг, либо контекст… Еще не решили”.

    Почему это так важно?

    • С таргетированной рекламы придут люди, которые находятся на Этапе 1 — 2. То есть они “еле теплые” и, прежде чем купят, нужно им еще все показать-рассказать-объяснить. Поэтому не обманывайте себя ожиданиями огромной конверсии.
    • С контекстной рекламы придут те, кто выбирает. Наверняка у них в закладках висит несколько сайтов помимо вашего. Поэтому очень важно уделить достаточно внимания УТП, сделать его лучше, чем у других.

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

    Теперь Вы понимаете, почему часто исполнители Вам предлагают создать разные лендинги в зависимости от канала привлечения клиентов? 😉

     

    Пример структуры

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

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

    Поэтому структура выглядит таким образом:

  • Заголовок
  • Выгоды
  • Преимущества перед конкурентами
  • Сравнение с услугами/аналогами
  • Пример результата
  • Условия работы
  • Этапы чистки
  • Почему нам доверяют
  • Футер (карта с адресом и контакты)
  • Касаемо самих блоков и их наполнения. Все блоки должны выполнять 2 задачи:

    1. Заниматься привлечением

    Скажу честно, в 95% случаев на эту задачу закрывают глаза, только если нет 100% крутого факта о компании или вашем продукте.

    ИЛИ

    2. Отрабатывать возражения

    Например, отработка возражения “Что будет, если мне испортят ковер?”, на сайте выглядит так:

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

    Вот вам пример прототипа, который я честно украла с нашего сайта, посвященного созданию landing page.

     

    Коротко о главном

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

    Если после прочтения Вам невозможно захотелось получить продающий лендинг, заходите к нам на сайт или пишите в комментарии!

    Источник

    Правильная Структура Лендинг Пейдж | Студия WEB24

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

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

    Тут ответ прост: Хорошо знайте правила, чтобы вы могли эффективно их нарушать!

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

    Правильная схема Landing Page

    Базовые блоки Лендинга

    Нет двух одинаковых сайтов. Тем не менее, есть пять основных элементов, которые должна иметь каждый лендинг пейдж для высокой конверсией:

    • Уникальное торговое предложение (УТП)
    • Основной графический элемент или видео
    • Преимущества вашего предложения
    • Блок социального доказательства и обратной связи
    • Призыв к действию с кнопкой

    Блок 1. Ваше уникальное торговое предложение

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

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

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

    Вот отличный пример от компании Unbounce:

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

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

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

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

    Блок 2. Основной графический элемент или видео

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

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

    Блок 3. Ваши преимущества

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

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

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

    Блок 4. Блок социального доказательства

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

    В структуре Лендинг Пейдж социальное доказательство может принимать несколько форм:

    • Прямые рекомендации клиентов
    • Тематические исследования (или ссылки на тематические исследования)
    • Текстовые или видео отзывы
    • Логотипы компаний-клиентов с которыми сотрудничаете

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

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

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

    Блок 5. Призыв к действию, кнопка заказа

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

    Три основные правила, на которые следует обратить внимание:

    • Избегайте размытых формулировок кнопок, таких как «НАЖМИТЕ ЗДЕСЬ» или «ОТПРАВИТЬ». Дайте вашим посетителям точно знать, что они получат обратившись к вам («ЗАКАЖИТЕ БЕСПЛАТНЫЙ ЗАМЕР» или «ПОЛУЧИТЕ 50% СКИДКИ НА ЗАКАЗ»).
    • Сделайте формы как можно короче и включайте в них блок о конфиденциальности, чтобы гарантировать, что данные посетителей в безопасности (и соответствуют правилам GDPR).
    • Обращайте внимание на мелочи и экспериментируйте. Чередуйте призывы и лозунги, отслеживайте конверсии и выбирайте самый лучший рабочий вариант, который приносит много откликов.

    Выводы

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

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

    Когда вы просматриваете и маневрируете в Интернете, вы постоянно посещаете целевые страницы.

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

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

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

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

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

    Видео ниже поможет понять это определение.

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

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

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

    2. Дизайн целевой страницы

    3. Копия целевой страницы

    4. Тестирование целевой страницы

    5. Метрики для отслеживания

    6. Советы по целевой странице

    Во-первых, зачем вам

    нужна целевая страница?

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

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

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

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

    1. Создайте заголовок, ориентированный на выгоду.
    2. Выберите изображение, иллюстрирующее предложение.
    3. Напишите привлекательный текст.
    4. Включите форму для потенциальных клиентов в верхней части страницы.
    5. Добавьте четкий и заметный призыв к действию.
    6. Раздайте актуальное предложение.
    7. Просите только то, что вам нужно.
    8. Удалить всю навигацию.
    9. Сделайте вашу страницу адаптивной.
    10. Оптимизация для поиска.
    11. Не забудьте использовать страницу благодарности.

    Это много? Ниже мы рассмотрим эти рекомендации по использованию целевых страниц.

    1. Создайте заголовок, ориентированный на выгоду.

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

    2. Выберите изображение, иллюстрирующее предложение.

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

    3. Напишите привлекательный текст.

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

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

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

    5. Добавьте четкий и выделяющийся призыв к действию.

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

    6. Сделайте актуальное предложение.

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

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

    7. Проси только то, что тебе нужно.

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

    8. Удалить всю навигацию.

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

    9. Сделайте свою страницу адаптивной.

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

    Для этого можно использовать инструменты. Например, редактор целевых страниц HubSpot с функцией перетаскивания, доступный в Marketing Hub Starter, упрощает создание целевых страниц и форм, оптимизированных для мобильных устройств.

    10. Оптимизация для поиска.

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

    11. Не забудьте использовать страницу благодарности.

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

    Страница благодарности служит трем важным целям:

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

    Как оформить целевую страницу

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

    Структура целевой страницы

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

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

    1. Заголовок , который привлекает внимание посетителей
    2. Релевантное изображение , актуальное для вашей аудитории
    3. Форма для потенциальных клиентов , расположенная над линией сгиба для сбора информации о посетителях
    4. CTA ориентированный на действия и привлекательный
    5. Копия и описание , которое информирует и побуждает вашего посетителя заполнить вашу форму

    Источник

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

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

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

    Это означает несколько вещей…

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

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

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

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

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

    Изображения целевой страницы

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

    Давайте сузим выборку несколькими важными вопросами:

    Кто моя целевая аудитория?

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

    Где на моей целевой странице я хочу, чтобы они смотрели?

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

    Подкрепит ли это изображение мое сообщение?

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

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

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

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

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

    Источник

    Мобильная целевая страница

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

    Целевая страница Советы по копирайтингу

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

    1. Закройте основные точки.

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

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

    Проблема

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

    Ваше решение

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

    Возможности

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

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

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

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

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

    Источник

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

    2. Превентивно отвечать на возражения.

    Ключевой момент в написании убедительного текста (текста, который побуждает людей переходить на новый уровень) — устранение возражений еще до того, как они возникнут. Это требует определенных навыков… или, по крайней мере, помощи друга.

    После того, как вы заложили основу, обратившись ко всем основным пунктам, представьте себя в сознании вашего потенциального клиента и подумайте, где они могут протестовать или бросить вам вызов, когда будут читать. Например, если вы скажете: «Мы помогли компаниям из списка Fortune 500 привлечь клиентов», ваш читатель может насмехаться или усомниться в этом 9.0051, если только вы не подкрепите это заявление социальным доказательством.

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

    3. Завоюйте доверие потенциальных клиентов.

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

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

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

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

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

    Ниже приведены некоторые эффективные способы использования триггеров кликов:

    • Гарантия возврата денег
    • Легкая отписка
    • Цитата успешного или счастливого клиента
    • Рекламный ролик на тему «чего ожидать»
    • Снижение цены
    • Политика конфиденциальности
    • Другой творческий метод

    Источник

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

    A/B-тестирование вашей целевой страницы

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

    Вы проверяете это. Вот как. Сплит-тестирование (или A/B-тестирование), вероятно, не является чем-то новым для вас как маркетолога, и сплит-тестирование вашей целевой страницы — это еще один эксперимент, который вы можете добавить в свой список.

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

    Что такое A/B-тестирование?

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

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

    Как проводить A/B-тестирование

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

    Что нужно проверить?

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

    • Копия заголовка
    • Изображение
    • CTA цвет
    • Триггеры щелчка
    • Скопировать на страницу
    • Длина лид-формы и поля

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

    Метрики целевой страницы для отслеживания

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

    Посещения страницы

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

    Источник трафика

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

    Коэффициент отправки

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

    Контакты

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

    Тепловая карта

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

    Показатель отказов

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

    Брошенные формы

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

    Контрольные показатели

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

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

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

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

    Оптимизируйте целевую страницу.

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

    Подарите

    действительно хорошее предложение.

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

    Вот несколько вопросов, чтобы определить, есть ли у вас привлекательное предложение или нет:

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

    Уменьшить время загрузки страницы.

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

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

    Помните о пути покупателя.

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

    Создайте удобный интерфейс.

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

    Создайте четкий путь к конверсии.

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

    Вот несколько способов указать посетителю на конверсию:

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

    Добавьте дефицита к вашему предложению.

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

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

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

    Использовать видео.

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

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

    Видео …

    • Повышает конверсию
    • Более представительный способ поделиться сообщением и связаться с потенциальными клиентами
    • Может быть более привлекательным, чем изображение, и заставит посетителей кликать (и конвертировать)
    • Может уменьшить количество звонков в службу поддержки или заявок, которые вы получаете
    • Обрабатывается в 60 000 раз быстрее, чем текст

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

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

    Что делать после конверсии: взращивание лидов

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

    Оптимизируйте страницу благодарности.

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

    Ваша страница благодарности должна:

    • Поблагодарить нового лида (поймите)
    • Предоставьте ссылки на соответствующий контент на вашем сайте
    • Пригласите лида подписаться на вас в социальных сетях
    • Попросите лида подписаться на ваш блог
    • Автоматизируйте последующее электронное письмо с предложением

    Проведите их по пути покупателя.

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

    Установить связь.

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

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

    Станьте лучше с помощью целевых страниц

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

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

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

    Первоначально опубликовано 11 ноября 2020 г. 7:00:00 утра, обновлена ​​10 2021

    Темы:

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

    Но как организовать это содержимое? Например, на странице продаж Marketing Bullets почти 30 000 слов. Это как «Война и мир» целевых страниц. (Вся эта копия сводится к конверсионному действию, которое стоит 5000 долларов.)

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

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

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

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

    1. Заголовок

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

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

    Unbounce объясняет это следующим образом:

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

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

    Конверсия этой целевой страницы составила 3%.

    Конверсия целевой страницы с измененным дизайном составила 18,7%.

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

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

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

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

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

    3. Изображение

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

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

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

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

    4. Видео (если применимо)

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

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

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

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

    5. Краткая копия

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

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

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

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

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

    7. Сигналы доверия

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

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

    The Renegade Diet отображает список публикаций, в которых она упоминалась:

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

    8. Описание продукта или услуги

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

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

    Книга о диетах Ренегата объясняет некоторые из наиболее важных открытий, сделанных в книге.

    Этот раздел может быть любой длины.

    9. Преимущества продукта или услуги

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

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

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

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

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

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

    10. Отзывы

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

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

    А вот и видео-отзывы:

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

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

    11. Больше призывов к действию

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

    12. Тестируйте и повторяйте

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

    Заключение

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

    1. Заголовок
    2. Подзаголовок
    3. Изображение
    4. Видео
    5. Краткая копия
    6. Призыв к действию
    7. Сигналы доверия
    8. Описание продукта или услуги
    9. Преимущества продукта или услуги
    10. Отзывы
    11. Подробнее CTA
    12. Проверка и повторение

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

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

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

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

Закажите звонок

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

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

  • Какова анатомия целевой страницы?
  • Заголовок
  • Копия тела
  • Изображения, анимация или видео
  • Ведущая форма
  • кнопка призыва к действию
  • Таймер обратного отсчета
  • Социальное доказательство
  • Преимущества
  • Часто задаваемые вопросы
  • Нижний колонтитул
  • Готовы к большему?

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

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

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

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

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

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

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

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

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

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

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

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

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

Заголовок

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

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

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

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

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

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

Основной текст

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Форма для лидов

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

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

Сохраняйте форму для потенциальных клиентов минималистичной, интуитивно понятной и добавляйте к ней дополнительный текст:

Факультет — это дизайн-студия, использующая формы для лидов для преобразования посетителей в клиентов

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

Кнопка призыва к действию

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

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

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

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

Tomorrow — это банковская система, которая помогает пользователям получить новую карту за несколько минут

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

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

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

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

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

Predesign Studio показывает количество свободных мест рядом с их кнопкой CTA, чтобы создать срочность

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

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

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

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

Tailwind CSS показывает реальные отзывы своих клиентов

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

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

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

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

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

Характеристики

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

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

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

FAQ

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

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

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

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

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

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

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

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

9 советов по созданию эффективной целевой страницы

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

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

Совет № 1: Чистый, организованный дизайн

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

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

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

Совет № 2: Будьте минималистом

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

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

Совет № 3: Используйте заголовок для передачи ценности предложения

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

Бесплатная электронная книга по маркетингу в Твиттере

Получите больше качественных подписчиков в Твиттере – быстро!

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

Совет № 4: Сигналы доверия

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

Комбинация сигналов доверия и отзывов

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

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

Совет № 5. Сделайте свою страницу удобной для мобильных устройств

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

Совет № 6. Сократите формы

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

В этой форме запрашиваются только адрес электронной почты и почтовый индекс

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

Совет № 7. Адаптируйте свои целевые страницы для отдельных аудиторий

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

Совет № 8: Сопоставьте копию целевой страницы с рекламой PPC

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

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

Совет №9: Тестируйте!

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

Дополнительные ресурсы для целевых страниц

Ознакомьтесь с еще 15 идеями для целевых страниц.

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

Оцените свою учетную запись Google Ads, чтобы узнать, насколько эффективны ваши целевые страницы: бесплатный инструмент Google Ads Performance Grader.

 

11-шаговый процесс макета целевой страницы для еще большего количества конверсий [2022]

Средний коэффициент конверсии целевой страницы колеблется около 10%.

Неплохо, учитывая, что средний коэффициент конверсии веб-сайта колеблется в районе 3%.

Все еще… 10%?

Мы можем сделать лучше.

И все начинается с улучшения макетов целевых страниц.

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

Как?

Раз и навсегда демистифицируя дизайн целевой страницы и сводя макеты целевой страницы к 11 простым шагам.

Мы также собираемся поделиться 15 нашими любимыми полноформатными макетами целевых страниц для вашего вдохновения (и файлом).

Начнем.

Перейти к:

  • Как создать макет целевой страницы
  • 1. Начните с творческого задания
  • 2. Соберите копию 
  • 3. Определите свою информационную архитектуру (структуру) 
  • 4. Установите визуальную иерархию
  • 5. Поддерживайте соотношение внимания как можно ближе к 1:1 
  • 6. Произведите неизгладимое первое впечатление (в верхней части страницы)
  • 7. Включите отдельные объекты в свой дизайн
  • 8. Добавьте контекст с помощью наглядных пособий
  • 9. Поддержите преимущества с помощью функций
  • 10. Подтвердите заявления социальным доказательством 
  • 11. Повторите , но по-другому (внизу страницы) 
  • 15 лучших примеров дизайна целевой страницы (по типам) 
  • Эффективный дизайн целевой страницы – это не высшая математика 

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

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

  1. Начните с брифа
  2. Соберите копию0028
  3. Определите свою информационную архитектуру (структуру)
  4. Установите визуальную иерархию
  5. Поддерживайте соотношение внимания как можно ближе к 1:1
  6. Произведите неизгладимое первое впечатление (в верхней части страницы)
  7. Включите в свой дизайн различные элементы
  8. Добавьте контекст с помощью наглядных пособий
  9. Поддержите преимущества с помощью функций об этом в следующем разделе). Но примите во внимание эти 11 шагов, необходимых для создания высококачественного пользовательского интерфейса целевой страницы, независимо от типа.

    1. Начните с творческого задания

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

    Введите: творческий бриф.

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

    Большая ошибка.

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

    Что должно включать в себя ваше творческое задание?

    Get/Who/To/By (приветы Джулиана Коула): 

    Get/Who/To/By шаблон брифа

    Большинство используют шаблон брифа Get/Who/To/By для рекламных объявлений. Но он отлично работает и для веб-страницы или для целевой страницы.

    • Получите: опишите целевую аудиторию, которая увидит вашу целевую страницу
    • Кто: опишите основную проблему, с которой сталкивается ваша целевая аудитория (не предположения или интуиция, а реальные проблемы потребителей, выявленные в ходе исследования)
    • Кому: опишите, как вы хотите, чтобы ваша целевая аудитория реагировала на вашу целевую страницу (т. е. что она вызовет у них? И какова ваша цель конверсии? Бесплатные пробные версии? Лидогенерация? Мгновенные продажи? Больше загрузок? ) 
    • Автор: опишите сообщение, которое вы хотите передать, и ценностное предложение, которое побудит к действию 

    Вот и все.

    Например, мы хотим…

    • получить SaaS-компания малого и среднего бизнеса с годовым маркетинговым бюджетом не более 300 000 долларов…
    • , которым не удалось масштабировать свой маркетинг эффективности из-за бюджетных ограничений и доступа к талантам…
    • зарегистрируйтесь бесплатно консультация…
    • на показывая им, что наше агентство может увеличить конверсию на 25%, снизить цену за конверсию (CPA) на 25% и сократить штат на 18% 

    Boom .

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

    Теперь пора приступить к дизайну. Ну, почти… 

    2. Соберите копию 

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

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

    Почему?

    Ну, помните, мы говорили о создании ящика для творчества?

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

    Копия определяет размер, структуру, пространство и художественное оформление.

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

    Сначала контент, всегда — источник

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

    Когда дело доходит до организации информации на вашей странице, у вас есть два основных варианта:

    • F-образный
    • Z-образный
    F-образный шаблон F-образный шаблон самая популярная информационная иерархия в Интернете.

    И не зря.

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

    Используйте F-образную иерархию для текстовых целевых страниц.

    Z-образный узор

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

    Используйте Z-образную иерархию для 90 160 визуально насыщенных 90 161 целевых страниц.

    4. Создайте визуальную иерархию

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

    Как?

    • Контраст: использование контрастных цветов или оттенков создает тонкое напоминание о том, что одни объекты важнее других 
    • Масштаб: большие, жирные заголовки и средние, полужирные подзаголовки и светлый абзац 
    • Баланс: сбалансированный раздел указывает на равенство частей; несбалансированный раздел сигнализирует о том, что одна часть (та, которая занимает больше места) более важна, чем другая 
    • Повторение : сохраняйте ее согласованность (что бы вы ни выбрали, сделайте макет целевой страницы обучаемым, повторяя визуальную иерархию по всей странице)
    Контраст, масштаб, баланс и согласованность

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

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

    5. Соотношение внимания должно быть как можно ближе к 1:1 

    Соотношение внимания относится к количеству ссылок на странице по сравнению с количеством целей конверсии.

    Например, если ваша целевая страница имеет только одну цель конверсии (например, бесплатную пробную версию) и одну ссылку (кнопку CTA), это соотношение внимания 1:1.

    Почему 1:1 оптимален?

    Никаких отвлекающих факторов.

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

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

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

    Сосредоточьте внимание посетителей на одной цели.

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

    6. Произведите неизгладимое первое впечатление (в верхней части страницы)

    Качественный дизайн целевой страницы закрепит представление: верхняя часть страницы.

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

    Например, посмотрите верхнюю часть нашей главной страницы: 

    Верхнюю часть нашей главной страницы

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

    • Заголовок: Заголовок вашей целевой страницы должен объяснять ваше предложение, определять вашу нишу и привлекать посетителей.
    • Подзаголовок: Подзаголовок целевой страницы должен дополнять заголовок контекстом и деталями. Если ваш заголовок описывает какую ценность вы намереваетесь создать, ваш подзаголовок должен объяснить как вы собираетесь ее создать.
    • Снимок героя: Снимок героя вашей целевой страницы (основной визуальный элемент) должен дополнять контекст вашего предложения. Не используйте абстрактные формы или дизайн для заполнения пространства; вместо этого покажите посетителям ваш продукт или услугу в реальной жизни (наша услуга — это наши люди, поэтому мы показываем уродливую рожу Митчелла над сгибом)
    • CTA: Ваша копия CTA на целевой странице должна привлекать клики, дразня землю обетованную и обрабатывая любые возражения в последнюю минуту.
    • Форма (если применимо): Ваша форма целевой страницы должна делать многое с помощью малого (поэтому щелкните гиперссылку и прочитайте полную статью). Просто знайте, что на каждой надежной странице захвата лидов форма должна располагаться спереди и по центру над сгибом, где каждый может легко ее заполнить.

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

    Почему они так важны?

    Давайте сыграем в игру…

    Какая марка указана ниже?

    Марка 1

    Теперь, какая марка ниже?

    Бренд 2

    Бренд 1: Mailchimp.

    Марка 2: Работа в команде.

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

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

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

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

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

    8. Добавьте контекст с помощью наглядных пособий

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

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

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

    Например, обратите внимание, как Webflow использует анимированный GIF, чтобы проиллюстрировать мысль, которую они делают в своей копии?

    Webflow знает, как использовать наглядные пособия

    Или обратите внимание, как Buffer делает то же самое, но с полуанимированными снимками экрана: 

    Buffer также эффективно использует визуальные средства

    9. Поддержите преимущества с помощью функций

    Вы правильно поняли: поддержите преимущества с помощью Особенности. А не наоборот.

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

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

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

    ClickUp делает мало функций, но много преимуществ

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

    Что считается социальным доказательством?

    • Свидетельство
    • Обзоры
    • Звездные рейтинги
    • Клиентские логотипы
    • Трастовые значки
    • Награды
    • Данные клиентов или статус пользователя
    • Клиент. инфлюенсер)

    И многое другое.

    Где разместить социальное доказательство?

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

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

    Например, целевая страница Джаспер Перпер содержит социальные доказательства сверху донизу, но они также разработали собственный раздел в своем макете: 

    Джаспер (ранее Джарвис), раздел социальных доказательств

    11. Повторите еще раз, но по-другому (внизу страницы) 

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

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

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

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

    Первый призыв к действию, над foldFinal CTA внизу страницы

    Вот и все — 11 простых шагов для создания макета целевой страницы с высокой конверсией.

    Теперь давайте рассмотрим реальные примеры и дизайны, которые делают это правильно.

    15 лучших примеров оформления целевых страниц (по типам) 

    Теперь самое интересное: примеры.

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

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

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

    • привлечение лидов
    • клики 0028
    • SaaS
    • B2C (электронная коммерция/DTC) 
    • мобильные приложения

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

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

    Давайте исследовать.

    Макеты целевых страниц для захвата лидов
    1. Pipe
    2. KlientBoost
    3. Oscar

    Pipe

    Что нам нравится: раздел социальных доказательств 

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

    Секция социальной защиты Pipe

    KlientBoost

    Что мы любим: Техника хлебных крошек (многошаговая форма) 

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

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

    Почему многошаговая раскладка?

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

    Многоэтапная форма KlientBoost разбита на четыре этапа

    Оскар

    Что нам нравится: наглядное пособие + форма Блестящий.

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

    Макет бланка Оскара с наглядным пособием

    Dive deeper: Best Lead Capture Page Examples To Copy 

    Click-through landing page layouts 
    1. Jasper (formerly Jarvis) 
    2. Semrush
    3. Editor X

    Jasper

    What we love: различные коды брендов

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

    • Темный фон 
    • Отличительные фирменные цвета (синий/фиолетовый/розовый)
    • Робот Джаспер (талисман)
    Робот Джаспер (талисман бренда)

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

    Semrush

    Что нам нравится: преимущества, поддерживаемые функциями

    Как и в предыдущем примере с ClickUp, Semrush также размещает функции и преимущества своих продуктов в разделе с вкладками. И опять же, как и ClickUp, они делают акцент на преимуществах (что на самом деле волнует посетителей) и мало на функциях.

    Преимущества и функции Semrush

    Editor X

    Что мы любим: минимализм

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

    Простой. Сложный. Краткий. Эффективный.

    Насколько минимально? Всего три раздела:

    • главный раздел (вверху)
    • раздел преимуществ
    • второй призыв к действию

    *Хотя мы рекомендуем также добавить раздел социальных доказательств. 😉

    См. Больше макетов: Страницы по клике: определение, примеры, лучшие практики

    МАССИЯ МОБИЛЬНЫЕ ПРЕДОСТАВЛЕНИЯ
    1. PZIZZ
    2. CASHAPP
    3. NARA BABY
    4. NARA
    5. . love: final CTA section

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

      Pzizz final CTA

      CashApp

      Что нам нравится: раздел CTA 

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

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

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

      Раздел QR-кода CashApp

      Nara Baby

      Что нам нравится: неизгладимое первое впечатление (на первой странице) 

      В верхней части раздела Nara Baby отмечены все поля: 

      28 022 заголовок

    6. заголовок
    7. hero shot
    8. CTA
    9. Nara Baby выше сгиба

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

      Макеты целевых страниц электронной коммерции/DTC
      1. Keeps 
      2. Dollar Shave Club
      3. Hers

      Keeps

      Что мы любим: наглядные пособия

      Это просто. Держит витрины реальных людей, использующих их продукты в реальной жизни. Сделать невидимое видимым, помните?

      Keeps делает невидимое видимым с помощью визуальных средств

      Dollar Shave Club

      Что нам нравится: Z-образная информационная иерархия

      Dollar Shave Club упрощает текст, что делает Z-образную структуру информации оптимальной.

      Z-образный шаблон 

      Hers

      Что нам нравится: визуальная иерархия 

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

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

      Ее визуальная иерархия 

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

      SaaS Lading Lackouts
      1. Clickup
      2. Hotjar
      3. Canva

      Clickup

      What Love: Social Pracepress 619

      What Love: Social Presection 9

      What Love: Social Presection 619

      . значки как социальное доказательство. ClickUp ничем не отличается.

      Но что нам нравится в том, как ClickUp вручает свои награды, так это то, что они берут свои 20+ значков и транслируют их непрерывно, так что на самом деле кажется, что их больше. Тонко, но эффективно.

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

      Hotjar

      Что мы любим: наглядное пособие

      Кто сказал, что наглядное пособие должно быть изображением или фотографией?

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

      Расскажите о том, как сделать невидимое видимым. Отличная работа.

      Canva

      Что мы любим: коэффициент внимания 

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

      Нет панели навигации.

      Нет ссылок в футере.

      Никаких других призывов к действию, кроме «Зарегистрироваться».

      Ознакомьтесь с другими макетами: Примеры целевых страниц SaaS с высокой конверсией

      Эффективный дизайн целевой страницы — это не высшая математика

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

      • creative brief
      • information hierarchy 
      • visual hierarchy 
      • attention ratio 
      • benefits over features
      • headline, subheading, hero image, CTA
      • distinct assets
      • visual aids
      • social proof 

      Creating great landing макеты страниц могут быть наукой. Но это не ракетостроение.

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

      Удачного преобразования!

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

      Это наиболее полное онлайн-руководство по целевым страницам.

      Итак, если вы хотите:

      • Создать целевые страницы, которые СУПЕР конвертируют
      • Посмотрите примеры лучших в мире целевых страниц
      • Получите доступ к проверенным шаблонам целевых страниц

      Тогда вам понравятся подробные стратегии в сегодняшнем руководстве.

      Давайте начнем.

      Содержание

      ГЛАВА 1

      ЛЕСКАЯ СТРАНИЦЫ 101

      ГЛАВА 2

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

      ГЛАВА 3

      Удивительная целевая страница. Страницы

      Глава 5

      Расширенные стратегии преобразования целевых страниц

      Глава 1: Целевые страницы 101

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

      В том числе:

      Что это такое.

      Почему они важны.

      И как целевая страница может повысить конверсию на вашем сайте.

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

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

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

      Чем целевая страница отличается от «обычной» веб-страницы?

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

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

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

      Та же история и с сообщениями в блогах, о страницах… и большинстве других страниц вашего сайта. У вас много конкурирующих CTA.

      (именно поэтому вы редко хотите отправлять трафик Google Ads на эти типы страниц).

      Но у целевой страницы обычно есть ОДНА цель и ОДИН последовательный призыв к действию.

      Почему целевые страницы так хорошо конвертируются?

      Есть две основные причины, по которым целевые страницы ОТЛИЧНО увеличивают конверсию:

      1. У них есть целенаправленный призыв к действию.
      2. Они нацелены на определенную группу.

      Как я только что упомянул, целевые страницы РАЗБИВАЮТ обычные страницы, потому что они на 100% сосредоточены на одном призыве к действию.

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

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

      Фактически, HubSpot обнаружил, что чем больше целевых страниц, тем больше конверсий на сайте.

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

      Глава 2: Шаблоны целевых страниц

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

      В частности, я дам вам 4 шаблона целевых страниц, которые вы можете использовать:

      • Шаблон страницы регистрации по электронной почте
      • Шаблон страницы продаж
      • Шаблон страницы бесплатной пробной версии
      • Шаблон страницы генерации лидов

      Давайте проверим шаблоны.

      Шаблон страницы регистрации по электронной почте

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


      Заголовок=Что они получают

      Сегодня люди СУПЕР неохотно делятся своим адресом электронной почты. И я не могу их винить.

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

      Это означает, что вам нужно сделать СУПЕР ясным то, что кто-то собирается получить.

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


      Подробный подзаголовок

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

      Вот пример:

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


      Главное изображение

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

      Помните: «курс по электронной почте», «отчет» или «еженедельный информационный бюллетень» СУПЕР трудно представить себе.

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


      Призыв к действию в верхней части страницы

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

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


      Список функций

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

      Введите: Список функций.

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

      Точный список функций зависит от того, что вы отдаете.

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

      Если это отчет, вы должны указать стратегии, которые вы будете освещать.

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

      Например, на странице Exploding Topics есть подробный раздел «Как это работает», в котором рассказывается, как разрабатывается, упаковывается и отправляется информационный бюллетень.


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

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

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

      Или отзывы нескольких счастливых подписчиков.


      Второй призыв к действию

      Я рекомендую добавить второй призыв к действию в самом низу вашей страницы.

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

      Шаблон страницы продаж

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


      Заголовок = Ясная выгода

      Основная цель заголовка вашей страницы продаж — привлечь чье-то внимание ЯВНОЙ выгодой.

      Вот пример из одного из моих длинных рекламных писем:

      Если вы вообще заинтересованы в маркетинге на YouTube, такой заголовок заставит вас остаться на странице и узнать больше.


      Зацепка для первого абзаца

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

      Вот пример:

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


      Предыстория

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


      The Big Reveal

      Здесь вы представляете свой продукт… и перечисляете, что включено.


      Отзывы клиентов

      Вы хотите разбросать их по всей странице продаж.


      Призыв к действию «Купить сейчас»

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


      Надежная гарантия

      Укажите, какая у вас гарантия и какие ограничения у вас есть (например, 30-дневный период).

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

      Например, раздел гарантии на одной из наших страниц продаж состоит из 228 слов .

      Шаблон страницы бесплатной пробной версии SaaS

      Основная цель целевой страницы бесплатной пробной версии SaaS — это привлечение кого-то к вашему потоку регистрации .

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

      Вот шаблон:


      Заголовок на простом английском

      Это то, с чем борются многие B2B SaaS-компании. Вместо прямолинейного заголовка пишут вот такую ​​ерунду.

      Вместо этого я рекомендую простой заголовок, как этот из Help Scout.


      «Что мы делаем»

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


      Concept Hero Image

      Когда-то SaaS-компании использовали скриншот своего программного обеспечения для своего главного изображения. И это все еще может работать.

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

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

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


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

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


      Список функций

      Здесь нет ничего особенного. Просто список из 4-5 лучших функций (и преимуществ) вашего программного обеспечения.


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

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


      Последний призыв к действию

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

      Шаблон страницы привлечения потенциальных клиентов

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

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

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


      Заголовок = Предложение, ориентированное на выгоду

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

      Вы также просите кого-то раскошелиться на его имя, адрес… а иногда даже номер телефона.

      Итак, что бы вы ни предлагали (будь то цитата или лид-магнит), оно должно быть потрясающим.

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

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


      Главное изображение

      Как и в случае с Squeeze Page, никогда не помешает иметь представление о том, что кто-то собирается получить.


      CTA #1

      HubSpot использует кнопку «скачать бесплатно» в качестве своего первого CTA.

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

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


      Основные сведения

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


      Мелкий шрифт

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

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

      Вот пример из HubSpot.


      Призыв к действию «Последний шанс»

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

      Глава 3: Удивительные примеры целевых страниц

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

      Я не только предоставлю вам кучу потрясающих примеров целевых страниц, но и
      покажу вам, ПОЧЕМУ каждая страница работает так хорошо.

      (И как вы можете воспроизвести те же подходы на своих целевых страницах).

      Итак, давайте посмотрим на примеры!

      Пример целевой страницы SaaS от Confetti

      Почему это круто:

      • Кристально чистый заголовок
      • Подзаголовок добавляет контекст
      • Несколько призывов к действию на странице

      Пример целевой страницы страницы продаж от Nerd Fitness

      Почему это круто:

      • Заголовок с преимуществами
      • Сильные отзывы
      • Принудительный отказ от риска

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

      Почему это круто:

      • Ясный и прямой призыв к действию
      • Социальное доказательство в виде упоминаний в СМИ
      • Никаких отвлекающих факторов или конкурирующих целей

      Пример целевой страницы Lead Gen от Zillow

      Почему это круто:

      • Формы появляются только после того, как пользователь нажимает кнопку «Начать сегодня»
      • Красиво иллюстрированный раздел «мелкий шрифт»
      • Хорошо отобранные отзывы

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

      Почему это круто:

      • Несколько призывов к действию вверх и вниз по странице
      • Страница оптимизирована для трафика Facebook
      • Супер хорошо написанный список функций

      Глава 4: Как проводить A/B-тестирование целевых страниц

      Создание целевых страниц с использованием описанных выше стратегий должно настроить вас на создание страницы с высокой конверсией.

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

      В этой главе вы узнаете, как именно проводить A/B-тесты на ваших целевых страницах.

      Сначала проверьте БОЛЬШИЕ изменения

      Если бы я мог дать вам один совет по раздельному тестированию ЛЮБОЙ страницы, я бы сказал:

      Проверка БОЛЬШИХ изменений. Особенно рано.

      Это ошибка, которую я часто совершал в свое время.

      Я бы попробовал немного другой заголовок. Или изменить цвет кнопки с красного на зеленый. И ни одно из этих изменений не имело НИКАКОГО значения.

      Вот тогда я кое-что понял:

      Если вы хотите больших улучшений, вам нужны большие изменения.

      Например, мой друг Ларри Ким предлагал «бесплатную пробную версию» на всех своих целевых страницах.

      И сколько бы мелких изменений он ни делал, страница застряла на 2%.

      Поэтому он решил сделать что-то радикальное: изменить предложение .

      Вместо бесплатной пробной версии он предложил людям «Adwords Grader».

      И это единственное изменение подняло коэффициент конверсии этой страницы с 2% до 40%.

      Другой пример: в настоящее время мы тестируем две разные страницы Exploding Topics.

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

      Версия № 2 — это та же страница… с обрезанным на 80 %. Теперь это буквально только область выше сгиба.

      Какой лучше? Я понятия не имею. Вот почему я его тестирую. Но я показываю вам этот пример, чтобы выделить типы изменений, которые вы хотите протестировать A/B.

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

      Что происходит, когда кто-то переходит на вашу целевую страницу и не выполняет конверсию?

      Трудно сказать.

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

      Введите: тепловые карты.

      Тепловые карты не скажут вам: «Вот почему люди не конвертируются и как это исправить».

      Но они ДЕЙСТВИТЕЛЬНО дают вам некоторые объективные данные, которые вы можете использовать, чтобы разобраться во всем.

      Например, мы запускаем тепловые карты для Exploding Topics. И я постоянно удивляюсь тому, как люди на самом деле взаимодействуют с нашими целевыми страницами.

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

      Пусть тест продлится хотя бы две недели

      Я очень нетерпелив. Так что для меня ждать недели, пока сплит-тест полностью сделает свое дело, все равно, что смотреть, как сохнет краска.

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

      Как оказалось, это была ошибка.

      Вместо этого вы хотите запустить свои тесты в течение нескольких недель. И вы хотите продолжать проводить A/B-тестирование даже после достижения 95% уверенности.

      Почему?

      Пип Ладжа объясняет математику лучше меня (математика не моя сильная сторона). Но все сводится к тому, что большинство «выигрышей», которые вы видите в результате сплит-тестирования, — это случайность.

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

      Глава 5: Расширенные стратегии конверсии целевой страницы

      К этому моменту у вас, вероятно, есть целевая страница, которая очень хорошо конвертируется.

      Отлично!

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

      Давайте сразу к делу.

      Превратите свою страницу «О нас» в целевую страницу

      Целевая страница — это не просто случайная страница, на которую вы отправляете рекламный трафик Facebook.

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

      Включая вашу страницу с информацией.

      Например, у нас есть две регистрационные формы на странице о Backlinko.

      И благодаря этим двум формам эта страница конвертируется на 4,49%:

      Не удивительно. Но 4,49% — это неизмеримо больше, чем если бы мы вообще не использовали никаких форм.

      Как ранжировать целевые страницы в Google

      ОЧЕНЬ сложно ранжировать целевые страницы на первой странице Google.

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

      Но это не значит, что невозможно вывести вашу целевую страницу на первое место в Google.

      Просто нужно немного спланировать.

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

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

      Традиционных целевых страниц тоже было довольно много.

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

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

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

      Удалить навигацию по сайту

      Помните: одна из главных особенностей целевой страницы заключается в том, что она ориентирована на ОДНО действие.

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

      Например, мы удаляем ссылки «Контакты» и «О нас» из заголовка на странице подписки на рассылку новостей.

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

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

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

      В этом подходе нет ничего плохого… сначала.

      Но со временем вы захотите создать разные целевые страницы для разных аудиторий.

      Допустим, вы запускаете рекламную кампанию на Facebook.

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

      Таким образом, вместо общей страницы они попадут на страницу, которая ТОЛЬКО для них.

      Используйте свою страницу подтверждения для получения «последовательных конверсий»

      Когда кто-то подписывается на вашу рассылку или на бесплатную пробную версию, вы, вероятно, отправляете его на страницу подтверждения.

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

      Очевидно, вы не хотите, чтобы они повторили то же действие.

      Вместо этого используйте «боковое преобразование».

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

      Но не останавливайтесь на достигнутом.

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

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

      Что приводит к десяткам новых подписчиков каждую неделю.

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

Ваш адрес email не будет опубликован.