Страница лендинг: определение, примеры, применение. // Создание Landing Page

15 примеров лучших лендингов — Weblium Блог

Содержание

Что такое лендинг?

Лендинг (landing page) — особый тип одностраничного сайта (либо отдельная лендинговая страница на сайте), созданный и «заточенный» под продвижение или продажу конкретного нового, уникального продукта/услуги/акции/мероприятия.  

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

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

Примеры лендингов, которые вы запомните! 

Boy-coy: пример лендинга с крутым параллакс-эффектом

Смотреть лендинг: http://boy-coy. com/

Ниша: дизайн;

Особенность: параллакс, 4-экранное исполнение.

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

Параллакс-эффект однозначно увлекает, разбавляя простую «рисованную» графику. 

Setters: пример последовательного лендинга

Смотреть лендинг: https://setters.agency/

Ниша: дизайн; 

Особенность: последовательность, фиксированная кнопка CTA.

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

Информация подается очень грамотно и последовательно, а кнопка «Оставить заявку» всегда остается перед глазами.

Unawheel: пример лендинга c правильными CTA

Смотреть лендинг: https://unawheel. eu/

Ниша: производство инвалидных колясок; 

Особенность: полнота информации, правильный дизайн и посылы CTA.

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

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

Maslo: пример анимированного лендинга

Смотреть лендинг: https://maslo.ai/

Ниша: разработка приложений; 

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

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

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

Okna Ludyam: пример лендинга с неожиданным дизайном

Смотреть лендинг: http://oknaludyam.ru/

Ниша: производство МПО; 

Особенность: уникальный «рисованный» дизайн, полнота подачи информации. Перед вами пример landing page, который заставит многих вспомнить школьные годы!

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

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

Balsoy: пример крайне «эстетичного» лендинга

Смотреть лендинг: https://www.balsoy.fr/

Ниша: производство пищевых продуктов;

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

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

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

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

NotPot: пример «немногословного» лендинга

Смотреть лендинг: https://notpot. com/

Ниша: производство кулинарных изделий;  

Особенность: красочный pop-art дизайн, минимум текста, простота и понятность.

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

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

Элементы дизайна в стиле pop-art заменяют тысячу слов (текста на лендинге действительно мало!). А еще, здесь есть притягивающая взгляд анимация и предельно понятный интерфейс — просматривать целевую страничку NotPot просто и приятно!

Weblium: пример лендинга с сильным оффером

Смотреть лендинг: https://weblium.com/create-small-business-website

Ниша: создание сайтов;

Особенность: обилие CTA, минималистичный дизайн, сильный оффер, графика.

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

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

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

Twillory: пример лендинга с высокой конверсией

Смотреть лендинг:https://www.twillory.com/

Ниша: производство одежды; 

Особенность: простота и понятность, высокий показатель конверсии.

Лендинг, пример которого сейчас перед вами, имеет коэффициент конверсии равный 46. 85% (для индустрии торговли одеждой это просто мечта!).

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

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

Happy hostel: пример лендинга-шаблона

Смотреть шаблон: https://hostel.weblium.site/

Использовать шаблон для своего лендинга

Ниша: услуги по размещению гостей;

Особенность: последовательная и четкая подача информации.

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

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

Silla: пример лендинга с нестандартным УТП

Смотреть лендинг:https://silla.com.ua/

Ниша: производство мебели;

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

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

Titan: пример эффектного лендинга

Смотреть лендинг: https://titan.viita-watches.com/en/

Ниша: производство умных часов;

Особенность: эффектный дизайн, центрирование продукта на экране.

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

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

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

Promo: пример лендинга с высокой конверсией

Смотреть лендинг: https://promo.com/

Ниша: платформы для создания видео;

Особенность: обилие видеоконтента, CTA, социальных доказательств.

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

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

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

Хотите такой же классный сайт? Тогда читайте о том, как создать продающий лендинг!

 Sydney Vessel Specialists лендинг: пример минимализма

Смотреть лендинг: https://sydneyvesselspecialists. com.au/

Ниша: обслуживание яхт;

Особенность: минималистичный дизайн, правильные CTA, сильный оффер и качественные фото.

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

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

Nevada Summer Night Party лендинг: пример шаблона

Смотреть лендинг: https://music-party.weblium.site/

Использовать шаблон для своего лендинга

Ниша: развлечения;

Особенность: обилие CTA, минималистичный дизайн, сильный оффер, графика.

Если когда-нибудь захотите устроить масштабную пати — внимательно изучите этот лендинг!

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

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

Чем отличается лендинг от других сайтов:

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

Заключение

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

Создайте свой продающий лендинг с Weblium уже сегодня — и начните привлекать новых клиентов!

Автор

Людмила Кухаренко

Автор блога Weblium

Другие статьи автора

5 2 голоса

Рейтинг статьи

сайт или лендинг пейдж? И чем они отличаются?

Разбираемся, чем отличается лендинг от сайта

Разбираемся, чем отличается
лендинг от сайта

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

Сайты

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

Основные типы сайтов для бизнеса

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

Сайт-визитка

Несет в себе минимальную информацию о компании (контакты, сфера деятельности и время работы).

Задача сайта-визитки — чтобы сайт просто БЫЛ. И можно было найти контактную информацию о вашей компании.

Корпоративный сайт

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

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

Интернет-магазин

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

Поэтому вести на интернет-магазин стоит только горячих клиентов, которые готовы купить здесь и сейчас без уточнения тонкостей сделки. Но таких клиентов не более 2-3% от всех посетителей сайта. А остальные 97% людей уходят с сайта ни с чем.

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

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

Лендинг пейдж

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

1. уйти с лендинга
2. оставить заявку

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

Задача landing page — совершение конкретного целевого действия на лендинге. Это действие может отличаться от целей лендинга и сферы вашего бизнеса.

Возможные целевые действия

• Оформление заявки на лендинге
• Онлайн-покупка
• Скачивание файлов или документов
• Просмотр видео
• Переход на другие страницы или внешние сайты

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

Почему стоит делать много лендингов?

Под каждый целевой сегмент вам стоит сделать отдельный лендинг. Это позволит повысить конверсию лендинга от 30%.

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

Чем тоньше вы “нарежете” сегменты — тем более персонализированное сообщение вы сможете указать на лендинге.

Отличия лендинг пейдж и сайта

Отличия лендинг пейдж
и сайта

Длина лендинга

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

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

Наличие целевого действия

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

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

Отсутствие навигации

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

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

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

Призыв к действию на целевой странице — конкретный экран с CTA (call to action), направленный на совершение целевого действия — заказ, оплата заявки, регистрация и т.д.

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

• “Оставьте заявку”
• “Заполните форму и получите бесплатную консультацию”
• “Оформите товар и получите его через 3 часа”

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

Мы рассмотрели, чем сайт отличается от лендинга, но что из них лучше? Дело в том, что каждый из них предназначен для решения своей задачи:

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

Что же все-таки выбрать — сайт или лендинг?

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

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

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

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

Создайте собственный лендинг пейдж!

Создайте собственный лендинг пейдж!

Это легко.

Это легко.

Документы:

Документы:

Полезные ссылки:

Полезные ссылки:

Функциональность:

Функциональность:

О компании:

О компании:

при поддержке Фонда Развития Интернет Инициатив

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

Бесплатный звонок по России

8 800 200 51 47

[email protected]

Видеоинструкции

29 лучших примеров лендингов 2020 года — Маркетинг на vc.ru

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

136 478
просмотров

Оригинал статьи:

Перевод: Анастасия Севальникова, digital-агентство «Интериум».

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

Что делает лендинг эффективным?

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

Вот несколько основных приемов высоко конвертируемых лендингов:

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

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

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

• Сосредоточьте весь лендинг на одном предложении, с одним основным призывом к действию (CTA).

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

• Проверьте новые идеи, используя A/B-тестирование. Иногда то, что работает, удивит вас.

Лучшие примеры целевых страниц

1. Athabasca University

Изображение предоставлено Университетом Атабаска.

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

• Смарт-копия. Возможно, стоит попробовать более прямой заголовок, но эта копия соответствует иным инициативам школы по брендингу в других местах. Что также очень значительно. Цель ясна: люди, которые могут улучшить свое образование, но не чувствуют, что у них есть на это время. Этот лендинг говорит об обратном (на словах и в образе героя).
• Копия, ориентированная на вас: эта страница полностью обо мне (или о «вас»), а не о «великом и могущественном» университете Атабаски. Маркетологи, работающие в сфере образования, понимают необходимость призывать к личным интересам лучше, чем многие из их коллег в других отраслях. Я не уверен, какая часть пирамиды потребностей Маслоу требует технологической гибкости, но университет Атабаски добивается большего успеха, призывая к стремлению к самореализации.
• Отзывы: немного вдохновения никогда не повредит. Социальное влияние показывает путь к личному успеху, прежде чем люди сделают значительные инвестиции. Предоставление каждому отзыву большей видимости и более подробное описание биографии вместе с портретами для их гуманизации, может дать небольшой импульс. (Конечно, это не так. Но именно поэтому мы пробуем!)
• Z-шаблон: эта страница является классическим примером Z-шаблона в действии. То есть его визуальная иерархия использует то, как люди обычно сканируют веб-страницу. В этом случае взгляд переходит от логотипа университета Атабаски к их слогану («Открыто. Гибко. Везде.»), затем по диагонали через заголовок к вспомогательной копии и, наконец, прямо к призыву к действию. (Вуаля!) Другие визуальные призывы также побуждают глаз совершить движение (включая хитроумно заостренную верхушку Атабаски).

2. Bariatric Eating (Агентство: Lifestyle Collection)

Изображение предоставлено Bariatric Eating и Lifestyle Collective.

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

• Красочный дизайн: яркий дизайн распространяется на каждый элемент страницы. Выбор шрифта, иллюстрации, цвета — все складывается таким образом, чтобы полностью соответствовать индивидуальности бренда.
• Генерация SMS-сообщений. Чаще всего лендинги используются для сбора адресов электронной почты от посетителей. Вместо этого лендинг запрашивает ваш мобильный номер, чтобы получить ваше разрешение на отправку программы в формате PDF. Это похоже на умный (и уникальный) способ получить прямую связь с вашими потенциальными клиентами.
• Свертываемые вопросы и ответы: как убедиться, что на вашем лендинге достаточно информации, и при этом она не ошеломляет своим количеством посетителей сайта. Скрытие ваших самых многословных страничек с помощью кнопки прокрутки вниз поможет вам сохранить порядок.

3. Blow.LTD.

Если вы посмотрите на “Uber for beauty”, то британский бренд Blow.LTD предлагает гениальное решение этой проблемы. Они рекомендуют доступные, профессиональные услуги красоты, которые подходят посетителям, и, что более важно, они могут записаться на прием к одному из мастеров прямо из приложения. Вполне разумно, что лендинг являются важной частью их стратегии. Например, сайт умным способом продвигает наращивание ресниц в домашних условиях.

• Прозрачный инсайт: Этот лендинг не сливается с привлекательной копией (например, «Глаза, которые поражают»). Вместо этого в нем четко говорится о предложении, которое полагается на ценность (и, возможно, новизну), чтобы привлечь потенциальных клиентов. Обещание не становится более однозначным, чем «Наращивание ресниц дома», и именно поэтому этот заголовок так эффективен.
• Промокод: Предоставление промокода посетителям приносит не только удовольствие, но в то же время делает нечто большее. Призыв к действию («Book Eyelash Extensions») перенаправляет посетителей на главный сайт, где они могут отвлечься или растеряться. Акция обеспечивает дополнительную мотивацию для направления посетителей к оформлению покупки. Хотите сэкономить? Тогда лучше всего использовать промокод, пока вы о нем не забыли.
• Социальное влияние. Люди по понятным причинам придирчивы к тому, кто делает прическу и макияж, поэтому социальное влияние является обязательным. Отзывы здесь были выбраны, чтобы также подчеркнуть персонализированный характер имеющегося опыта. Поскольку Blow.LTD работает только в том случае, когда потенциальные клиенты считают, что могут доверять своим мастерам, то социальное влияние помогает гуманизировать сервис, чтобы начать строить отношения.
• Простые шаги: Пролистывая вниз страницы, мы можем остановиться на разделе «Как это работает». В этом Uber-мире, сервис, предлагаемый Blow.LTD, довольно легко понять.Тогда зачем беспокоиться о его включении в три этапа? В том-то и дело. Этот лендинг уже включает в себя шаги, которые подчеркивают эту простоту. Я имею в виду, шаг третий: «Сядь и расслабься». Это то, с чем я могу согласиться.
• Мягкий подход продвижения. Вместо того, чтобы настойчиво направлять посетителей в приложение, лендинг заканчивается мягким напоминанием о том, что вы можете загрузить приложение на свой iPhone или Android. (Я бы протестировал мобильный вариант CTA, который идет прямо в приложение). Некоторые люди, безусловно, будут в восторге от бронирования Blow.LTD на ходу, но посетители не чувствуют давления, чтобы достать свой телефон. После того как посетитель преобразуется, у него будет множество возможностей добавить их в приложение.

4. Branch Furniture

Изображение предоставлено Branch Furniture.

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

• Мощный заголовок: «Офисная мебель Made Easy». Всего лишь в четырех словах вы понимаете, на кого нацелен лендинг и какое их уникальное торговое предложение. Вы не хотите собирать 00 рабочих столов для своего нового офиса в стиле Ikea, без ничего, кроме торцевого гаечного ключа и мечты. Кажется, было бы хорошо, если Branch Furniture проработает все эти детали для покупателя.
• Смарт-копия CTA: хоть на странице есть несколько кнопок CTA, все они в итоге приводят посетителя в одно и то же место. Переключение копии — это умный способ помочь посетителям визуализировать следующие шаги процесса. Хотите ли вы «Разработать мой офис» или изучить конкретный продукт.
• Консультация эксперта: Вам не нужно обставлять свой офис в одиночку. Лендинг подчеркивает, что это совместный шопинг с бесплатной консультацией по дизайну и с включенной оплатой за установку.

5. Blue Forest Farms (Агентство: Champ/Cannabis Creative)

Нам нравится этот невероятный дизайн для Blue Forest Farms от Champ
и Cannabis Creative. Фермерам конопли иногда трудно отделить себя от
культуры каннабиса. (Расцветка «завяжи-покрась», кальян и этот
странный запах, исходящий из фургона твоего старшего брата.) Но этот
лендинг требует модернизированного и, смеем сказать, взрослого подхода к оптовым экстрактам конопляного масла. От чистого дизайна до убедительного копирования — все это является веским доказательством того, что эта отрасль требует серьезного отношения.

• Экспертная копия: в отличие от лендингов B2C, эта страница предназначена для профессиональной аудитории. Я имею в виду людей, которые знают, что это означает, когда растительный экстракт содержит «натуральные терпены» и был «декарбоксилирован». Мы могли бы предложить действовать с более эффектным заголовком, но оптовики, вероятно, очень осведомлены о преимуществах. Переход напрямую к сути вопроса не может быть дурным делом.
• «Уточненный» подход: конопляное масло Blue Forest Farms продается в нескольких штатах Америки: от сырой нефти до готовой продукции на рынке. Помимо перечисления этих опций, на лендинге описывается процесс того, как очищается их конопля, а также подчеркивается забота и мастерство, которыми ее одаривают.
• Лидогенерация: я видел более короткие формы, но лидогенерация здесь относительно проста для B2B. (Они могут провести тестирование, включив в одно и то же поле имя и фамилию и изменить некоторые настройки языков). Целесообразно оставить необязательное поле для дополнительных заметок, поскольку оптовые сделки гораздо сложнее, чем все прочие.
• Простой дизайн: это то, что должно происходить в оптовой торговле, выходя за рамки одной страницы. Вместо того, чтобы помещать на страницу слишком много информации, Blue ForestFarms делают ее короткой и приятной, побуждая посетителей к действию.

6. Border Buddy

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

• Представление проблемы: заголовок начинается с боли и неуверенности («Импорт и экспорт — это сложно). Подобное, вероятно, испытывает каждый посетитель, попавший на этот лендинг. Крайне важно то, что обещание решить проблему появляется с одинаковой ясностью над заголовком: «Мы делаем за вас самую сложную часть», — сообщает Border Buddy. Прекрасно.
• Простота: перемещение ваших покупок через границу может стать запутанным процессом, поэтому поддержание чистоты этого лендинга крайне важно. Здесь нет более подробной информации(и легальной тоже), кроме той, которую вам нужно знать. У вас будет таможенный брокер, который будет беспокоиться обо всех этих маленьких деталях.
• Скорость: мы можем многое сказать о том, как скорость страницы влияет на ваши коэффициенты конвертации, но Border Buddy уже на шаг впереди. На мобильной версии этого лендинга требуется менее трех секунд, чтобы получить первую осмысленную картину происходящего. Border Buddy избегает утяжеления страниц ненужными файлами или скриптами, обеспечивая немедленное вовлечение посетителей.
• Неожиданная вибрация: иногда маркетологи ассоциируют стремление к более быстрой скорости с необходимостью жертвовать визуальной привлекательностью лендинга. Этот пример от Border Buddy показывает, что это не всегда так. Они сделали хороший выбор с точки зрения шрифта, макета и визуальных элементов, чтобы максимизировать влияние и усилить брендинг, не отвлекая посетителя.
• F-шаблон: как и Z-шаблон, макет F-шаблона имитирует то, как наши глаза перемещаются по экрану, когда мы смотрим на контент. Это уменьшает когнитивную нагрузку и гарантирует, что ключевые части сообщения (включая призыв к действию) расположены в местах, в которых они будут наиболее заметны. Медленно загружаемые страницы могут стоить вам конверсии.

7. Bouquet Bar (Агентство: Power Digital Marketing)

Power Digital Marketing создали этот великолепный лендинг для Bouquet
Bar. Хоть и другие страницы ориентированы на определенные праздники, на этом лендинге написано, что вам не нужен повод побаловать любимого человека (или же произвести на него впечатление) букетом. Вы можете сделать это просто так. Райан Пикардал, дизайнер, который работал над этим, описывает их цели следующим образом:

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

Райан Пикардал

• Выберите свое собственное приключение: удерживать внимание важно, иногда один призыв к действию не совсем соответствует тем типам посетителям, которые посещают ваш лендинг. В таких случаях может быть эффективно предоставить несколько вариантов. Для покупателей, которые хотят создать что-то личное, первый призыв к действию предлагает им создать свой собственный букет. Но для тех, кому не хватает времени или воображения, «готовые подборки» являются быстрым способом, чтобы поздравить важного человека или отпраздновать событие.
• На День святого Валентина 75% роз, продаваемых в США, покупают мужчины и 25% всех взрослых сообщают о покупке цветов в качестве подарка на День Матери. Вероятно, в эти два дня Bouquet Bar имеет значительный наплыв, но обмен сообщениями «Просто потому что», привлекают к бизнесу и в течение остальных 363 дней в году.
• Правильная цветовая палитра: этот момент затрагивает общий брендинг Bouquet Bar, но на него стоит обратить внимание в контексте страницы «Просто потому что». Оранжевый, особенно тот глубокий оттенок, который они выбрали, сочетается с теплой, утонченной индивидуальностью бренда. Многое из того, что помечается как психология цвета, довольно сомнительно — использование розового цвета не заставит ваше похоронное бюро казаться более веселым. Но акценты здесь определенно поддерживают идентичность, которую хочет показать Bouquet Bar.
• Вызывающая фотография: галерея помогает контекстуализировать продукт как «выражение любви, благодарности и дружбы», демонстрируя людей, получающих подарок. Образы людей могут действовать лучше, чем слова, поэтому такая компания, как Bouquet Bar, может и должна использовать их. Фотографии также наглядно показывают масштаб, чтобы не было никаких проблем при покупке продукта онлайн. Это отличный пример для тех, кто занимается электронной коммерцией.

8. Campaign Monitor (Агентство: ConversionLab)

Этот лендинг, созданный специалистами по маркетингу в ConversionLab,
является правильным примером в отрасли SaaS. Все сфокусировано на единственной действенной цели: «Создайте свой первый HTML-email сейчас».

• Сильный, конкретный CTA: я знаю, что мы уже упоминали об этом выше, но насколько хороша эта основная кнопка CTA? Никаких «Узнать больше» или «Начать». Вместо этого нужно: «Создай свой первый HTML-email сейчас». Копия настолько специфична и незамедлительна, что вы узнаете о происходящем при переходе на следующую страницу.
• Сначала сфокусируйтесь на людях: в SaaS очень просто выбрать скриншот программного обеспечения и сделать его изображением своего героя. Но также стоит попробовать вариант с реальными фотографиями людей. Это может помочь вам задействовать эмоции ваших посетителей и даже повысить их конверсию.
• Одно-единственное сообщение: обратите внимание, сколько раз на странице появляются слова «электронные письма в форматеHTML»? Сосредоточившись на этой единственной цели (и используя в качестве ключевых слов для своих рекламных кампаний «оплата за клик»), вы можете увеличить свои шансы на создание страницы с высокой конверсией.

9. Class Creator

Австралийская компания Class Creator использует лендинг, чтобы проникнуть на американский рынок (и, возможно, помочь компании найти партнеров в США). На странице представлены многие функции продукта, а также основные преимущества. Лендинг нацелен на лиц, принимающих решения более высокого уровня, которым требуется как можно больше информации, прежде чем совершить покупку.

• Нарушение правил: я знаю, что ты собираешься сказать. «Это не лендинг. Это домашняя страница. Это нарушает все правила. Просто посмотрите на эту панель навигации! Посмотрите на все эти разные ссылки. Коэффициент внимания вышел из-под контроля!» Но здесь есть урок для тех, кто ищет вдохновение на лендинге: оставайтесь гибкими. Тим Боуман, генеральный директор Class Creator, сказал мне, что этот лендинг более успешен, чем традиционный, ориентированный на переход. Поэтому я показываю его в качестве примера.
• Плавающая панель навигации: если вы хотите включить панель навигации, лучше всегда держать ее на виду. Это также позволяет держать основной призыв к действию («Демо-школа») вверху страницы, чтобы посетителям не приходилось искать его.
• Цифры не лгут: Class Creator под заголовком предоставляет довольно серьезные цифры в качестве формы социального влияния. У них насчитывается более 10 тысяч преподавателей в 13 странах, которые уже используют свое программное обеспечение в качестве мощного убедительного устройства.
• Легкий доступ к демонстрации продукта: поразительно, что компании пространства SaaS устанавливают слишком много барьеров между потенциальными клиентами и демонстрацией своего продукта. («Отправьте своего перворожденного для получения доступа к нашей 5-минутной бесплатной пробной версии».) Class Creator знает, что для потенциальных пользователей важно запачкать руки демонстрационной или пробной версией программного обеспечения. Это гарантирует, что они смогут оценить продукт в действии, сформировав квалифицированных клиентов (с помощью простой формы электронной почты) и направить их дальше по течению.
• Умное использование лайтбоксов: этот лендинг (выступающий в качестве домашней страницы) уже может многое сказать о ClassCreator. Передача любой дополнительной информации в лайтбоксы работает исправно, чтобы не допустить утечки. Конечно, компании стоит потратить время на тестирование различных версий этой страницы, которая сменяет функции дополнительными преимуществами или ставит отзывы в более распространенное место.

10. Coco Village (Агентство: J7 Media)

Даже будучи взрослым человеком, я визжал от восторга, когда увидел
несколько кроватей и комплектов постельного белья на этом лендинге
для Coco Village. (Домик на дереве?! Мой внутренний ребенок умирает
от ревности!) Маркетологи J7 Media, рекламного агентства Facebook,
проделали феноменальную работу, чтобы этот лендинг демонстрировал коллекцию различных товаров, сохраняя при этом свою ориентацию
единственной цели перехода по клику.

• Сосредоточьтесь на продаже: когда вы предлагаете большую скидку или дисконт, вы хотите, чтобы ВСЕ знали об этом. И посетители лендинга не могут упустить это предложение: «50%скидка на кровати и комплекты постельного белья». Помимо того, что это является основным заголовком, это также повторяется под каждым товаров и CTA. Они даже демонстрируют первоначальные цены, чтобы показать, сколько денег вы сэкономите. Превосходно!
• Демонстрирует товары: с e-commerce лендингами акцент на одном товаре или услуге — не всегда хороший выбор. На этом лендинге наглядно видно, как можно показать посетителям несколько различных вариантов, сосредоточив их при этом на одной цели CTA.
• Дополнительные продукты: что ж, хорошо, возможно, вы похожи на меня и думаете, что кровати выглядят круто, но сейчас нет никакой необходимости ни в одной из них. Именно в этот момент к вам на страницу попадают несколько восхитительных подушек по более низким ценам. (Я могу купить себе ту, которая похожа на акулу).

11. Fask Mask (Агентство: J7 Media)

Вот еще один чересчур современный пример от J7 Media. Fast Mask создает и продает банданы и маски для лица, предназначенные для использования на мотоциклах, квадроциклах или во время езды на велосипедах. (Однако, я могу вспомнить еще одну причину, по которой вам может понадобиться одна из них.) Этот лендинг предназначен для искателей острых ощущений. На сайте представлен большой выбор крутых дизайнов для масок, и также можно наглядно увидеть различные способы их ношения.

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

12. Goby

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

• Анатомия зубной щетки: загляните в раздел лендинга, где подробно описаны все элементы зубной щетки. Вместо того чтобы просто рассказать об этих особенностях в начале, посетители смогут сами увидеть «Мягкие, премиальные щетки» и «Осциллирующую щеточную головку».
• Сообщение о социальном воздействии: покупатели все чаще хотят поддерживать бренды, которые соответствуют их ценностям и возвращают долг обществу. Вот почему мы отыскиваем раздел в нижней части страницы, в котором рассказывается о том, как Goby жертвует процент от каждой продажи в рамках глобальной программы помощи студентам колледжа стоматологии Нью-Йоркского университета.
• Фото из Instagram: на странице есть много отличных социальных доказательств, но на расположенной снизу карусели фотографий из Instagram, на первом месте опубликована клубничка. Мало того,что каждая картинка каким-то образом заставляет зубную щетку выглядеть совершенно модно, так еще и ник Instagram присутствует. Перейдя по ссылке, вы можете сами увидеть отзывы настоящих людей. Классно!

13. Good Eggs

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

• Халява: бесплатное кажется универсально хорошим. Но в этом случае обещание бесплатного делает больше, чем просто обращается к нашей инстинктивной любви не платить за вещи. Лендинг создает доброжелательность, предоставляет образец продукта и быстро устанавливает соответствие образа жизни между обслуживанием и посетителем. Что я подразумеваю под соответствием образу жизни? Что ж, если вы в восторге от получения бесплатной кокосовой воды от Harmless Harvest, вы уже знаете, что Good Eggs отлично подойдет для вас.
• Добавленная стоимость: сначала я был озадачен прочитанным заголовком. Мне казалось, что можно получить больше удовольствия от бесплатной вещи (например, я не знаю,«Бесплатная кокосовая вода» может сработать?). Но вполне вероятно, что среднестатистический покупатель Good Eggs больше думает о заключении сделки. Продвижение помогает продемонстрировать ценности бренда, его благополучия, устойчивости и этических норм труда. Так что это не просто бесплатно, это еще и хорошо.
• Отзывы: упоминание о ваших конкурентов может быть рискованным, но Good Eggs обходит эту проблему, позволяя клиенту сделать это за них. Иногда отзывы могут быть немного одинаковыми, повторяя одно и то же в разных смыслах (это не всегда плохо). Здесь, однако, они были тщательно отобраны, чтобы усилить три ценностных предложения, перечисленных выше.

14. Grass Roots (Агентство: MuteSix)

Растет спрос на натуральное мясо, и мы покажем лендинг от кооператива Grass Roots Farmers ‘Cooperative и агентства MuteSix. Прокручивая страницу, вы проходите полный путь клиента — от проблем с осознанием (почему же все-таки это мясо лучше), через рассмотрение (почему стоит выбрать Grass Roots в качестве поставщика), до создания покупки («Получи скидку на 30 долларов»).

• Видеоролик: в верхней части страницы находится 1-минутное видео с участием основателя и генерального директора Bulletproof Дейва Аспри. В нем рассказывается о том, как сложно найти источник высококачественного мяса, и почему Grass Roots лучше мяса, представленного на полках продуктового магазина. Это служит основой для остальной части лендинга и дает посетителям правильный настрой для совершения покупки.
• Подход к рассказу: весь лендинг построен таким образом, что при просмотре возникает сознательная необходимость в покупке этого мяса. Прокручивая страницу, вы можете почувствовать, что вам не хватает этого более здорового (и более вкусного) сорта говядины, курицы или бекона.
• Сильное социальное влияние: эта страница не только демонстрирует, что Grass Roots — единственная компания по доставке мяса, одобренная Bulletproof, но и способствует тому, что у них уже есть более 500 пятизвездных отзывов и 7000 счастливых клиентов. («Я приобрету то, что у них есть».)

15. HomeLoanGurus (Агентство: ConversionLab)

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

• Проблемно-ориентированный: заголовок этого лендинга не об услуге, а о посетителе («Плохая репутация?»), которому сочувствуют, прежде чем предложить HomeLoanGurus в качестве решения.
• Ориентированный на процесс: получение ипотечного кредита довольно сложный процесс: много документов, терминологии и правил, которые вы должны обернуть в свою пользу. Этот лендинг поэтапно объясняет каждый шаг и помогает сделать их простыми для каждого посетителя.
• Говоря кратко: финансовые лендинги различаются по длине, но данные из отчета о сравнительном анализе конверсий 2020 года показывают, что те, кто имеет меньше 200 слов — лучшие. Это наглядный пример того, как можно сообщить многое, не делая при этом страницу слишком длинной.

16. Jet Pet

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

• Очевидная ценность: простой заголовок («Приют для собак в Ванкувере») дает пользователю понимание, что он на верном пути. Для платных кампаний Jet Pet также может использовать динамическую замену текста (DTR), чтобы поменять ключевое слово для поиска («Приют в Ванкувере») для четкого соответствия сообщений. Затем, когда потенциальный клиент нажимает на объявление в Google, он попадает на страницу с заголовком, который соответствует его ожиданиям.
• Двухэтапная форма. Как правило, использование многоэтапных форм может привести к более высоким показателям конверсии. В данном случае применение такой формы уменьшает психологическое давление двумя способами. Во-первых, это сводит к минимуму воспринимаемое усилие при регистрации на сервис. (И даже если вторая форма кого-то расстроит, тот, кто уже заполнил первую, с большей вероятностью будет продолжать следовать дальше). Во-вторых, двухэтапная форма может отложить запрос более «чувствительных» вопросов на потом.
• Дружелюбие: в единственном обязательном поле на первой странице, просят указать имя вашего питомца. Этот вопрос заставил меня улыбнуться. Лендинг Jet Pet полон дружественных жестов, подобных этому, которые делают их запоминающимися.
• Укрепление доверия: доверие играет значительную роль. Поэтому Jet Pet использует двухфакторную аутентификацию для уверенности клиентов, что о них заботятся. Тот посыл, который использует Jet Pet на странице, усиливает это сообщение, в это число также входят смысловые термины, такие как «забота», «безопасность» и «любовь».
• Видеоотзывы: вам не всегда нужно видео, чтобы иметь эффективные рекомендации, но в случае Jet Pet, я думаю, что это разумный шаг. Ведь реальная съемка владельцев собак создает положительный имидж компании.

17. Mooala (Агентство: BuzzShift)

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

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

Кэмерон Гоули

• От лендинга до покупки в автономном режиме: как указывает Кэмерон Гоули, обещание купона делает двойную обязанность в качестве мягкой конверсии. Он создает трек электронной почты и поощряет за покупку в магазине — это важнейший компонент стратегии цифрового маркетинга Mooala.
• Возражения: нелюбители бананов еще сильнее их невзлюбят. Но Mooala следует отдать должное за то, что компания ударила по возражению против ограничения: «Что такое Bananamilk, спросите вы? Это не сахарно-сладкий банановый коктейль, как вы могли подумать.» Смело решая эту проблему, лендинг помогает сбросить ожидания и рекламировать продукт как «легкую молочную альтернативу, которой вы можете наслаждаться без вины».
• Правильно размещенная анимация: видео и анимация могут быть чрезвычайно полезными, но они также могут отвлекать внимание, если они расположены неправильно. Мне нравится включение анимации внизу страницы, где она привлечет внимание к CTA, а не отвлекает от основного обмена сообщениями Mooala.
• Социальные сети: поощрение посетителей следить за аккаунтами бренда в социальных сетях увеличивает возможности быть восхитительными и оставаться на высоте.

18. NANOR (Агентство: Webistry)

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

• Темный фон: этот лендинг мгновенно выделяется своим черным фоном. Цветовая палитра страницы обеспечивает приятную атмосферу премиум-класса. Это помогает представлить продукт как роскошный.
• Изображения, которые вы можете ощутить практически: как известно, некоторые вещи сложно продать онлайн. Свечи, например, кажутся тем, что большинство людей хотели бы понюхать перед покупкой. (И до тех пор, пока кто-то не изобрел новое видение обоняния для современной эры рекламы, это будет сложно сделать. ) Этот лендинг демонстрирует мельчайшие подробности: описывает аромат каждой свечи и демонстрирует красивые изображения грейпфрутов, цветов, трав и специй для четкого представления каждого аромата.
• Кнопка «Добавить в корзину»: чтобы посетители могли совершать покупки прямо на лендинге, Webistry воспользовался пользовательской кнопкой «Добавить в корзину». Ознакомьтесь с их публикацией в сообществе Unbounce, чтобы узнать, как можно добавить оформление заказа на свой лендинг.

19. Panda7 (Агентство: Webistry)

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

• Очевидные преимущества: на странице ясно видно, что есть два основных преимущества использования сервиса. Во-первых, это экономия вашего времени с помощью онлайн сравнения лучших цен. Во-вторых, это экономия ваших денег (в некоторых случаях до 30%).
• Визуальные элементы бренда: фирменный цвет королевского пурпура по всей страницы, начиная от иллюстраций и заканчивая цветами фона, придает сплоченный и очень профессиональный вид.
• Плавающий заголовок CTA: Проверьте этот плавающий заголовок. Кнопка быстро реагирует на изменение при прокрутке. Очень круто!

20. Pared

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

С первого дня я смог быстро собрать сайт и лендинг для своего стартапа. Благодаря Unbounce я могу выполнять итерации и A/B-тесты без необходимости привлекать дизайнера или разработчика. Это сильно упрощает работу для любого маркетолога.

Дейв Лу

• В свою нишу: Pared — это услуга не для всех, и им это известно. Вместо этого у них есть определенная клиентура, чьим потребностям они широко соответствуют. Этот лендинг начинается с одной конкретной проблемы, с которой сталкиваются люди: «Никогда не хватает персонала», и это выход. (Они используют другие веб-ресурсы для привлечения Pared Pros).
• Объясняющий видеоролик: лендинг имеет краткий эксплейнер, благодаря которому зритель может узнать о проблеме и о ее решении простым и доступным языком. Лендинги приложений, в частности, выигрывают от таких типов видео.
• Знаменитые названия и логотипы. На этой странице представлены логотипы различных закусочных и ресторанов, которые пользуются данной услугой. Также там имеются отзывы от владельцев шеф-поваров таких заведений Сан-Франциско, как Little Gem, Octavia и Jaridiniere.

21. Perfect Keto (Агентство: Webistry)

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

• Социальное влияние: на странице представлены отзывы различных влиятельных авторов кето-диеты. (Включая… Джо Рогана? Конечно, почему бы и нет). Но есть и много других социальных доказательств — они демонстрируют более 2500 обзоров и отмечают свой бренд в таких публикациях, как «Здоровье женщин», «Читательский дайджест» и «PopSugar».
• Вопросы о питании: во время кетодиеты приходится внимательно
  следить за своим питанием, поэтому на странице необходим
  скриншот с нужными фактами. Посетители могут сами увидеть
  распределение калорий в каждом батончике и изучить его
  натуральный состав.
• Варианты использования: лендинг предоставляет небольшой раздел, который рассказывает о том, в каких случаях можно взять с собой эти кетобары. От завтраков до тренировок и путешествий. Просто представьте, как вы ими перекусываете.

22. Twinwoods Adventure (Агентство: Bluespark Dugital)

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

• Ознакомление с опытом: Twinwoods Adventure продает опыт, поэтому социальное влияние крайне необходимо для вовлечения посетителей к конверсии. (В конце концов, вы можете вернуть плохой товар, но этот опыт будет с вами на всю жизнь.) Страница поражает своим двойным набором отзывов и обзоров в Google, Facebook и TripAdvisor.
• Шумное видео: Видео с прыжками в аэротрубе снято именно в такой концепции. Его расположение в середине страницы демонстрирует ряд уровней квалификаций и создает жажду опыта. Если вы думали, что аэродинамическая труба была не чем иным, как огромным феном, то вы ошиблись.
• Держите номер под рукой: как и на многих представленных ранее лендингов, дизайн дает вам преимущество прокрутки вниз(нажатие стрелки под CTA). Но Twinwoods, вероятно, принимает много заказов по телефону, поэтому плавающий номер позволяет видеть этот прямой призыв к действию независимо от того, где посетитель оказывается на странице.
• Дополнительная информация: прежде чем оказаться в комбинезоне, возникает еще один вопрос, например, где эти ребята взяли аэродинамическую трубу. Для подобных вопросов есть специальный раздел, однако, неприметный. Необходимо нажимать на специальные кнопки, чтобы эта информация показалась.

23. Roomeze (Агентство: Snap Listing)

У меня был личный неудачный опыт соседа по комнате, так что я сразу
заинтересовался лендингом Roomeze от агентства Snap Listings.
Roomeze обещает свести вас с проверенными соседями Нью-Йорка и
поселиться в квартире по цене менее 1000 долларов в месяц.
Интересно, есть ли способ проверить, чтобы ваши будущие соседи по
комнате не играли на тромбоне? (Потому что поверь мне. Вам не нужен
сосед по комнате, который играет на тромбоне).

• Стильно: переезд может быть стрессовым, но это также может быть очень весело. Красочные иллюстрации на странице отражают последнее чувство, заставляя вас взволноваться перспективой нового старта с новыми соседями по комнате.
• Непреодолимый CTA: главный CTA на странице задает вопрос: «Что может принести вам 1000 долларов в месяц?» Если вы вообще знакомы с нью-йоркской недвижимостью, вы знаете, что во многих местах квартплата стоит целое состояние, даже за квартиру размером с обувную коробку. Идея, что вы можете найти потенциально хорошую квартиру по такой цене, очень убедительна.
• Визуальная форма: в конце страницы вас попросят заполнить простую форму, чтобы сделать первый шаг. Индекс UX здесь довольно неплох, первые два вопроса — это простые опции (включая иллюстрации), которые помогут вам начать работу.

24. Smalls

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

• Купоны: купон или скидка может помочь убедить посетителей подписаться на коробочку. На этой странице показано, что вы можете получить скидку 25% на свой первый заказ, используя липкую панель в верхней части страницы.
• Цвета: оранжевый, желтый, синий! Страница разбита по разделам с определенным цветом фона. Это придает веселый и забавный вид. (Посмотрите эти восхитительные иллюстрации в разделе «Преимущества».)
• Кошки: на лендинге более 11 забавных фотографий кошек, которые наслаждаются кормом, сидят на ручках у хозяев и просто восхищаются собой в зеркале (без сомнения, созерцая вкусную еду, которую они только что съели). Отзывы даже показывают фотографии кошек, а не людей! Так. Много. Симпатяг.

25. Sundae

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

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

26. Wavehuggers (Агентство: Everett Andrew Marketing)

Этот блестящий лендинг создан Everett Andrew Marketing. В нем объединяется безопасность и веселье вместе с тщательно отобранными визуальными эффектами, а также четкими и краткими сообщениями.

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

Марк Чэмпен

• Оценка Yelp: даже самый ужасный товар или услуга может собрать несколько положительных отзывов. («Мама генерального директора считает, что мы крутые»). Именно поэтому высокие оценки Yelp, TripAdvisor, Amazon или Google могут дополнить отзывы, как и здесь. Ведь поддерживать отличные результаты на этих сайтах гораздо сложнее.
• Специальное предложение по времени: как и во многих примерах, Wavehuggers добавляют на лендинг срочность с ограниченным по времени продвижением. Может показаться, что это не так уж и много — на данный момент это почти маркетинговое клише, но даже небольшие изменения, такие как добавление промокода «на ограниченное время», могут повлиять на коэффициент конверсии.
• Безопасность, комфорт, веселье: потенциальные клиенты, вероятно, ищут уроки, чтобы чувствовать себя более комфортно на воде. На этом лендинге все сосредоточено на обещании положительного опыта. Информация на целевой странице заверяет их в том, что серфинг «не так страшен, как вы думаете».
• Реальные клиенты: на фотографиях здесь нет никакого «глянца» по сравнению с другими из этого списка (см. «Western Rise» ниже), но, знаете что? Они и не должны. Сногсшибательная фотография серфера будет гораздо менее эффективной, чем эти изображения детей, весело проводящих время на своих досках. Стиль от Wavehuggers, от рукописных шрифтов до нарисованных от руки стрелок, отражает расслабленную атмосферу серферской культуры.

27. Western Rise

Иногда, готовя такой материал, вы в конечном итоге заканчиваете покупкой товара. Я очень, очень близок к тому, чтобы нажать на ссылку Western Rise AT Slim Rivet Pants. А почему бы и нет? Этот четкий лендинг быстро определяет привлекательность продукта с помощью визуальных элементов и изображений, подчеркивающих преимущества этих «завышенных» брюк. Может быть, пришло время отказаться от моих потертых джинсов.

• Смелые визуальные эффекты: эти брюки могут быть изготовлены вручную в Лос-Анджелесе, но многие из фотографий кричат о том,что это Бруклин. Легко представить себе ношение брюк AT SlimRivet Pants по дороге на шикарную коктейльную вечеринку на крыше, когда вы едете в пробке, балансируя латте в руке.
• Подчеркивая преимущества: никогда бы не подумал, что буду писать о «болевых точках» связанных с ношением брюк, и все же. Лендинг Western Rise обращается к этой проблеме. Джинсы склонны к протиранию, чиносы всегда пачкаются и мнутся, а классические брюки для зануд. Имея общую универсальность («брюки на каждый день») и сохранив преимущество, Western Rise предлагает решение этих проблем, о которой вы даже не подозревали.
• «Технические характеристики»: несмотря на то, что здесь представлена некая умная версия, в разделе «Технические характеристики» на странице компании Western Rise очень четко описаны функции брюк AT Slim Rivet Pants. В них точно указаны материалы и дизайн в ясной и лаконичной форме.

28. Woolx

Лендинг Woolx использует фотографии и видеофоны с высоким разрешением, чтобы посетители могли ближе познакомиться со свитером Rory. Изделие изготовлено из 100% австралийской мериносовой шерсти (это овцы, если что) для создания стильной, дышащей и ультра-удобной одежды.

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

29. Zumba (Агентство: MuteSix)

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

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

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

Будь Майклом Джорданом в создании лендингов

Когда я учился в средней школе, у меня был друг, который бросил
играть в баскетбол после того, как увидел Майкла Джордана в финале
NBA. «Я никогда не приближусь к его уровню, — сказал он мне, — так какой
в этом смысл?»

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

Но не сдавайтесь!

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

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

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

Сайт или лендинг? Что выбрать? — Маркетинг на vc.ru

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

681
просмотров

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

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

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

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

Подробнее про то, что такое лендинг и как сделать так, чтобы он приносил прибыль — рассказываю здесь.

Так чем же лендинг отличается от сайта?

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

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

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

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

Что делать, если предложений (товаров или услуг) много, а сайт стоит дорого, так ещё и не заточен под продажу?

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

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

Решение заключается в создании множества страниц под каждую линейку или категорию товаров, а ещё лучше под 1-2 товара. Это позволит выделить конкретное предложение под каждый запрос и целевой сегмент аудитории, что в свою очередь может повысить конверсию от 30%.

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

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

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

Вместо вывода:

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

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

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

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

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

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

Всех благ и до встречи!

Лендинг: что это, плюсы, виды и отличие

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

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

Что такое лендинг?

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

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

Обычный сайт и лэндинг: в чем разница

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

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

Шаблон обычного сайта

Шаблон лендинга

Виды посадочных страниц

Разберем два главных вида посадочных страниц:

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

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

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

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

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

— Направить пользователей к продукту: создавая лендинг с кнопкой призыва к действию — «Купить», можно направить пользователей сразу к покупке продукта или в онлайн магазин.

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

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

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

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

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

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

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

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

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

3. Сильные призывы к действию. Призыв к действию (“Call to Action” или CTA) — это короткая фраза, призывающая пользователей совершить действие, ради которого создавалась посадочная страница. Это один из ключевых элементов лендинга.Согласно статистике, 90% пользователей, прочитавших заголовок, также обратят внимание на кнопку призыва к действию. «Подписаться», «Начать пробный период», «Зарегистрироваться» — это варианты таких кнопок.

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

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

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

Полезные советы

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

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

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

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

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

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

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

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

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

Преимущества посадочной страницы

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

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

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

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

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

Лэндинг — это мощный инструмент для процветания бизнеса. 

Ваша команда агентства ZAMEDIA.  

Конструктор лендингов — сделать лендинг бесплатно с нуля без программиста на GetResponse

Сделайте лендинг бесплатно в несколько кликов без знаний HMTL кода

Создавайте посадочные страницы, которые будут привлекать трафик и конвертировать лиды в покупателей —
даже если вы далеки от веб-дизайна. Более 100 шаблонов лендингов

ПОПРОБОВАТЬ БЕСПЛАТНО
Закажите демо

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

вприбыльныйонлайнбизнес

• Переведите бизнес
  в онлайн
  

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

• Расширяйте базу
  контактов

  Проводите эксклюзивные
  акции, конвертируйте
  посетителей в покупателей
  и увеличивайте прибыль

• Продавайте больше продуктов и услуг

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

• Рекламируйте вебинары

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

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

Более 200 шаблонов посадочной страницы

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

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

ПОПРОБУЙТЕ БЕСПЛАТНО ›

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

Проявите креативность в drag-and-drop редакторе и создайте одностраничник всего за несколько минут. Без помощи программиста и знания кода вы можете

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

ХОЧУ СОЗДАТЬ ЛЕНДИНГ ›

Профессиональный лендинг с высокой конверсией

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

• Подключите бесплатный домен от GetResponse
• Или разместите посадочную страницу на своем домене
• Оптимизируйте тайтл и дискрипшн

ПЕРЕНЕСТИ БИЗНЕС В ОНЛАЙН ›

Анализируйте статистику, показатели эффективности одностраничника и конверсии

Анализируйте важные показатели эффективности посадочной страницы

• Отслеживайте клики и конверсии и получайте ценную информацию о посетителях
• Проводите A/B тесты
• Подключите Google Analytics, Google Tag Manager, Facebook Pixel, и др.

СОЗДАТЬ ЭФФЕКТИВНЫЕ ЛЕНДИНГИ ›

Только начинаете?

Начните работать в интернете с

тарифом Freeот GetResponse

GetResponse Free подходит для любых начинающих компаний, которые хотят работать в интернете.

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

• Email-маркетинг
• Конструктор сайтов + лимит трафика 5 ГБ
• Подключение домена
• Лендинги
• Формы регистрации и контактные формы

ЗАРЕГИСТРИРУЙТЕCЬ БЕСПЛАТНО
ИЛИ УЗНАЙТЕ БОЛЬШЕ ›

Сравнитетарифыи ценыGetResponse

БЕСПЛАТНО

Создан для быстрого запуска бизнеса в онлайне.

Бесплатно навсегда

ПЛАТНЫЕ ТАРИФЫ

Стандартные тарифы с премиум-функциями для роста в онлайне, лидогенерации и продаж.

Самый дешевый тариф начинается с

^$13,30
/мес.

MAX

²

‍Индивидуальное решение с персональной поддержкой и функциями для роста доходов. ‌‍

Индивидуальная цена

СМОТРЕТЬ ЦЕНЫ

Используйте

всевозможности

• Автоматизация маркетинга

  Автоматически отправляйте письма с учетом поведения на сайте

  ПОДРОБНЕЕ ›

• Воронки

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

  ПОДРОБНЕЕ ›

• Платная реклама

  Привлекайте качественный трафик на лендинги из Facebook и Google

  ПОДРОБНЕЕ ›

• НОВИНКА!Лайв чаты

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

  ПОДРОБНЕЕ ›

Опубликуйте одностраничник и интегрируйте с любимыми инструментами

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

• Отслеживайте данные посетителей с помощью пикселя Facebook
• Анализируйте посещения с помощью аналитических инструментов
• Подключите интернет-магазин к GetResponse, используйте все возможности лендинга для продажи услуг или продуктов

ПОСМОТРЕТЬ ИНТЕГРАЦИИ ›

Развивайте бизнес с помощью лендингов от GetResponse

ПОПРОБОВАТЬ БЕСПЛАТНО

Getmarketing-proventactics for your landing pages

• Landing Pages for Beginners Guide

  What are landing pages, how do they actually work, and why they’re a must have for any business online.

  READ THE GUIDE ›

• Remarkable Landing Pages Examples

  Check out the best landing pages examples we gathered, and learn how to make yours convert best.

  GET INSPIRED ›

• Landing Page Help Center

  For advanced tactics and a deeper look into our Landing Page Creator, check out our dedicated Landing pages Help Center.

  HELP CENTER ›

Нужно индивидуальное решение для онлайн-маркетинга? Откройте для себя

GetResponse MAX

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

С GetResponse MAX вы получите:

• Выделенную поддержку 24/7*
• Автоматизацию SMS-маркетинга
• Выделенный IP-адрес*
• Транзакционные рассылки*
• Рекомендации продуктов на основе ИИ

* Доступно только в тарифе MAX²

ЗАКАЗАТЬ ДЕМО СЕЙЧАС
ИЛИ ВЕРНУТЬСЯ В НАЧАЛО СТРАНИЦЫ ⌃

Лендинги —FAQ

Что такое лендинг?

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

Какие преимущества посадочной страницы?

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

Что представляет собой шаблон лендинга?

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

Чем отличается лендинг от сайта?

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

Что такое тариф Free от GetResponse?‌‍

Тариф Free от GetResponse подходит для начинающих компаний, которые хотят работать в интернете.

В тарифе Free можно:

• создавать и публиковать 1 сайт и лендинг с базовыми функциями
• отправлять неограниченное количество писем и использовать базовые инструменты email-маркетинга в редакторе писем
• создавать и сохранять черновики для маркетинговых материалов вроде автореспондеров и процессов автоматизации
• добавлять до 500 контактов в первые 30 дней (неподтвержденные и удаленные контакты также учитываются в лимите базы)
• собирать лиды с помощью различных форм GetResponse и сохранять их в очереди на 32 дня
• тестировать и использовать премиум-функции в течение 30 дней

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

ПОПРОБОВАТЬ БЕСПЛАТНО

Попробуйте бесплатно | Банковская карта не нужна | Отмена в любое время

”GetResponse — отличная платформа, предлагающая эффективные лендинги, формы, воронки и исключительную поддержку. ”

Pamela  Moss
The Soul Guide Inc.

Что такое целевая страница? Описание целевых страниц

В цифровом маркетинге целевая страница — это отдельная веб-страница, созданная специально для маркетинговой или рекламной кампании. Это то место, где посетитель «приземляется» после того, как он нажимает на ссылку в электронном письме или рекламе из Google, Bing, YouTube, Facebook, Instagram, Twitter или аналогичных мест в Интернете.

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

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

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

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

Ключевая разница между домашней страницей и целевой страницей

(или Почему целевые страницы так чертовски хороши в конверсии)

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

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

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

Но они не обязательно совершат покупку. И в этом суть.

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

Есть еще вопрос о целевых страницах?

Мы вас слышим. Вот три вопроса, которые нам часто задают:

1. Что мне нужно включить на мои целевые страницы?

Узнайте об устройстве целевой страницы с высокой конверсией.

2. У меня есть целевая страница, но как узнать, насколько она хороша?

Оцените существующую страницу с помощью нашего анализатора целевых страниц.

3. Как лучше всего приступить к созданию целевой страницы?

Узнайте, как конструктор Unbounce с функцией перетаскивания может вам помочь.

Типы целевых страниц

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

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

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

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

Привлечение трафика на целевые страницы

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

Платный поисковый трафик

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

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

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

Платный социальный трафик

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

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

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

Кампании по электронной почте

Электронная почта часто рекламируется как наиболее эффективный маркетинговый канал из-за ее огромного охвата (и низких затрат) по сравнению с другими платформами. Исследование, проведенное Radicati Group в 2018 году, прогнозирует, что к 2022 году число пользователей электронной почты будет составлять 4,2 миллиарда человек. Это больше половины планеты!

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

Органический поисковый трафик

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

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

Почему бы не узнать немного больше?

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

Анатомия целевой страницы [включая иллюстрации]

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

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

Мы тебя поняли. Но здесь применимо старое правило:

Хорошо знай правила, чтобы эффективно их нарушать.

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

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

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

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

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

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

1. Уникальное торговое предложение (УТП)
2. Основное изображение или видео
3. Преимущества вашего предложения
4. Какое-либо социальное доказательство
5. Единую цель конверсии (или ваш призыв к действию)

1. Ваше уникальное торговое предложение (УТП)

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

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

1a. Основной заголовок

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

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

Изображение предоставлено onX (Источник: 15 целевых страниц с высокой конверсией (которые заставят вас пожалеть, что вы их не построили))

1b.

Вспомогательный заголовок

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

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

1с. Подкрепляющее утверждение (необязательно)

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

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

1д. Заключительное заявление (необязательно)

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

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

2. Основное изображение

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

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

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

Изображение предоставлено Daily Harvest (Источник: Лучший дизайн целевой страницы, который вдохновит вас на следующий макет)

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

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

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

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

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

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

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

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

1. Прямые цитаты клиентов
2. Практические примеры (или ссылки на тематические исследования)
3. Видеоинтервью или отзывы
4. Логотипы компаний-клиентов
5. Оценки по отзывам с таких сайтов, как Yelp, Amazon или Capterra

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

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

НАКОНЕЧНИК PRO. Не забудьте сделать свои отзывы более убедительными, включив в них настоящие имена и фотографии клиентов, а не стандартные фотографии и поддельные имена.

5. Цель конверсии (ваш призыв к действию)

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

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

1. Избегайте банального текста кнопки, такого как «НАЖМИТЕ ЗДЕСЬ» или «ОТПРАВИТЬ». Используйте разговорный язык и дайте вашим посетителям точно знать, что они получат за свои драгоценные клики («НАЧНИТЕ БЕСПЛАТНУЮ ПРОБНУЮ ПРОБНУЮ ПРОБНУЮ ВЕРСИЮ» или «ПОЛУЧИТЕ 50% СКИДКУ НА ВАШУ ПОКУПКУ»).
2. Формы должны быть как можно короче и содержать заявление о конфиденциальности, чтобы гарантировать безопасность их данных (и соответствие требованиям GDPR).
3. Поскольку небольшие различия могут сильно повлиять на ваши показатели конверсии, CTA всегда являются сильными кандидатами на A/B-тестирование. Подробнее об этом можно прочитать здесь.

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

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

Зачем мне использовать целевые страницы?

В цифровом маркетинге целевая страница — это отдельная веб-страница, созданная специально для маркетинговой или рекламной кампании. Это то место, где посетитель «приземляется» после того, как он нажимает на ссылку в электронном письме или рекламе из Google, Bing, YouTube, Facebook, Instagram, Twitter или аналогичных мест в Интернете.

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

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

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

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

Ключевая разница между домашней страницей и целевой страницей

(или Почему целевые страницы так чертовски хороши в конверсии)

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

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

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

Но они не обязательно совершат покупку. И в этом суть.

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

Есть еще вопрос о целевых страницах?

Мы вас слышим. Вот три вопроса, которые нам часто задают:

1. Что мне нужно включить на мои целевые страницы?

Узнайте об устройстве целевой страницы с высокой конверсией.

2. У меня есть целевая страница, но как узнать, насколько она хороша?

Оцените существующую страницу с помощью нашего анализатора целевых страниц.

3. Как лучше всего приступить к созданию целевой страницы?

Узнайте, как конструктор Unbounce с функцией перетаскивания может вам помочь.

Типы целевых страниц

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

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

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

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

Привлечение трафика на целевые страницы

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

Платный поисковый трафик

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

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

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

Платный социальный трафик

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

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

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

Кампании по электронной почте

Электронная почта часто рекламируется как наиболее эффективный маркетинговый канал из-за ее огромного охвата (и низких затрат) по сравнению с другими платформами. Исследование, проведенное Radicati Group в 2018 году, прогнозирует, что к 2022 году число пользователей электронной почты будет составлять 4,2 миллиарда человек. Это больше половины планеты!

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

Органический поисковый трафик

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

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

Почему бы не узнать немного больше?

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

Вопрос в том, почему бы и нет?! Целевые страницы помогают повысить коэффициент конверсии и снизить цену за конверсию.

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

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

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

Что ты видишь?

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

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

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

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

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

Attention Ratio

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

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

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

Навигация по целевой странице

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

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

Message Match

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

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

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

В этом примере показано сравнение хорошего и плохого совпадения сообщения на целевой странице для типичной кампании PPC:

Пример неверного сообщения

Объявление: скидка 50% на мужскую обувь Nike Air
Сообщение на целевой странице: Добро пожаловать в Jill’s Sporting Goods Мужская обувь Nike Air
Сообщение на целевой странице: Получите скидку 50% на Nike Air в обувном магазине Jill’s Shoe Store

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

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

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

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

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

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

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

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

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

1. Koalified HR хочет запустить кампанию с оплатой за клик в Google Ads, нацеленную на поиски, связанные с программным обеспечением для расчета заработной платы.
2. SKRT Design разработали рекламную акцию, ориентированную на подписчиков на их еженедельную рассылку по электронной почте.
3. Haircore регулярно рекламирует салонные наборы для молодых женщин, которые подписаны на парикмахеров в Instagram и Facebook.
4. Eyelusions Optical использует контекстно-медийную сеть Google для ретаргетинга людей, которые ранее посещали их сайт без совершения конверсии.
5. Компания SpringBox Mattress Co. размещает нативную рекламу в дюжине подкастов о стиле жизни, предлагая скидки для слушателей.
6. HomeLove хочет узнать, насколько люди заинтересованы в новом расширяемом мультимедийном столе, прежде чем они выйдут с ним на рынок.

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

НАКОНЕЧНИК PRO. Создание объявлений и целевых страниц для всех возможных поисковых запросов Google может потребовать много вашего времени. Используйте динамическую вставку ключевых слов в Google Ads и функцию динамической замены текста Unbounce, чтобы персонализировать множество различных поисковых запросов.

Сегментированные рекламные предложения

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

Несколько продуктов

Целевые страницы идеально подходят для продавцов и маркетологов электронной коммерции, у которых есть более одного SKU на ходу. Даже если у них есть только одно предложение продукта, на отдельных страницах может быть лучше представлено несколько контекстов. («Он режет! Он режет кубиками! Он платит ваши налоги!» Это не менее две целевые страницы.)

Несколько источников трафика

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

У нас есть несколько секретов повышения конверсии

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

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

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

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

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

Примеры целевых страниц регистрации

Примеры целевых страниц электронных книг

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

Бесплатный ресурс

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

0

Расскажите нам немного о себе ниже, чтобы получить доступ сегодня:

Примеры целевых страниц

1. Shopify
2. Великий Джонс
3. Намордник
4. Приборная панель
5. Мудрый
6. Airbnb
7. Виляй!
8. Вистия
9. Веб-поток
10. Дискуссия
11. Науто
12. Маркетинг промышленной мощи
13. Входящие эмоции
14. ИМПАКТ Брендинг и дизайн
15. Отскочить
16. Bills. com
17. Зиллоу
18. Наземный робот
19. Веб-прибыль
20. Родной мак
21. Конверсионная лаборатория

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

1. Shopify

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

Почему эта целевая страница работает:

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

Что можно улучшить:

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

2. Грейт Джонс

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

Почему эта целевая страница работает:

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

Что можно улучшить:

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

3. Muzzle

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

Почему эта целевая страница работает:

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

Что можно улучшить:

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

4. DoorDash

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

Почему эта целевая страница работает:

• Подчеркивает автономию Dasher : Эта целевая страница действительно показывает, что Dashers независимы и могут работать, когда хотят.
• Основные моменты Потенциальный заработок : Хотя нет никакого способа доказать, что эти заработки являются типичными, они, безусловно, заманчивы для всех, кто хочет подзаработать.

Что можно улучшить:

• Преимущество перед конкурентами: DoorDash — не единственная игра по доставке в городе. Они могли бы выделить то, что отличает их от таких конкурентов, как UberEats.

5.

Wise

Wise позволяет отправлять и получать деньги в разных валютах и ​​странах, а его целевая страница разделяет клиентов на две категории: Business или Personal, чтобы вы не отвлекались на варианты, которые не применимы. тебе. Есть даже короткое видео, чтобы показать посетителям, как работает сервис, прежде чем они попробуют его. Поскольку они имеют дело с деньгами, важно с первого раза получить правильное впечатление от клиента.

Почему эта целевая страница работает:

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

Что можно улучшить:

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

6. Airbnb

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

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

Почему эта целевая страница работает:

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

Что можно улучшить:

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

7. Виляй!

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

Почему эта целевая страница работает:

• Эффективная форма: если оставить поле формы открытым на странице, посетителям даже не нужно нажимать на CTA, чтобы получить к нему доступ. QR-код еще больше ускоряет процесс.
• подчеркивает надежность: включение фотографий смотрителей и то, что более 351 000 смотрителей в настоящее время пользуются услугой по всей стране, делают Wag более надежным.

Что можно улучшить:

• Это не убедительно: в отличие от DoorDash, упомянутого ранее, Wag! не упоминает, почему люди должны присоединиться. Какие льготы? График работы гибкий?

8. Wistia

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

Почему эта целевая страница работает

:

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

Что можно улучшить:

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

9. Webflow

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

Почему эта целевая страница работает:

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

Что можно улучшить:

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

10. Talkspace

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

Почему эта целевая страница работает:

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

Что можно улучшить:

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

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

11. Nauto

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

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

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

Почему эта целевая страница работает:

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

Что можно улучшить:

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

12. Маркетинг промышленной мощи

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

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

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

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

Почему эта целевая страница работает:

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

Что можно улучшить:

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

13. Inbound Emotion

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

Почему эта целевая страница работает:

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

Что можно улучшить:

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

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

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

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

Почему эта целевая страница работает:

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

Что можно улучшить:

• Ничего : Эта страница продуманно поощряет загрузку с помощью простого макета и цветов.

Landing Pages to Learn More

15. Unbounce

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

Почему эта целевая страница работает:

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

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

Что можно улучшить:

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

16. Bills.com

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

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

Затем вы отвечаете еще на два вопроса, подобных приведенному ниже:

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

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

Почему эта целевая страница работает

:

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

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

Что можно улучшить:

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

17. Zillow

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

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

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

Почему эта целевая страница работает?

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

Что можно улучшить:

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

18. Landbot

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

Почему эта целевая страница работает

:

• Это весело : От ярких цветов до GIF-файлов, эта страница привлекает и развлекает посетителей.
• Показывайте, а не рассказывайте : Имея чат-бот прямо на странице и выполняя свою работу, потенциальные клиенты могут точно видеть, что они получают. Весь опыт имитирует использование продукта Landbot.

Что можно улучшить:

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

19. Webprofits

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

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

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

Почему эта целевая страница работает:

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

• Несколько CTA : Размещение одного и того же CTA по всей странице позволяет посетителям не прокручивать страницу до самого верха, чтобы нажать «Связаться».

Что можно улучшить:

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

20. Родной мак

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

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

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

• Убедительность: Подчеркивая все привилегии и скидки участия в программе подписки, она побуждает клиентов присоединиться.

Что можно улучшить:

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

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

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

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

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

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

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

Почему эта целевая страница работает

:

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

Что можно улучшить:

• Размещение формы: Было бы неплохо, если бы форма открывалась с одной стороны, чтобы посетители могли читать содержимое на остальной части страницы.

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

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

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

• Привлекательный внешний вид : Цвет целевой страницы и чистый пользовательский интерфейс могут только помочь. Посетители захотят узнать больше о ваших продуктах и ​​увидеть доказательства ценности, которую вы предлагаете. Взгляните на № 18 в нашем списке — Landbot — отличный пример потрясающей веб-страницы.
• Чем меньше, тем лучше : Пусть большую часть разговора сделают предложение или изображения, но не забудьте включить все описательные заголовки и вспомогательный текст, чтобы ваша целевая страница была четкой и убедительной. Это касается практически всех компонентов на странице: попробуйте пустое пространство, простую копию и более короткие формы.
• Удерживайте посетителей на странице : Удалив основную навигацию или любые отвлекающие обратные ссылки, вы снизите вероятность возникновения каких-либо проблем с лидогенерацией, которые могут заставить посетителей покинуть вашу страницу.
• Обмен в социальных сетях : Простой способ привлечь посетителей к вашей целевой странице — включить кнопки обмена в социальных сетях, чтобы они могли распространять ваш контент среди своих подписчиков в социальных сетях. В конце концов, клиенты — это центр вашего маркетингового маховика.
• A/B-тестирование : Целевые страницы важны для правильной работы, и, поскольку психология потребителей иногда может удивить, всегда лучше поэкспериментировать с различными версиями ваших страниц, чтобы увидеть, какая из них имеет самый высокий коэффициент конверсии (CVR). Проверьте позиционирование предложения, виды CTA или даже цветовую схему.
• Призыв к действию: CTA — это основная часть целевой страницы или переломный момент, когда потенциальные клиенты становятся контактами. CTA могут просить посетителей подписаться, загрузить, заполнить форму, поделиться в социальных сетях и т. д., но в целом CTA необходимы для того, чтобы ваша аудитория была более заинтересована в вашем предложении. Чтобы генерировать потенциальных клиентов, CTA должны быть смелыми и привлекательными, но самое главное, они должны эффективно передавать ценность.

Создание блестящих целевых страниц

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

Эта статья была первоначально опубликована 2 апреля 2020 г. и обновлена ​​для полноты информации.

Первоначально опубликовано 26 августа 2022 г., 7:00:00, обновлено 31 августа 2022 г.

Темы:

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

Не забудьте поделиться этим постом!

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

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

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

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

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

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

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

Почему целевые страницы конвертируются лучше, чем другие веб-страницы

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

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

Ожидания пользователей должны соответствовать сообщениям

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

Ниже приведены несколько примеров для иллюстрации. Во-первых, обратите внимание на плохое совпадение сообщения: по этой ссылке рекламируется скидка 40% на курсы «Глубокое погружение»…

Но когда вы нажимаете кнопку «Обновить сейчас», на целевой странице появляется лишь расплывчатое упоминание о скидках; предложения «скидка 40%» не предвидится:

Вместо этого вы должны стремиться к этой кампании Men’s Health. Сначала платное поисковое объявление:

Затем целевая страница с отличным соответствием сообщению:

• Заголовок точно совпадает с заголовком объявления.
• Текст «15 учебных пособий» соответствует тексту объявления.
• Изображение журнала Men’s Health Magazine идентифицирует журнал с визуальным представлением предложения.

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

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

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

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

Потенциальных клиентов легко отвлечь несбалансированным коэффициентом конверсии

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

Ваша цель конверсии

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

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

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

В частности, в ходе одного эксперимента Шина Айенгар и ее коллега Марк Леппер установили в местном продуктовом магазине прилавок, предлагая банки с джемом со скидкой в ​​1 доллар. В первый день они предложили покупателям 24 вида варенья на выбор, а во второй день выложили только 6.

меньше продаж.

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

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

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

Исходящие ссылки

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

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

Вот страница из ActiveCampaign, предназначенная для устранения отвлекающих факторов с коэффициентом конверсии 1:1:

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

Эта целевая страница, однако, имеет коэффициент конверсии более 10 к 1 из-за значков социальных сетей и ссылок в нижнем колонтитуле:

Вот еще одна страница с коэффициентом конверсии более 5 к 1:

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

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

Платные поисковые кампании

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

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

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

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

Платные социальные сети рекламные кампании в СМИ

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

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

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

Ретаргетинговые кампании

Средний коэффициент конверсии Google Ads в поисковой сети составляет 2,7%. В контекстно-медийной сети это всего 0,89%. Это означает, что, вероятно, от 97% до 99% вашего трафика нужно будет возвращать на целевую страницу.

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

И, согласно Marketo, этот метод может повысить коэффициент конверсии в 2-3 раза на вашей целевой странице:

Маркетинговые кампании по электронной почте

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

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

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

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

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

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

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

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

Несуществующая навигация

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

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

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

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

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

Вот результаты:

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

Другое исследование от Yuppiechef и VWO показало нечто похожее, но еще более впечатляющее. Вот оригинал:

А вот вариант без навигации:

Этот повысил конверсию на 100%.

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

Заманчивый заголовок

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

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

Как создать эффективный заголовок

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

Эта фраза «Как».

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

• Команда SEMrush: Как привлечь клиентов в местный бизнес с помощью рекламы в Facebook
• Social Media Examiner: как использовать истории Facebook для маркетинга
• Институт контент-маркетинга: (новый вебинар) Как составить список адресов электронной почты
• Эрик Суи: как проанализировать конкурентов менее чем за 10 минут

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

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

Необходимость удовлетворять любопытство

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

По словам Джоанны Вибе из Copyhackers, которая использовала разрыв любопытства для увеличения количества кликов на странице с ценами на 927%, разрыв любопытства определяется как:

«Промежуток между тем, что мы знаем, и тем, что мы хотим или даже должны знать ».

Вот пример пробела любопытства в действии из проведенного ею A/B-теста…

Во-первых, первый вариант страницы с ценами:

Во-вторых, вариант 2 страницы с ценами:

Результаты теста были следующими: увеличился на 927%. При ближайшем рассмотрении становится понятно, почему:

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

«У вас большой список? Выберите план Gold, чтобы получить до 350 000 контактов, 3,5 миллиона электронных писем в месяц и 4-кратную скорость».

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

Некоторые примеры любопытных заголовков:

• eMarketerFYI: (новый отчет) Раскройте скрытые показатели электронной почты
• NextDraft: это то, что нами движет
• Эрик Сиу: проведите пальцем по экрану, чтобы расширить свою компанию

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

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

Лучшие заголовки любопытства включают в себя элемент личного интереса. Посетители никогда не должны спрашивать себя: «Почему меня это должно волновать?»

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

Необходимость быстро решать проблемы

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

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

Вот пример из AWAI:

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

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

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

Необходимость быть в курсе последних событий

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

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

Сравнительное исследование показателей электронного маркетинга за 2016 г.

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

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

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

1. Копировать

Традиционный призыв к действию не имеет особого смысла. До сих пор маркетологи подчеркивали, что читатели должны сделать, чтобы получить предложение, используя такие слова, как «Загрузить» и «Запросить». Но такой подход сводит на нет ценность CTA. Мы должны разъяснить посетителю «что в нем».

Например, компания Impact Branding & Design использовала идею оптимизации кнопки CTA на целевой странице электронной книги. Оригинальная кнопка гласила «Бесплатная загрузка:»

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

Новая кнопка улучшила конверсию почти на 80%:

Возьмем другой пример, на этот раз от Empire Flippers, которые изменили свой CTA с «Присоединяйтесь к нам» на «Зарабатывайте деньги, переворачивая веб-сайты». В результате конверсия увеличилась на 33,1%:

Вот последний пример, на этот раз от Roader Studios. Во-первых, призыв к действию до:

Затем корректировка, которая привела к увеличению коэффициента конверсии на 8,39%:

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

Помимо текста, есть три вещи, о которых вам нужно помнить при разработке кнопки CTA:

2. Размер

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

Исследование Массачусетского технологического института показывает, что средний размер сенсорной панели составляет от 10 до 14 мм, что делает 10×10 мм хорошим минимальным размером кнопки:

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

3. Форма

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

Клавиши на их клавиатурах — это кнопки, которые они привыкли нажимать, поэтому в сети они выглядят так:

Вот пример кнопки, которую они не узнают:

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

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

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

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

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

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

В качестве золотой середины рассмотрите «Flat 2.0». Стиль дизайна обеспечивает баланс между чрезмерно отформатированной скевоморфной кнопкой и минималистичной плоской кнопкой. Он использует тени и затенение, чтобы указать на прессуемость, но делает это незаметно. Вот кнопка Flat 2.0:

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

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

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

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

4. Местоположение

Вы, наверное, слышали это миллион раз: «Призыв к действию всегда идет вверху страницы».

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

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

…сюда (ниже сгиба):

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

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

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

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

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

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

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

Рассмотрим этот пример из Nature Air, в котором кнопка призыва к действию размещены в крайнем правом углу страницы:

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

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

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

Когда кнопка была перемещена в соответствии со стилем чтения посетителей, количество конверсий увеличилось на 59.1%:

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

5. Цвет

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

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

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

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

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

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

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

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

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

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

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

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

Разборчивость, удобочитаемость и понимание

По словам известного эксперта по юзабилити Якоба Нильсена, чтобы писать текст, который читают люди, необходимо оптимизировать по трем параметрам: :

А вот еще:

Копия вашей целевой страницы должна быть разборчивой:

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

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

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

Результатом стало увеличение конверсий «Добавить в корзину» более чем на 36%!

Удобочитаемость

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

• Длина строки: Левое поле — это исходная точка для наших глаз при чтении. Если строка текста слишком длинная, это проверит наше внимание на выносливость. Однако, если он слишком короткий, это нарушит наш ритм, заставив нас слишком часто возвращаться к краю. Золотая середина, по мнению специалистов, — это строка длиной 50-75 символов.
• Межстрочный интервал: Интервал между строками текста во многом определяет, смогут ли посетители прочитать вашу целевую страницу. Если он слишком мал, ваша копия будет выглядеть сжатой — одна строка будет сливаться со строкой под ней. Если он слишком большой, это будет напрягать глаза потенциальных клиентов, когда они будут пытаться преодолеть разрыв между строками. Дизайнер Мэтью Баттерик утверждает, что читаемость максимальна, когда межстрочный интервал составляет 120–140 % размера шрифта:

.

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

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

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

Понимание

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

• Используйте короткие слова. Их не только легче понять посетителям, но, кроме того, исследования показывают, что они сделают вас умнее.
• Удалить жаргон. Выдуманные слова типа «пригодность для погружения» ничего не значат для посетителей. Их не волнуют особенности вашего предложения. Не путайте их с торговыми терминами или вашим родным языком. Говорите на их языке. Газонокосилка Platinum серия 19Двигатель HP Briggs & Stratton Intek OVE» бессмысленно, пока вы не объясните, что это продлевает срок службы продукта. Обратите внимание, что каждый пункт на этой странице представляет функцию, а затем четко объясняет ее преимущества.
• Вырезать неоднозначное содержимое. Ваш продукт не является «премиальным» или «отличным». Это быстро или долговечно. Это не «улучшает эффективность маркетинга». Это «превращает вас в мастера-копирайтера, способного продать что угодно с помощью письменного слова», или даже лучше: оно учит вас всем навыкам, которые вам нужно знать, чтобы стать востребованный, шестизначный копирайтер.

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

Вовлекающие средства массовой информации

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

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

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

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

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

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

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

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

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

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

Лучшие кадры

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

Вот пример от Энджи Шоттмюллер:

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

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

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

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

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

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

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

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

Инфографика

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

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

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

Значки

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

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

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

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

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

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

Значки доверия

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

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

The Baymard Институт обнаружил, что среди них наиболее узнаваемыми и заслуживающими доверия были следующие (особенно для покупателей):

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

Видео на целевых страницах

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

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

Объясняющие видеоролики

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

Dropbox, как известно, запустил свою компанию с помощью короткого и ясного видео-описания своего сервиса:

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

Вступительные видеоролики

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

На этой целевой странице есть страница от Сэма Овенса:

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

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

Видео-отзывы

Отзыв подталкивает ваши перспективы к конверсии, демонстрируя ваших довольных клиентов, обычно с текстовым обзором, сопровождаемым именем и портретом. Вот пример из ROI Revolution:

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

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

Видео-кейсы

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

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

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

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

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

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

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

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

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

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

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

Спросите себя:

• Для какой стадии воронки предназначено это предложение? Осознание? Рассмотрение? Решение? В верхней части воронки вы захотите попросить адрес электронной почты, номер телефона и все остальное, что вам нужно, чтобы начать развивать своих потенциальных клиентов. Ближе к концу воронки вы захотите запросить информацию, которая поможет вам лучше квалифицировать их, чтобы убедиться, что они подходят для вашего бизнеса.
• Мне нужно больше потенциальных клиентов или потенциальных клиентов более высокого качества? Для компаний с пустой базой данных потенциальных клиентов формы с меньшим количеством полей приведут к большему количеству потенциальных клиентов, над квалификацией которых сможет работать команда по продажам и маркетингу. Для команд, которые тратят слишком много времени на просеивание большого количества потенциальных клиентов, большее количество полей формы может сократить время, необходимое для отслеживания и квалификации их.
• Насколько ценно мое предложение? Чем полезнее это для ваших потенциальных клиентов, тем больше они будут готовы предоставить в обмен на это. Лист советов может принести вам только 4 поля информации, но отраслевой отчет, наполненный информативной информацией, может дать вам 10 полей.

Организация формы для оптимального удобства использования

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

По данным Nielsen Norman Group, это следующие:

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

Метки в этой версии формы, с другой стороны, ближе к соответствующим полям:

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

3. Избегайте использования текста-заполнителя, поскольку было показано, что он сбивает посетителей с толку, проверяет их память и делает поля формы менее заметными. По данным ННГ:

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

Вот форма, которая не соответствует действительности:

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

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

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

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

7. Сообщите посетителям, если ввод формы имеет какие-либо особые правила. Если требуется заглавная буква и символ, это должно быть указано в метке формы. Эта форма делает это, но в тексте-заполнителе, который исчезнет, ​​как только посетители начнут печатать:

Вот лучший пример из MailChimp:

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

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

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

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

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

Надежные индикаторы доверия

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

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

Отзывы

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

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

Вот почему отзывы — отзывы довольных клиентов — могут повысить воспринимаемую ценность предложения, даже если рецензент неизвестен читателю. Отчет Nielsen Norman Group показывает, что 70% людей доверяют отзыву человека, которого они никогда не встречали.

Но чему они не поверят, так это ленивому отзыву. Эффективный будет оптимизирован для:

1. Позитивности

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

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

Вот пример недостаточно положительного отзыва:

В переводе этот отзыв говорит: «Вы безубыточны, а затем немного зарабатываете, когда размещаете рекламу в этой компании». Это действительно «то, что вы ищете в рекламе»? Самый минимум?

2. Узнаваемость

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

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

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

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

3. Конкретность

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

Например, вот конкретный отзыв от AdLift:

Он рекламирует услугу с реальными результатами: «Мы добились увеличения количества ключевых слов на 185%, привлекающих SEO-трафик менее чем за 4 месяца». Этот делает то же самое:

Но третий отзыв, представленный на странице, менее конкретен в отношении результатов:

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

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

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

Джули, Сара и Дон — настоящие люди? Или все три отзыва созданы владельцем бизнеса?

4.

Релевантность

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

Например, эти отзывы о написании программного обеспечения, MasterWriter, более убедительны, потому что они даны отмеченными наградами авторами:

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

Индикаторы безопасности

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

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

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

Индикаторы полномочий

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

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

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

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

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

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

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

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

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

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

Полномочия предполагаются . Достоверность заработал.

Целевая страница доктора Хаймана «Ешьте жир, худейте» имеет встроенный авторитет просто потому, что человек, который создал ее, является врачом, и его титул упоминается на всей странице:

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

Известные клиенты и отзывы

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

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

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

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

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

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

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

Вот пример с целевой страницы доктора Хаймана:

Вот еще один пример из маркетингового агентства Louder Online из Сан-Диего:

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

Награды

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

Реклама

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

Посетители рассматривают такие СМИ, как CBS, PBS и ABC, как надежные источники информации. Они предполагают, что если вы или ваше предложение были представлены на каком-либо из них, вы заслуживаете доверия по ассоциации.

Социальные стойки

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

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

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

Вот счетчик лайков Facebook с другой целевой страницы, который показывает, что у бренда 563 000 поклонников на платформе:

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

Все вместе

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

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

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

Как люди читают в Интернете

Примерно в 2006 году исследователи из Nielsen Norman Group узнали, что результаты Мюнхенской ассоциации прямого маркетинга передаются в Интернет. В исследовании, которое отслеживало, как 232 интернет-пользователя просматривали тысячи веб-страниц, они заметили, что…

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

Исследователи назвали это «F-паттерном» из-за его формы:

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

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

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

Гештальт-психология и визуальная иерархия

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

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

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

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

Гештальт-психологи называли эти разные вещи «аномалиями». Красная мармеладка ниже — аномалия, потому что она выделяется из группы похожих желтых мармеладок:

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

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

Привлечение внимания с помощью аномалий на вашей целевой странице

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

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

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

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

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

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

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

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

• Размер: Больше = важнее. Меньше = менее важно.
• Вес: Темнее = важнее. Легче = менее важно.
• Цвет: Больше контраста = больше важности. Меньше контраста = меньше важности.
• Плотность: Несколько элементов вместе = больше внимания. Разбросанные элементы = меньше внимания. (Это не означает, что вы должны упаковать все свои элементы в одно маленькое пространство).
• Пробел: Положительное пространство = важнее. Негативное пространство, Белое пространство = менее важно.

Посмотрите, как DigitalMarketer манипулирует ими на этой целевой странице для создания визуальной иерархии:

Давайте разберем элементы визуальной иерархии на этой странице:

1. Заголовок = большой, более тяжелый, позиционированный высоко на странице
2. Подзаголовок = большой, но меньший, чем заголовок, другой цвет, больший вес, чем основной текст
3. Преимущества = маркировано, расположено под заголовком, имеет больший вес, чем неформатированный основной текст
4. Кнопка CTA = большая, ярко окрашенная, расположена справа от преимуществ (или ниже) для размещения F-схемы чтения. Направляющая подсказка в виде стрелки помогает направить посетителя от копии к кнопке CTA.

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

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

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

1. Marketo

2. Microsoft

3. UserTesting

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

Выбор цветовой схемы целевой страницы, ориентированной на конверсию

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

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

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

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

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

Используйте правило 60-30-10

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

Чтобы выбрать эти три цвета, Джаред Кристоферсон из Йеллоухаммера предлагает использовать цветовое правило «60-30-10» в веб-дизайне. Вот как это работает:

Выберите акцентный цвет

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

Координация с основным цветом (30%)

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

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

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

Разместите все это на мягком фоне (60%)

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

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

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

Монохроматические цвета — это все вариации — оттенки, тона и оттенки — одного определенного оттенка. Если ваша основа желтая, вы можете попробовать комбинировать ее с:

• Белым, чтобы создать более светлый оттенок .
• Grey для создания более темного тона .
• Черный для создания темного оттенка .

Примеры цветовых схем, ориентированных на конверсию

Концептуализация этих цветовых схем проще всего с помощью визуальных примеров. Вот несколько целевых страниц с описанием цветов фона, основы и акцента:

TurboTax

Фон: Белый

База: Синий

Акцент: Оранжевый

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

Hit Search

Фон: Белый

База: Светло-серый

Акцент: Красный

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

MarketingProfs

Фон: Белый

База: Серый

Акцент: Зеленый

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

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

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

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

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

Создать целевую страницу — это одно, а создать правильную целевую страницу — совсем другое. Термин «целевая страница» охватывает пять различных типов страниц:

.
• Выжимная страница
• Начальная страница
• Страница захвата лидов
• Страница перехода по клику
• Страница продаж

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

Сожмите страницу

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

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

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

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

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

• Подчеркните получение ценного ресурса для очень небольшого количества личной информации.
• Используйте минимальный текст — в идеале менее 50 слов.
• Имейте только один выход — либо «X» в углу окна, либо ссылку под кнопкой CTA с надписью «нет, спасибо».
• Обоснуйте причину запроса адреса электронной почты. Что вы отправляете на их почтовый ящик?

Вот еще один пример из MarketingExperiments:

И еще один из National Geographic:

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

Заставка

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

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

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

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

Вот несколько целей страницы-заставки:

1. Получить конверсию, например, от команды Барака Обамы:

2. Чтобы сделать объявление, подобное этому:

3. Чтобы позволить посетителям выбирать свои предпочтения для взаимодействия с вашим сайтом (например, языковые предпочтения):

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

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

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

Страница захвата лидов

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

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

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

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

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

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

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

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

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

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

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

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

Страница продаж

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

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

На этом от AWAI более 5000 слов:

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

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

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

Это то, что команда Conversion Rate Experts сделала для Moz, когда их привлекли для оптимизации продающей страницы. Они наблюдали, как основатель Рэнд Фишкин лично рассказывал им о продукте; и вот что они нашли:

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

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

Этот вариант превзошел контрольный вариант на 52%.

Еще один кейс от Conversion Rate Experts доказал нечто подобное. Длинная целевая страница, созданная для программного обеспечения для тепловых карт, Crazy Egg, превзошла свою более короткую исходную страницу на 363%:

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

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

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

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

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

Создание вашей целевой страницы

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

С помощью Instapage вы можете выбрать из более чем 200 полностью настраиваемых шаблонов, проверенных для преобразования:

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

Вы можете щелкнуть, чтобы точно настройте любой элемент или раздел вашей страницы, чтобы сохранить дизайн на 100% фирменным, вплоть до стиля вашего шрифта (с бесчисленным количеством шрифтов от Adobe Typekit и Google Fonts):

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

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

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

Когда вы закончите, вы можете просмотреть свой дизайн на настольных и мобильных устройствах, а затем легко опубликуйте их в личном домене, CMS, Facebook или на нашем демонстрационном сервере:

Узнайте, почему нас выбирают такие бренды, как Autopilot, HelloFresh, Heap Analytics и Wealthfront. Начните создавать профессиональные целевые страницы быстрее с Instapage, самой удобной программой для дизайнеров в Интернете.

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

Глава 1: Основные выводы

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

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

Глава 2: Основные выводы

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

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

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

Глава 3: Основные выводы

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

• Рекламные кампании в социальных сетях
• Кампании медийной рекламы
• Маркетинговые кампании по электронной почте
• Ретаргетинговые кампании

Глава 4. Основные выводы

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

1. Верхний, основной и нижний колонтитулы без навигации:

Для достижения коэффициента конверсии 1:1 у вас не должно быть исходящих ссылок в верхнем, теле или нижнем колонтитуле страницы. У вашей целевой страницы не должно быть легких путей. Единственный способ, которым ваш посетитель должен иметь возможность покинуть страницу, — это нажать кнопку CTA или «X» в верхнем углу окна браузера.

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

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

3. Привлекательная кнопка призыва к действию:

Чтобы побудить посетителя щелкнуть, кнопка CTA должна…

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

4. Текст с возможностью просмотра:

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

• Разборчивость: Насколько легко читатель может различать разные буквы и символы в тексте. Ваш основной текст не должен быть намного меньше 16 пикселей и должен быть темным на светлом фоне (обычно черным на белом).
• Читабельность: Насколько легко вашим читателям прочитать всю вашу целевую страницу. Разбивайте блочный текст на небольшие абзацы, избегайте многословия и следите за тем, чтобы длина строк текста не превышала 85 символов.
• Понимание: Насколько хорошо ваши читатели могут понять ваш предмет. Рекламируйте преимущества вашего продукта без жаргона и используйте короткие слова для объяснения сложных понятий.

5. Привлекательные медиа:

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

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

6. Сокращенная форма:

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

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

7. Сильные индикаторы доверия:

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

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

Глава 5: Основные выводы

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

• Гештальт-психологи обнаружили, что наше внимание привлекают вещи, которые отличаются от их окружения. Они назвали эти различия «аномалиями».
• Компания Nielsen Norman Group обнаружила, что в Интернете люди читают в форме буквы F. Во-первых, они читают заголовок; затем они просматривают боковую сторону страницы в поисках подзаголовков; наконец, они перечитывают страницу всякий раз, когда находят ценную для них информацию, выделенную жирным шрифтом или курсивом.

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

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

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

Используйте правило 60-30-10:

Цветовая схема вашей целевой страницы состоит из фона, основного и акцентного цвета.

• Цвет фона должен занимать около 60% всей страницы. Лучший выбор здесь — белый, так как черный текст хорошо отображается на нем (что имеет решающее значение для читабельности). Если не белый, то выбранный вами цвет должен быть тонким и почти незаметным.
• Ваш базовый цвет должен отображаться в нижнем колонтитуле, верхнем колонтитуле и форме. Посвятите 30% вашей цветовой схемы этим элементам.
• Акцентный цвет должен отображаться только в логотипе и кнопке призыва к действию. Посвятите 10% вашей цветовой схемы этим элементам.

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

Глава 6. Ключевые выводы

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

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

Теперь приступайте к конвертации!

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

Что такое целевая страница и как ее создать (+Примеры)

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

Перенесемся во взрослую жизнь, и мяч летит в сточную канаву направо и налево.

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

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

Содержание

• Что такое целевая страница?
• Почему целевые страницы важны?
• Веб-сайты и целевые страницы
• Типы целевых страниц
• Перед созданием целевой страницы
• Как написать отличную целевую страницу
• Оптимизация целевой страницы
• Примеры целевых страниц

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

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

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

Почему целевые страницы важны?

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

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

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

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

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

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

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

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

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

Другие компании используют автоматизацию маркетинга (например, Marketo) для создания целевых страниц. В этом случае целевая страница на самом деле не является частью домена вашего сайта, а находится на поддомене. Таким образом, вместо того, чтобы размещать целевую страницу на сайте website. com/ebooks/beginners-guide-to-saas, она может располагаться, скажем, по адресу marketing.website.com/beginners-guide-to-saas.

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

Типы целевых страниц

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Начните с привлекательного предложения

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

2. Создайте эффектный заголовок

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

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

Несмотря ни на что, ваш заголовок должен отвечать на один вопрос, который возникает у ваших пользователей: что это значит для меня? Если вы сомневаетесь, заголовок, ориентированный на выгоду, является хорошим первым шагом. Вы всегда можете провести A/B-тестирование и повторение.

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

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

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

4. Добавьте форму

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

5. Добавьте страницу благодарности

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

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

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

1. Одна цель, один призыв к действию

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

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

2. Держите его в чистоте и порядке

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

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

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

• Цитаты клиентов: Возьмите цитаты из отзывов и тематических исследований или включите отзывы клиентов.
• Одобрения влиятельных лиц: Если конфиденциальность не является проблемой, включите логотипы известных брендов, которые используют ваш продукт или услугу, или цитаты влиятельных лиц.
• Данные: Здесь есть множество вариантов, таких как «более X отзывов Google с пятью звездами», «доверяют X клиентов» или «сгенерировано более X лидов/сэкономлено денег».
• Награды и признание: Есть ли у вас значки партнерства или сертификации? Любая форма признания или награды от третьей стороны помогает укрепить доверие, в том числе просто быть представленным в публикации или стать финалистом, даже если вы не выиграли.

4.

Контроль качества ваших целевых страниц

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

5. Оптимизация для мобильных устройств

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

6. Проведите A/B-тестирование

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

Примеры отличных целевых страниц

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

1. Пример целевой страницы с бесплатной пробной версией — CallRail

Этот пример целевой страницы от CallRail — это то, на что я попал после нажатия на одно из объявлений LinkedIn. Вот что делает его замечательным:

• Чистый дизайн: Над сгибом видно только 26 слов, шесть из которых — две кнопки CTA (которые относятся к одному и тому же предложению). Красочный графический дизайн привлекает внимание, а синие кнопки выделяются на фоне черного.
• Убедительный заголовок: «Знайте, что заставляет ваш телефон звонить, и разумно маршрутизируйте входящие вызовы» дает мне четкое представление о том, что делает CallRail и какую пользу он может мне принести.

Прокрутите вниз и увидите:

• Значки доверия: Нам доверяют более 180 000 компаний, с тремя значками. Плюс отзывы реальных клиентов.
• Четкая копия: CallRail использует карточки для объяснения своих функций и преимуществ в очень коротком тексте.
• Кнопка внизу: Поскольку эта страница длинная, CTA повторяется внизу страницы с красивой, основанной на страхе фразой CTA: «Вы тратите деньги впустую на маркетинг. Узнай, где».

2. Пример целевой страницы SaaS – Loomly

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

Вот что делает его замечательным:

• Целевые сообщения: Заголовок может быть не самым убедительным, но он гласит «Программное обеспечение для социальных сетей», что является прямой связью с запросом, вызвавшим появление объявления. Обратите внимание, что Loomly называет себя платформой для управления брендом, так что это отличный пример адаптации своих сообщений.
• Чистый дизайн: Как и CallRail, на этой целевой странице есть только одно действие, чтобы начать бесплатную пробную версию, с несколькими кнопками, которые ведут к форме регистрации бесплатной пробной версии.
• Видео: Встроенное пояснительное видео на странице используется для описания функций и преимуществ. Исследования показали, что добавление видео на целевые страницы может увеличить конверсию на 86%.
• Значки доверия: Цитаты из отзывов клиентов, а также значки за награды от G2, Capterra и Source Forge

3. Пример целевой страницы регистрации — Lyft

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

Вот что делает его замечательным:

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

4.

Пример целевой страницы электронной коммерции – Blk & Bold

Этот пример целевой страницы электронной коммерции предоставлен Blk & Bold, компанией, предоставляющей подписку на кофе.

Вот что делает его замечательным:

• Сильный заголовок: Never Run Out of Coffee Again решает проблему для всех любителей кофе.
• Чистая копия: Перед тем, как прокрутить, вы сразу понимаете, как это работает в три шага, не говоря уже о мощном слове «легко» там.
• Доступность: В левом нижнем углу есть значок доступности веб-сайта, при нажатии на который можно выбрать варианты представления информации в зависимости от ваших потребностей.

5. Пример целевой страницы назначения – Mr. Rooter

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

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