Лучшие целевые страницы: 50 примеров
Опубликовано: 2021-07-13В этой статье я собираюсь обсудить, что делает хорошую целевую страницу - от общих рекомендаций до уникальных функций.
Что вы узнаете:
- Рекомендации по использованию целевой страницы:
- 7-секундный тест
- Изображения с высоким разрешением
- Призыв к действию
- Используйте пространство под сгибом
- Местные целевые страницы
- GMB имеет решающее значение
- Отзывы клиентов
- Местные призывы к действию
- Карты месторасположения
- Целевые страницы электронной торговли
- Характеристики продукта
- Изображения продуктов в высоком разрешении
- Отвечать на вопросы
- Связанные блоги и статьи
- Акции сопутствующих товаров
- Отзывы Пользователей
- Продвигайте программу лояльности
- Используйте сообщения в блогах для конвертации трафика
- Включите боковую панель
- Продвигайте лид-магнит
- Ссылка на статьи по теме
- Выделите ресурсы
Рекомендации по созданию целевой страницы: что делает ее хорошей?
Целевые страницы могут принимать самые разные формы и используются для продвижения всего, от потребительских товаров до электронных книг B2B, местных магазинов и служб подписки.
Тем не менее, несмотря на то, что целевые страницы отличаются множеством вариантов, есть несколько передовых практик, которые остаются неизменными во всех сферах.
Например, хорошая целевая страница всегда начинается с убедительного заголовка, некоторой вспомогательной копии и дизайна, который усиливает вопрос. Призыв к действию (CTA) всегда должен выделяться.
Основы целевой страницы
Он должен пройти 7-секундный тест
Семисекундный тест - это быстрый процесс оценки функциональности целевой страницы. Идея проста; когда посетитель попадает на целевую страницу, он должен быть в состоянии ответить на следующие вопросы за семь секунд или меньше:
- О чем этот сайт?
- Что я должен сделать?
- Что является основным ценностным предложением?
- Могу ли я доверять этому бренду?
- Почему это должно меня волновать?
По сути, вам нужно уметь объяснять, кто вы, какую проблему решаете и чем вы отличаетесь от своих конкурентов.
Имейте в виду, здесь меньше значит больше. Чем меньше думающим людям придется делать, чтобы понять, что вы предлагаете, тем лучше.
1. Shopify
Целевые страницы Shopify неизменно хороши, и эта не исключение. Заголовок сразу же сообщает посетителям, что они собой представляют, укрепляет доверие, признавая их огромную клиентскую базу, и подкрепляет это изображением в высоком разрешении, демонстрирующим темы их веб-сайтов, адаптированные для мобильных устройств.
Пользователи могут легко понять, чего ожидать, и все, что им нужно сделать, это ввести адрес электронной почты, чтобы начать работу.
Кроме того, если есть какие-то сомнения, мелким шрифтом указано, что они предлагают 14-дневную пробную версию и не будут запрашивать вашу кредитную карту, пока вы не будете уверены, что хотите взять на себя обязательства.
2. Домофон
Целевая страница Intercom также переходит к преследованию в течение нескольких секунд - они предлагают чат-ботов, предназначенных для обеспечения положительного впечатления клиентов.
Заголовок не очень четкий, но в сочетании с гипер-прямым подзаголовком и образцом взаимодействия справа - нет никаких сомнений в том, что этот продукт должен делать и какую пользу он может принести владельцам веб-сайтов.
И, как мы видели с Shopify, Intercom также упрощает начало работы с пробной версией.
3. Руководство
Источник
В этом примере Guideline использует пробелы и простые преимущества для продвижения своей программы 401k. Форма короткая и не заставляет пользователей предоставлять больше информации, чем необходимо, а весь текст очень четкий.
Изображения высокого разрешения
Неважно, что вы продаете, все целевые страницы зависят от высококачественной визуализации, которая побуждает потребителей сделать следующий шаг.
Изображения не только помогают донести вашу точку зрения в течение семи секунд, но и помогают пользователям установить связь с вашим брендом.
4. ЧЕРНЫЙ ТУКС
Здесь BLK TUX продвигает свои услуги по аренде смокингов, сосредоточиваясь почти исключительно на изображениях для продажи своих услуг. Кампании обращаются к современному потребителю, который обычно ассоциирует аренду смокинга со своим выпускным балом. Они прекрасно справляются с эмоциями посетителей, которые, при условии, что они нацелены на правильную аудиторию, стимулируют желаемое действие.
5. ZenDesk
Изображения Zendesk занимают небольшую часть целевой страницы, оставляя больше белого (или синего) пространства, чтобы зрители могли оценить копию и решить, хотят ли они принять меры.
Комбинация пустого пространства и сине-белой цветовой схемы оказывает успокаивающее действие, что говорит о том, что это решение обеспечит легкий ответ на болевые точки аудитории.
6. Померло
Другой пример, использующий подход «сначала изображение». Померло использует линии на фотографии, чтобы направить взгляд зрителя на CTA.
CTA
В идеале ваш призыв к действию должен функционировать как точка, в которой посетители становятся клиентами или лидами.
CTA всегда следует размещать над сгибом и представлять четкий следующий шаг.
Следите ли вы за социальным каналом, подписывайтесь на рассылку новостей или совершаете покупку, вам необходимо убедиться, что ваш CTA точно сообщает вашему читателю, что делать.
Вот несколько примеров:
7. Слабость
CTA в Slack выделяется жирным шрифтом и привлекает внимание, потому что этот небольшой всплеск цвета отвлекает взгляд от рисунка справа. «Просить» очень просто: вы можете «попробовать бесплатно» в обмен на то, что поделитесь своей электронной почтой.
8. Canva
Canva устраняет трудности в процессе регистрации, предоставляя пользователям возможность входить в систему с помощью Google или Facebook. Это заставляет их работать быстрее, удаляя лишний шаг (а также необходимость создания нового пароля).
9. Лаборатория конверсии.
В Conversion Lab все просто, с синим фоном, белой рамкой и минимальным количеством копий, что делает эту оранжевую кнопку действительно популярной. Заголовок сразу получает преимущество - более высокие коэффициенты конверсии на целевых страницах - и прикрепляет кнопку «получить помощь с целевыми страницами» прямо под опорой значения.
10. Получите ответ
А еще есть GetResponse. По общему признанию, это не мой любимый дизайн, но здесь они отлично справляются с некоторыми вещами.
Зеленая кнопка действительно выделяется на черно-сером фоне, а стрелка возвращает фокус на действие, если глазные яблоки откатываются в сторону.
Кроме того, бренд отлично справляется с задачей, устраняя риск, связанный с регистрацией - 30-дневная бесплатная пробная версия, кредитная карта не требуется. Они настолько уверены, что пользователи увидят ценность и решат остаться в долгосрочной перспективе.
Обоснование вашего предложения ниже сгиба
Ниже вы немного переключаетесь и разговариваете с кем-то, кто, возможно, находится на более ранней стадии процесса принятия решения. Хотя эта группа, вероятно, разделяет цели и болевые точки с теми, кто принимает меры по прибытии, им может потребоваться дополнительная информация.
Хотя у вас будет больше гибкости в плане дизайна и копирования, чем в верхней части страницы, есть несколько основных элементов, которые вы можете добавить на любую страницу, чтобы завоевать доверие ваших посетителей, когда они прокручивают страницу, чтобы узнать больше.
Здесь могут помочь отзывы, обзоры, функции, отраслевые награды, упоминания в прессе и ответы на часто задаваемые вопросы. Давайте посмотрим на несколько примеров от нескольких разных брендов:
11. Мастер-класс.
Хотя Masterclass много делает на этой странице, элементы на странице хорошо работают вместе. Страница ведет с четко определенным ценностным предложением и видео, которое помогает понять, чего могут ожидать пользователи.
По мере продвижения по странице вы можете проверить примерный план урока, прочитать обзоры и отзывы, а также проверить связанные классы.
12. Академия кода
Эта целевая страница от CodeAcademy держит вещи супер минималистичными. Несмотря на то, что они сразу же переключились на основную ценность, потенциальные клиенты, вероятно, захотят получить еще несколько деталей перед регистрацией.
Здесь бренд использует видео-отзыв, чтобы подчеркнуть ценность этого решения.
13. Unbounce
Этот пример от Unbounce вызывает доверие, выделяя длинный список упоминаний в прессе. Если вы упоминались в каких-либо известных публикациях, добавление этих значков дает вашей аудитории быстрый визуальный сигнал о том, что ваш бренд является законным.
14. Webprofits
WebProfits укрепляет доверие несколько иначе. Они свели количество копий к минимуму наверху, сосредоточив внимание на основных преимуществах, способствующих росту. Хотите узнать больше о том, как они добиваются результатов? Следующий раздел объясняет их процесс в нескольких коротких абзацах, позволяя посетителям лучше понять, что они нашли решение своей проблемы.
15. Манчери
Целевая страница Munchery вызывает доверие прямо в нижней части страницы, используя рейтинги клиентов из учетной записи TrustPilot бренда, чтобы обосновать свою услугу.
Этот дополнительный элемент социального доказательства в сочетании с привлекательным изображением страницы, простой регистрацией и скидкой в 20 долларов дает читателям множество причин, чтобы попробовать этот бренд.
Местные целевые страницы
Местные целевые страницы имеют много общего с традиционными целевыми страницами. Вам все равно нужно подумать о семисекундном тесте, включить социальное доказательство и убедиться, что ваш заголовок, текст и изображения нравятся вашей целевой аудитории.
Тем не менее, есть несколько вещей, которые уникальны для разработки локальных страниц, и я быстро перейду к ним.
Локальная схема и оптимизированная страница Google My Business имеют решающее значение
Прежде чем делать что-либо еще, вам необходимо убедиться, что ваш профиль в Google Мой бизнес заполнен и содержит точную информацию о компании.
После того, как вы настроили свою страницу GMB, вы захотите применить к странице локальную схему, чтобы предоставить поисковым системам дополнительную информацию об этом местоположении, такую как имя, адрес, часы работы, услуги и т. Д.
В сочетании со сторонними списками на таких сайтах, как Yelp, TripAdvisor, Facebook и другие, местные поисковики могут найти все, что им нужно, не выходя из результатов поиска.
Отзывы клиентов
Для местных предприятий отзывы - это все. Не верите мне? Подумайте, какова вероятность того, что вы поедите в ресторане без отзывов? Как насчет того, чтобы посетить нового стоматолога, не узнав больше об опыте других пациентов?
Обзоры и оценки в звездах могут быть включены на вашу целевую страницу и размечены с использованием структурированных данных. Преимущество здесь в том, что этот рейтинг будет отображаться в поисковой выдаче каждый раз, когда кто-то вводит соответствующий локальный запрос.
16. Ресторан Carisma
Источник
В этом примере ресторан Carisma собрал отзывы с нескольких платформ на одной целевой странице. Вывод - людям действительно нравится это место, независимо от платформы. То есть, можно с уверенностью сказать, что еда хорошая.
Местные призывы к действию
В призывах к действию на местных целевых страницах часто используется более общий язык, чем в других типах целевых страниц - например, «Проложить маршрут» или «Позвонить».
Здесь приоритетной задачей является максимально упростить для мобильных пользователей возможность связаться с вашей компанией или посетить ее.
17. Yale Appliance
Устройство Yale позволяет пользователям запланировать посещение выставочного зала с помощью простой серии инструкций - выбрать тип встречи, время, место и все.
18. Брайтонская имплантологическая клиника
Клиника Brighton Implant Clinic использует местную рекламу для привлечения трафика, чтобы продвигать специальное предложение для новых пациентов. Предложение распространяется на все места, но посетители могут указать, где они хотели бы записаться на прием, установив флажок.
Карта местности
Местный рейтинг определяется тремя ключевыми факторами: известностью, близостью и релевантностью. Это означает, что карта Google, ваш профиль в Google My Business и местная схема работают вместе, чтобы помочь вашей аудитории найти ваш бизнес и получить некоторую уверенность в том, что они могут доверять ты.
19. Пиология.
Источник
Pielogy направляет трафик из своего локального списка результатов поисковой выдачи на конкретную страницу местоположения со встроенной картой. Это сообщает пользователям, что они находятся в нужном месте, и оттуда может принять меры, разместив заказ.

20. Стейк-хаус Hy's
Hy's Steakhouse следует тому же принципу, только на этот раз призывы к действию направляют посетителей на то, чтобы сделать заказ или проверить меню.
Лучшие практики для целевых страниц электронной коммерции
Страницы продуктов требуют немного другого подхода, чем целевые страницы, ориентированные на локальные или ориентированные на потенциальных клиентов. Вам нужно будет включить больше деталей - подумайте о спецификациях, размерах и социальных доказательствах, а также сделайте больший упор на визуальные эффекты.
Вот некоторые из ключевых областей, на которых следует сосредоточиться:
Включите спецификации для каждого продукта
21. В гостях
Away предлагает подробные спецификации продукта, а также возможность щелкнуть «какой из них мне выбрать» для сравнения различных размеров и стилей.
22. Бомбфелл
Bombfell предлагает услугу подписки, которая позволяет клиентам примерить одежду и вернуть то, что у них нет.
Хотя эта модель была принята несколькими брендами (в первую очередь StitchFix), она не так проста, как покупка продукта «традиционным» способом.
Что хорошо в этой целевой странице, так это то, что она начинается с изображения кого-то, открывающего свою коробку, объявляет, что вы «платите только за то, что оставляете», а затем начинается простая разбивка того, как работает служба.
Над сгибом изображение и подстрочка хорошо сочетаются друг с другом, мгновенно вызывая интерес посетителей.
Тем не менее, я хотел бы видеть более информативный заголовок, чтобы действительно довести эту ценность до дома.
23. Великие
Бренд кроссовок Greats использует свою целевую страницу, чтобы помочь покупателям понять, на что обращать внимание при покупке роскошных кроссовок.
На странице приводятся некоторые общие преимущества, а затем выделяются конкретные функции, демонстрирующие качество используемых материалов.
24. Пиковый дизайн
Хотя описание продукта может быть разбито для лучшего визуального восприятия, Peak Design включает в себя несколько снимков продукта, ссылки на видео, сравнительные таблицы и даже упоминания в прессе вверху страницы.
Снимки продуктов и видео с высоким разрешением
Хотя фотографии с высоким разрешением являются неотъемлемой частью любой целевой страницы, они находятся в центре внимания, когда вы продаете такие вещи, как одежда, домашний декор или другие потребительские товары.
Вы захотите включить несколько изображений, чтобы пользователи могли получить четкое представление о том, как выглядит этот продукт. Это поможет обеспечить удовлетворенность клиентов (вы оправдали ожидания) и снизить вероятность возврата.
25. Quip
26. Nikon
Nikon приглашает зрителей на экскурсию по продукту, чтобы продемонстрировать ключевые функции и преимущества более увлекательным образом, чем при использовании типичной спецификации.
Это особенно полезно, когда вы продаете сложный продукт с несколькими техническими характеристиками. Маркетологи могут сосредоточиться на демонстрации зрителям, а не на том, чтобы рассказывать им, на что способен продукт.
27. Все птицы
Allbirds использует видео, чтобы показать продукт в движении, что позволяет пользователям лучше понять, как обувь будет выглядеть лично.
28. Фаблетки.
Fabletics использует видео несколько иначе - демонстрируя различные предложения продуктов в действии, чтобы продвигать свою подписку на леггинсы.
29. Родной союз
Источник
Native Union предлагает более подход «сделай сам», хотя стоит отметить, что это эффективный способ показать потребителям, как продукт конкретно вписывается в их существующий распорядок дня.
Ответьте на вопросы на странице
30. Ежедневный урожай
Целевая страница Daily Harvest посвящена вопросам, которые могут возникнуть у потребителей об их продуктах. На странице есть несколько расширяемых разделов, в которых рассказывается об ингредиентах, пищевой ценности и инструкциях.
Связанные блоги и статьи
31. Kodak
На странице продукта Kodak в нижней части страницы содержится дополнительная информация, содержащая ссылки на несколько видеообзоров, связанных с продуктом. Это не только дает пользователям лучшее представление о возможностях этой камеры, но и побуждает посетителей смотреть дополнительные видеоролики, предлагаемые брендом.
Продвигайте сопутствующие товары
Еще одна вещь, которую вы захотите сделать здесь, - это продвигать сопутствующие товары, чтобы побудить посетителей просмотреть ваш веб-сайт и совершить покупку.
Несколько примеров:
32. REI
33. Бруклинен
34. Made.com
35. Асос
Отзывы Пользователей
Однако отзывы пользователей важны для любой целевой страницы,
36. Consulting.com
Consulting.com выходит за рамки типичных письменных обзоров и предлагает видео-отзывы прошлых клиентов, чтобы продемонстрировать ценность их услуг. Преимущество здесь в том, что посетители могут услышать, как реальные клиенты объясняют ключевые преимущества своими словами, что мгновенно вызывает чувство доверия у новичков.
37.
38. Ethel's Baking Co.
39. Глянец
Страницы продуктов Glossier укрепляют доверие, отображая наиболее понравившиеся положительные и отрицательные отзывы бок о бок и позволяя пользователям применять фильтры, такие как возраст, тип кожи и оттенок кожи, чтобы узнать больше о том, как продукты бренда, вероятно, будут работать на них.
Продвигайте свою программу лояльности
Отличный способ привлечь потенциальных клиентов - предложить пользователям несколько льгот в обмен на адреса электронной почты посетителей.
40. Городское снабжение.
Как использовать сообщения в блогах для увеличения трафика
Сообщения в блогах немного отличаются от других категорий, которые я рассмотрел. Основное внимание уделяется предоставлению информации, а не увеличению количества конверсий.
Тем не менее, упущенная возможность удержать клиентов на пути к следующему шагу - это упущенная возможность.
Вы захотите структурировать свои сообщения таким образом, чтобы стимулировать пользователей к дальнейшему изучению вашего сайта, подписке на рассылку новостей или загрузке ресурса. Вот несколько идей, которые
Блоги должны включать боковую панель
Добавление боковой панели в свой блог позволяет гарантировать, что все посетители получат немного информации о вашем бренде. В блоге Ignite Visibility мне нравится думать о боковой панели как о «лифте» для бренда.
Таким образом, даже если посетитель уйдет, он уйдет с впечатлением о том, кто мы и чем занимаемся.
41. Копировщик
Источник
Copyblogger следует структуре, аналогичной блогу Ignite, используя боковую панель для выделения популярных сообщений и поощрения подписки по электронной почте.
42. Безумное яйцо
Источник
Crazy Egg использует свою боковую панель как возможность стимулировать подписку на рассылку новостей.
Продвигайте лид-магнит
Один из лучших способов привлечь потенциальных клиентов из вашего блога - продвигать ресурс, для доступа к которому читатели должны ввести свой адрес электронной почты.
Вообще говоря, ваш лид-магнит должен быть связан с содержанием сообщения в блоге. Например, если ваше сообщение в блоге посвящено разработке целевой страницы, вы можете продвигать загрузку с помощью 100 бесплатных шаблонов целевой страницы.
Имейте в виду, что загружаемые файлы должны быть ценными для ваших читателей, иметь отношение к тому, где они находятся на пути покупателя, и предлагать своего рода «быстрый выигрыш».
43. Оракул
Целевая страница Oracle - убедительный пример загрузки, которую вы можете предложить покупателям в дальнейшем.
Эта загрузка предлагает более глубокое погружение, развеивая распространенные мифы об автоматизации маркетинга - кое-что, что кто-то, вероятно, захочет узнать, если они активно исследуют решения.
Этот тип контента плохо работает на раннем этапе, поскольку новички, вероятно, пытаются понять, что такое автоматизация маркетинга.
44. Науто
Еще один яркий пример - из Nauto. Эта страница хорошо продумана с изображением «книги» над призывом к действию.
Они хорошо поработали, объяснив, что читатели узнают, и упростили загрузку этого ресурса, сведя поля формы к минимуму.
Кроме того, кнопки социальных сетей позволяют пользователям делиться этим ресурсом со своей сетью одним щелчком мыши, что еще больше увеличивает потенциал лидогенерации страницы.
45. Дрифт
Drift использует совершенно другой подход к лидогенерации, встраивая чат-бота на каждую страницу. Когда посетители читают контент сайта, Driftbot всегда доступен, чтобы направлять пользователей к правильной цели.
Встроенные чат-боты собирают информацию от пользователей, которая впоследствии может быть использована в будущих маркетинговых кампаниях, устраняя при этом некоторые трудности, связанные с использованием форм.
Ссылка на статьи по теме и популярные категории
Включение связанных статей в конце каждого сообщения блога побуждает читателей проводить больше времени на вашем сайте, а также побуждает пользователей переходить по внутренним ссылкам, что может улучшить удобство использования вашего сайта.
Еще один совет - делать ссылки на самые популярные категории, поскольку это помогает улучшить внутренние ссылки и облегчает читателям поиск релевантного контента.
46. Монитор кампании
Источник
47. Точка доступа
Источник
Та же идея с Hubspot, хотя они использовали другой дизайн. Что хорошо в этом примере, так это то, что заголовки выделены жирным и четким шрифтом, а каждая статья снабжена описанием, в котором пользователям точно указывается, что они найдут после перехода.
48. Куно Креатив
Kuno Creative следует тому же подходу, что и Hubspot, однако они упростили для посетителей сортировку контента по категориям.
Выделите другие ценные ресурсы
Еще одна вещь, которую мне нравится делать на сайте Ignite, помимо выделения связанных статей, - это рекомендовать другие ценные ресурсы, такие как ваша видеотека, подкаст или коллекции контента, посвященные определенной теме.
Это еще одна возможность привлечь трафик на другие части вашего сайта, и в то же время помочь вам зарекомендовать себя в качестве источника информации для вашей аудитории.
49. Лакмус
Litmus делает здесь кое-что интересное. Их целевая страница направлена на привлечение подписчиков на информационные бюллетени, доказывая, что они будут доставлять ценную информацию в ваш почтовый ящик со ссылками на предыдущие информационные бюллетени.
50. Экзаменатор социальных сетей
Источник
Другой подход, который вы можете здесь использовать, - это направить читателей блога к библиотеке ресурсов. В этом примере используются графические элементы, чтобы выделить каждое руководство, позволяя пользователям найти ресурс, который их больше всего интересует.