Лендинг магазин: Лендинг или полноценный сайт: что выбрать для интернет-магазина

Содержание

Landing Shop на Битрикс в веб студии мercatto.ru

Лендинг/Landing Shop или продающая страница на Битрикс это профессионально развивающийся инструмент работающий на последних технологиях с интуитивно понятной админ панелью.

Полное описание
 
Не всем нужен интернет-магазин — у многих предпринимателей в магазине не 50 000 товаров, а всего — от 5 до 50… Либо есть необходимость создания отдельного сайта под определенную группу товаров. В решение интегрирован специальный модуль, который позволяет организовать функционал on-line заказа товаров, на младших редакциях «1С-Битрикс:Управление сайтом» — «Старт», «Стандарт», «Эксперт»
Модуль поддерживает системы электронной оплаты товаров. 

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


  • Подача заявки
  • Описание необходимого функционала/краткое ТЗ
  • Согласование деталей
  • Оплата
  • Интеграция с платформой 1С Битрикс 
  • Настройка
  • Первоначальное заполнение 
  • SEO оптимизация
  • Поддержка, обновление решения — развитие функционала, улучшение дизайна
  • В подарок: домен, хостинг, ssl сертификат безопасности
При покупке лицензии и шаблона через нашу студию, сайт для Вас будет стоить бесплатно!

Лицензия 1С Битрикс в редакции «Малый бизнес», «Бизнес» | Cравнить редакции
Шаблон (перед утверждением шаблона, вы опробуете несколько вариантов в демо-режиме и выберете понравившейся)

Сроки реализации проекта


  • Ввод в эксплуатацию: до 3-ех дней;
  • Донастройка, стилизация: 3-14 дней.
Один из основных профилей нашей компании — это продвижение сайтов (опыт более 5 лет). Поэтому мы учитываем рекомендациям Яндекс и Google по отношению к сайтам: валидный и легкий код, адаптивный дизайн, удобное юзабилити (сказывается на поведенческом факторе), скорость работы. Готовы разработать для Вас стратегию продвижения бизнеса, узнаваемость компании, увеличить объемы продаж/заказы услуг.

Передовые технологии для Вашего бизнеса

  1. Адаптивный дизайн c продуманной архитектурой и наличием мобильной версией 
    Не нужно создавать отдельные версии веб-сайта для отдельных видов устройств. Ваша торговая площадка будет красиво выглядеть на ПК, мобильных и планшетах. 
  2. Трансформер — перемещение элементов, вариации дизайнов! 
  3. Многосайтовость — Вы можете запустить сколько угодно сайтов на 1С-Битрикс (2 “сайта” в стандартной поставке)
  4. Композитный режим  
  5. Простое управление
    Технология «Эрмитаж» упрощает освоение системы управления порталом, снижает долю ошибочных действий сотрудников и затраты на их обучение, экономит время при внесении любых изменений на портале.
  6. Безопасность — веб-антивирус с проактивной защитой
  7. Форум и блог
  8. Функционал соответствует законодательству ФЗ-54 — поддержка интернет касс
  9. Все цифровые каналы коммуникаций: онлайн-чат, соцсети, мессенджеры, обратный звонок, веб-формы и т.п.
  10. Realtime-интеграция с «1С»
  11. SEO:  шаблоны meta — не нужно вручную заполнять SEO поля в карточках торгового каталога. Система предоставляет для этого шаблоны автоматического создания уникальных title, description, keywords и т.д. 
  12. Валюты — управление валютами и курсами валют, автоматический импорт курсов с сайта ЦБРФ 
  13. Cкладской учёт — складской количественный учет, управление товарами на складах. Документы, поставщики, отчеты, приход товара по штрих-коду. + поддержка выбора склада при самовывозе заказа
  14. Накопительные скидки (только с редакцией “Бизнес”)
  15. Аффилиатские программы для построения пирамиды партнеров магазина (только с редакцией “Бизнес”)
  16. Внутренние лицевые счета покупателей (только с редакцией “Бизнес”)
  17. Интеграция с CRM Bitrix24
  18. Независимая оплата и доставка  составных частей заказа
  19. Автоматизированные варианты оплаты: Visa, MasterCard, Яндекс. Деньги, PayPal, WebMoney и многие другие.
  20. Варианты доставки с автоматическим расчетом по адресу, весу и габаритам: Почта РФ, EMS, SPSR, UPS, DHL, СДЭК и многие другие…
  21. Бесплатное  мобильное приложение для Администратора магазина
  22. AJAX технологии — подгрузка элементом без перезагрузки страницы
  23. Cовместимость с PHP7 и HTTPS — ускорение работы сайта! С 2017 года сайты несовместимые с https (без ssl сертификатов) определяются браузером Google как потенциально опасные. 
  24. Cloud Backup Amazon S3 — бесплатное автоматическое резервное копирование по расписанию
  25. Автокэширование — объединение и сжатие JS и CSS, CDN 
  26. И много другое исходя из выбранной  редакции платформы 1С Битрикс и возможностей решения.


Платформе 1С Битрикс доверяют свои проекты крупнейшие игроки рынка
Мы рекомендуем систему управления «1С:Битрикс — Управление сайтом». Система «1С-Битрикс: Управление сайтом» ежегодно подтверждает статус CMS №1 в России по версии ведущих аналитических компаний: CMSmagazine, TagLine, iTrack и др. На данной системе работают такие монстры интернет-торговли как Связной, Евросеть, Эльдорадо, Sapato и другие. И другие истории успеха…





Предоставляем Вашему вниманию описание одного из таких решений

  • полная совместимость с PHP7 и HTTPS 
  • современный плоский дизайн и адаптивная верстка в 5-ти цветовых схемах, 
  • панель настройки с возможностью включать/выключать блоки, а так же менять блоки местами перетаскивая их мышкой — поможет расставить Вам нужные акценты
  • корзина товаров в двух видах и множество настроек по анимационным эффектам
  • большой слайдер для специальных предложений, 
  • подписка-рассылка для сбора лидов (а-ля — подпишись и получи скидку 10%), 
  • побуждающие к срочной покупке акции с обратным отсчетом

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

Пример внедрения: 

Простое управление сайтом

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

Готовый функционал

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

Веб-безопасность

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

Высокая производительность

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

Ускорение D7 x2

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

«Облачные» сервисы

«1С-Битрикс» предоставляет своим клиентам бесплатную возможность автоматического  «облачного» бекапа. Сервис  Ускорение сайта (CDN) позволяет загружать весь статический контент (картинки, файлы стилей css, скрипты js) через сеть дистрибуции контента (Content Delivery Network или Content Distribution Network, CDN). Сервис  «Скорость сайта» «видит» сайт глазами посетителей и показывает в комплексе, насколько комфортно работать с вашим сайтом.
Сервис персонализации  «1С-Битрикс: BigData» повышает качество управления, уровень продаж и конверсию в интернет-магазине.  Подробнее  

Realtime-интеграция с «1С»

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

Адаптация к мобильному рынку

В ядро продукта встроен универсальный Framework для адаптивной верстки (Bootstrap 3), облегчающий и ускоряющий изготовление mobile-friendly сайтов любого типа. Ваш сайт изначально готов к просмотру на любом устройстве, включая мобильные. Страницы сайта моментально перестраиваются. Сайт всегда присутствует в результатах поиска Google и мобильные клиенты его видят. Требованиям Google по оптимизации для мобильных устройств легко выполняются.  Подробнее   

Мобильное администрирование

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

  Бесплатное приложение для управления интернет-магазином


Мобильные приложения


 



Чем корпоративный сайт лучше лендинга?

Интернет — полезная площадка для бизнеса. На январь 2019 года зарегистрировано свыше 1,94 миллиарда веб-сайтов, по данным студии Denisov. Поэтому важно понимать, какие виды сайтов бывают и какая между ними разница. В нашем блоге мы уже разбирали, чем корпоративный сайт отличается от интернет-магазина. А сегодня сравним корпоративный сайт и лендинг. Обязательно прочитайте эту статью перед запуском онлайн-бизнеса, чтобы ресурс покрывал потребности, а все вложенные деньги окупались уже через 2 месяца. Поехали!


Какой тип сайта выбрать для старта?

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


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

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

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


Настройка мультирегиональности на решении Аспро: Приорити

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

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

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

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

Лендинг

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

Выделим 3 преимущества лендингов.

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

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

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

Когда лучше запустить лендинг

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

Когда лучше запустить сайт

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

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

Если нужна консультация по выбору корпоративного сайта, напишите нам в онлайн-чат или на почту info[email protected] Поможем разобраться в настройках и расскажем план запуска проекта.

Разработка лендинг пейдж — заказать через фриланс разработку лендинга (посадочную страницу)

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

Как разрабатывают лендинги исполнители Юду?

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

  • one step (одностраничный)
  • two step (двухстраничный)
  • long page (длинная посадочная страница)
  • short page (короткая целевая страница)

Мастера, зарегистрированные на Юду, профессионально создают как обычные, так и адаптированные сайты по небольшой стоимости. Они разработают качественный лендинг в рамках любого бюджета и предложат расценки, которые на 20-30% ниже, чем в специализированных фирмах.

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

Опытные фрилансеры быстро и качественно выполнят разработку лендингов для увеличения продажи товаров интернет-магазинов или услуг, а также для развития любого другого бизнеса. Специалисты, зарегистрированные на Юду:

  • наполнят лендинг уникальным текстом
  • используют качественную графику
  • обеспечат удобный интерфейс для посетителей
  • создадут индивидуальный динамический дизайн web-страницы

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

Преимущества исполнителей Юду

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

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

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

Как оформить заказ на Юду?

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

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

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

платформа для создания целевых страниц

Проще говоря, Leadkit — это платформа, объединяющий в себе все необходимые инструменты для успешной лидогенерации.

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

Что такое лендинг пейдж — это не просто страничка в сети, это целый процесс. Процесс, который вы теперь можете полностью контролировать с помощью одного сервиса. Разработать дизайн целевой страницы, опубликовать ее в сети, привлечь трафик, провести серию сплит-тестов (А/Б-тестов), обрабатывать заявки в удобной CRM — раньше для этого вам понадобилось бы минимум пять разных специалистов. Теперь у вас есть Leadkit.

Здесь вы можете полностью контролировать свою воронку конверсии (правда, мы любим называть ее «пирамидой конверсии», в этом есть позитивный импульс): от клика пользователя на рекламное объявление до непосредственной продажи. Раньше для этого приходилось пользоваться десятком сопутствующих сервисов — теперь есть Leadkit.

Leadkit — это:

  • Конструктор лендингов.
  • Редактор ледингов.
  • Хостинг для лендингов — вы можете размещать здесь целевые страницы и самостоятельно их редактировать в свободном доступе.
  • CRM — оповещения о новых лидах по e-mail и удобная система работы с клиентами.
  • Аналитика — все действия подвергаются статистическому анализу, по итогу рекламной кампании вы сможете рассчитать все ключевые показатели.
  • Сплит тестирование — проверьте с помощь А/Б-теста, как дизайн конвертирует лучше. Создание нескольких вариантов, настройка частоты показов и запуск тестирования вы сможете сделать за 3 минуты.
  • Открытый код — вы всегда сможете напрямую редактировать код вашей страницы, интегрируя все необходимые скрипты и модули
  • Уникальный дизайн — Наши дизайнеры расставят правильные акценты в дизайне, что принесет вам максимальную конверсию.
  • Аналитика — все под контролем. Узнайте, откуда пришел посетитель, и во сколько обходится один лид с помощью инструментов Leadkit.
  • Сплит-тестирование — A/B тест еще никогда не был настолько простыми и удобным. Узнайте, какой дизайн приносит максимальную конверсию.
  • CRM — обрабатывать лиды легко. Все данные в одном месте: статусы, заметки, комментарии и многое другое.

LeadKit позволяет вам самостоятельно:

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

Команда LeadKit к вашим услугам:

  • Консультации по оптимизации конверсии
    Готовы ответить на любые вопросы о лидогенерации. Бесплатно и без навязывания что-то купить.
  • Перенос вашего дизайна в LeadKit
    Превратим ваш макет дизайна в работоспособную страницу, готовую к приему пользователей.
  • Разработка уникального дизайна лендинг пейдж
    У вас еще нет посадочной страницы? Обращайтесь, если хотите иметь действительно качественный продукт.
  • SEO для лендинга
    Да-да, вы не ослышались, мы знаем способ поисковой оптимизации продающих страниц.

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

История крупнейшей мебельной компании в современной Европе – белорусского холдинга «Пинскдрев» началась в 1880 году. Австро-венгерские капиталисты братья Липа и Александр Лурье открыли фабрику по производству сапожных шпилек и ящиков из фанеры, небольшую мануфактурную мастерскую, которая являлась единственным деревообрабатывающим предприятием в Пинске вплоть до 1892 года. В 1957 году в одном из цехов было начато производство мебели. И уже после года продуктивной работы, мебель стали реализовывать во многих районах Советского Союза, а также поставлять на экспорт. В 1958 году, пинскую мебель впервые увидели посетители Всемирной выставки в Брюсселе.

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

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

Технологии

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

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

Ассортимент

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

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

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

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

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

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

Продажа

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

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

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

За более чем вековую историю, холдинг «Пинскдрев» доказал, что способен на многое и что создание мебели не просто работа, а подлинное искусство, искусство создавать уют.

Как создать целевую страницу в WordPress (+3 примера)

Хотите узнать, как создать целевую страницу в WordPress?

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

WordPress — отличный способ привлечь внимание посетителей вашего сайта и превратить их в потенциальных клиентов и платежеспособных клиентов.

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

Во-первых, что такое целевая страница?

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

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

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

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

Домашние страницы

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

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

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

Что должно быть у хорошей целевой страницы?

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

Пять основ хорошей целевой страницы:

  1. Привлекающие внимание заголовки — Лучшие заголовки привлекают читателя и убеждают его в вашем предложении.
  2. Привлекающие внимание изображения — Используйте высококачественные фотографии и изображения главных героев, чтобы проиллюстрировать свое предложение.Фотографии счастливых улыбающихся лиц могут помочь людям представить себя покупателями.
  3. Убедительная копия — Убедитесь, что ваш текст легко читается, с помощью четкого, разборчивого шрифта и пишите так, чтобы устранить болевые точки ваших посетителей.
  4. Срочность — включение ограниченных предложений и таймеров обратного отсчета на настраиваемую целевую страницу создает ощущение срочности. Это заставляет посетителей действовать, опасаясь упустить что-то.
  5. Призывы к действию (CTA) — Всегда добавляйте жирную кнопку CTA, чтобы побудить посетителей действовать в соответствии с предоставленной вами информацией.

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

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

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

Как сделать целевую страницу в WordPress?

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

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

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

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

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

Итак, если вы хотите узнать, как создать целевую страницу в WordPress, вот как это работает с SeedProd.

Шаг 1. Создайте целевую страницу в WordPress с помощью SeedProd

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

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

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

Затем прокрутите вниз тот же экран и нажмите кнопку Create Your First Page .

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

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

Шаг 2. Выберите шаблон целевой страницы

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

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

Есть шаблоны для:

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

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

Связано: 11 примеров сжатых страниц с высокой конверсией для увеличения вашего списка

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

Шаг 3. Настройте целевую страницу WordPress

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

Блоки посадочных страниц

Блоки — это элементы, которые содержат содержимое вашей страницы, в том числе:

  • Заголовки
  • Текст
  • Списки маркеров
  • Изображения
  • Кнопки
  • Разделители
  • Видео
  • Разделители
  • Столбцы

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

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

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

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

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

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

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

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

Сюда входят разделы для:

  • Заголовки
  • Области героев
  • Призывы к действию
  • FAQ
  • Функции
  • Нижние колонтитулы

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

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

Глобальные настройки

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

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

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

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

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

Шаг 3. Интегрируйте свою службу электронного маркетинга

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

Также можно настроить отслеживание Google Analytics, защиту от спама Recaptcha и подключиться к сотням других приложений с помощью Zapier.

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

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

Шаг 4. Настройте параметры целевой страницы

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

Не забудьте нажать Сохранить , чтобы сохранить изменения.

Шаг 5. Опубликуйте свою целевую страницу в WordPress

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

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

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

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

SeedProd покажет всплывающее окно с уведомлением о том, что ваша страница активна.

Затем вы можете нажать кнопку See Live Page , чтобы увидеть ее.

Отличная работа! Вы создали целевую страницу в WordPress.

Альтернатива 1: Создание целевой страницы с помощью OptinMonster

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

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

Ознакомьтесь с нашим обзором OptinMonster для более подробной информации.

Это может показаться сложным, но мы обещаем, что это очень просто, и вам не потребуется никаких знаний в области программирования!

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

Шаг 1. Создайте новую кампанию

Получив копию OptinMonster, войдите в свою учетную запись и нажмите зеленую кнопку Create Campaign .

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

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

Теперь дайте своей кампании название и выберите веб-сайт, на котором вы хотите ее отображать. Затем нажмите кнопку Начать сборку .

Шаг 2. Настройте кампанию

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

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

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

  • Блоки столбцов
  • Изображения
  • Кнопки
  • Чат-боты
  • Колеса для купонов
  • Обратный отсчет
  • Видео и многое другое

Шаг 3. Установите правила отображения кампании

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

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

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

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

Шаг 4. Интегрируйте свою кампанию

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

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

Вот пример того, как настроить его с помощью MailChimp.

Шаг 5. Опубликуйте целевую страницу кампании

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

Для этого щелкните вкладку Analytics вверху экрана и нажмите кнопку Connect , чтобы подключиться к Google Analytics.

Теперь вы готовы опубликовать свою целевую страницу!

Просто перейдите на вкладку Publish и измените статус вашей кампании с Pending на Live .

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

Альтернатива 2: Создание целевой страницы с помощью WPForms

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

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

Но с помощью надстройки Form Pages от WPForms вы можете создавать красивые страницы форм, которые не будут отвлекать ваши посетители.

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

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

Для доступа к аддону Form Pages Addon вам потребуется как минимум Pro версии . Затем вы можете загрузить плагин WPForms из области панели инструментов WordPress.

После установки и активации надстройки перейдите к WPForms »Addons и прокрутите вниз, пока не найдете надстройку Form Pages Addon .

Щелкните Install Addon , чтобы установить и активировать его на своем веб-сайте.

Затем перейдите к WPForms »Добавить новый , чтобы начать создание новой формы.Вы можете узнать все о создании простой контактной формы в WordPress в этом пошаговом руководстве.

Чтобы превратить вашу форму в целевую страницу, щелкните вкладку Settings в конструкторе форм и выберите Form Pages .

Вам нужно будет нажать Включить режим страницы формы , чтобы начать редактирование целевой страницы. Затем вы можете редактировать все следующие элементы:

  • Форма Заголовок страницы — Измените заголовок страницы на что-то более привлекательное и описательное.
  • Сообщение — Объясните, почему вы хотите, чтобы посетители заполняли вашу форму.
  • Постоянная ссылка — Выберите структуру URL-адреса целевой страницы.
  • Логотип заголовка — Загрузите свой собственный логотип в заголовок страницы.
  • Текст нижнего колонтитула — Добавьте свой собственный текст в нижний колонтитул.
  • Цветовая схема — Выберите либо предустановленную цветовую схему, либо свою собственную.
  • Стиль — выберите современный или классический стиль страницы.

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

И вот оно!

Теперь вы знаете, как создать целевую страницу в WordPress.

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

Начните работу с SeedProd сегодня.

И не забывайте, что если вам понравилась эта статья, подпишитесь на нас в Facebook и Twitter.

дизайнов WebDuck | ЦЕЛЕВАЯ СТРАНИЦА

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

Целевая страница — это веб-страница, которая появляется, когда посетитель нажимает на рекламу PPC или ссылку результатов поисковой системы. Домашняя страница веб-сайта — не единственная целевая страница; Каждая страница на веб-сайте имеет цель и является потенциальной целевой страницей поисковой системы .Целевая страница должна содержать контент, связанный с поисковой фразой по ключевым словам. Например, поиск в Google макета веб-сайта должен отображать целевые веб-страницы, содержащие контент, относящийся к ключевой фразе «макет веб-сайта».

Для чего предназначены целевые страницы веб-сайтов?

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

Использование целевых страниц для оплаты за клик и маркетинговых кампаний может помочь определить эффективность кампании.В маркетинговых целях вы можете добавить URL-адрес (http://www.yourdomainname.com/ppc), чтобы упростить просмотр аналитики вашего сайта и оценку эффективности вашей страницы. Если вы размещаете рекламу в материалах вне Интернета, добавляя URL-адрес, вы направляете посетителей на страницу, созданную специально для этой рекламы, что позволяет вам легко измерить ее эффективность.

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

Целевые страницы SEO предназначены для естественного отображения в списках обычных поисковых систем. Целевые страницы почти всегда обеспечивают лучший коэффициент конверсии, чем направление всего трафика на домашнюю страницу. Это связано с тем, что при переходе на домашнюю страницу веб-сайта вы заставляете посетителей искать на сайте нужную информацию, тогда как целевые страницы приводят людей непосредственно к тому контенту, который они ищут.Отличный пример целевой страницы можно найти на нашем сайте. При поиске макетов веб-сайтов и их разработке люди, скорее всего, попадут на нашу страницу «Как создать макет веб-сайта» (https://www.webduckdesigns.com/pages/website-resources/make-website-mockup.html ), хотя эта фраза, скорее всего, не приносит нам денег, она помогает расширить возможности, на которых можно найти наш веб-сайт.

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

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

Поскольку единственная цель целевой страницы — превращать посетителей в потенциальных клиентов или клиентов, она сильно отличается от стандартных веб-страниц на вашем сайте. На вашей странице «О нас», страницах продуктов и домашней странице есть параметры навигации, чтобы посетители могли перемещаться по вашему сайту.

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

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

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

Более релевантный контент и более целевой трафик приводят к более высоким конверсиям. Это хорошая новость для вашего отдела продаж, поскольку отчет HubSpot 2018 State of Inbound Marketing показал, что 75% отделов продаж в Северной Америке считают закрытие дополнительных сделок своим главным приоритетом.Лидеры, которые уже проявили интерес к вашим продуктам и услугам, могут иметь большое значение для достижения поставленных целей по продажам.

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

Упростите процесс адаптации с помощью целевых страниц

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

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

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

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

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

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

Целевые страницы улучшают лидогенерацию

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

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

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

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

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

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

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

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

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

Правда?

Все в порядке.

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

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

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

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

Психология

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

Конструкция

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

Мобильный дизайн

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

CTA Дизайн

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

Дизайн формы

Лучшие практики для создания более быстрых и лучших форм.

Психология целевой страницы

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

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

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

1. Стимулируйте действия клиентов с дефицитом

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

  • Это показывает, что продукт пользуется большим спросом (иначе почему бы он был доступен в ограниченном количестве?)
  • Он мотивирует пользователей к действию

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

.

Andertons Music Co позволяет клиентам узнать, сколько у них есть на складе определенных товаров.

Это дефицит на основе количества .

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

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

У Amazon есть таймер обратного отсчета для ежедневных сделок (Изображение предоставлено Amazon.com)

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

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

2. Подтверждение стоимости с социальным подтверждением

Первый вопрос каждому, кто посещает ваша целевая страница спрашивает: «Что вы мне предлагаете?»

Второй вопрос, который они задают: «Почему следует Я доверяю тебе?

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

Один из способов завоевать это доверие — через социальное доказательство .

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

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

Размышляя о социальном доказательстве, учтите две вещи:

  • Сила в цифрах: Если лот таких людей, как вы (или ваш продукт), ваш продукт воспринимается как лучший.Товар, получивший всего два 5-звездочных отзыва, может быть не лучшим. Но один с 1000 5-звездочными отзывами не может быть настолько плохим, верно?
  • Передаваемая популярность: Социальное доказательство, например, авторитет (который мы рассмотрим ниже) может передаваться. Популярная знаменитость, поддерживающая бренд, делает его более популярным. Это причина, по которой индустрия влиятельного маркетинга существует в первую очередь.

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

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

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

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

Fomo.com показывает текущий счетчик действий людей — покупок, подписок и т. Д. — на сайте

3. Сделайте себя авторитетнее

Изобразите это:

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

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

На втором мужчине врачебный пальто и стетоскоп на шее.

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

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

На целевых страницах власть приходит два вкуса:

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

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

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

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

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

Masterclass построил всю свою бизнес-модель на авторитете знаменитостей (Изображение предоставлено Masterclass.com)

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

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

Использование изображений проверенных экспертов, таких как врачи, — хороший способ создать чувство авторитета (Изображение предоставлено EinsteinMedical.com)

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

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

Например, на этой целевой странице используется рейтинги авторитетного издания — PCMag — для создания чувства авторитета.

SugarCRM делится своими рейтингами от надежного учреждения — PCMag — для создания чувства авторитета (Изображение предоставлено Instapage)

4. Используйте гамбит «как мы»

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

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

Другими словами, нам нравится покупать у люди и компании, которые «такие же, как мы».

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

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

Аналогичным образом отразите Стиль письма. Не используйте сленг и мемы при продаже товаров 50-летним.

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

Благодаря обмену отзывами и отзывами коллег-предпринимателей, эта страница выглядит более аутентичной (Источник изображения: Unbounce. com)

5. Обозначьте свою аудиторию

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

Во время выборов группа, заявили, что они «политически активны», явка была на 15% выше.

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

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

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

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

ConvertKit позиционирует себя как инструмент для «профессиональных блогеров»

Это служит двум целям:

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

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

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

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

Источник изображения: MarketingResults.com.au

Какие клиенты не думают они трудолюбивые?

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

Лучшие практики дизайна посадочных страниц

Дизайн оказывает мощное влияние на посадку конверсии страниц.

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

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

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

1. Обращение к традициям, а не к инновациям

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

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

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

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

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

TechCrunch использует знакомое гамбургер-меню на своем мобильном сайте (Изображение предоставлено TechCrunch.com)

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

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

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

2. Ограничьтесь одной идеей на странице

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

Вы, вероятно, попали на такую ​​страницу и перетащили указатель мыши прямо к кнопке «назад». Вот пример:

На этой целевой странице есть несколько CTA, которые сбивают пользователей с толку (Изображение предоставлено SearchEngineLand.com)

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

Это относится к каждому элементу дизайн целевой страницы:

  • Ваша копия должна иметь тот же стиль по всей странице.Не переключайтесь с искреннего и делового на разговорная и повседневная средняя страница.
  • Ваш язык дизайна должен быть таким же на всю страницу. Если вы меняете цвета, убедитесь, что они дополняют друг друга, а не противоречат друг другу.
  • Ваш шрифт должен остаться прежним. Также, убедитесь, что размер вашего шрифта соответствует ожидаемому масштабу (т.е. h2 больше, чем h3, который больше h4 и т. д.).

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

3. Создавайте вещи так, как ожидают пользователи

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

Яркий неоновый зеленый оттенок или однотонный Синий цвет?

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

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

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

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

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

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

См. Кнопку «Купить» на сайте Apple как пример. Простой эффект тени выделяет его на фоне окружающих текст.

Кнопка Apple «Купить» имеет легкий теневой эффект, чтобы выделить ее (Изображение предоставлено Apple.com)

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

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

Популярность Bootstrap как среды дизайна означает, что его цвета по умолчанию мгновенно узнаваемы (Изображение предоставлено: GetBootstrap.com)

4. Экспериментируйте с цветами

О чем вам напоминает этот цвет?

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

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

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

  • Ожидания пользователей, основанные на реальном и цифровом опыте
  • Наша основная реакция на разные цвета, то есть психология цвета

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

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

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

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

Отличным примером тонких различий в цветах и ​​их влияния на бренды и поведение пользователей является Box.com против DropBox.com.

Обе эти компании предлагают одинаковые услуги — облачное хранилище данных. Но один ориентирован исключительно на корпоративные продажи (Box.com), а другой также продает частным лицам и малым предприятиям (DropBox.com).

Итак, в то время как Box.com использует удобный для предприятий синий оттенок, Dropbox.com играет с вариациями синего и других цветов (темно-бордовый, голубой).

Box.com и DropBox используют синий цвет по-разному в зависимости от целевой аудитории .

Когда вы выбираете цвета для целевая страница, спросите себя:

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

5. Избегайте визуально отвлекающих эффектов

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

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

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

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

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

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

Например, на целевой странице Dollar Shave Club есть видео, чтобы рассказать клиентам о предложении.

Не отвлекающее, интерактивное видео передает ваше сообщение, не сбивая посетителей с толку (Изображение предоставлено DollarShaveClub. com)

6. Удалить кнопки навигации и социальных сетей

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

Фактически, удалите всего, что не привязан напрямую к CTA.

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

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

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

Удаление навигации приводит к заметному повышению коэффициента конверсии для этих тестовых страниц (Изображение предоставлено HubSpot.com)

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

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

7. Тщательно выбирайте изображения

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

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

Вы так считаете, потому что:

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

Подобные стоковые изображения кажутся неестественными и постановочными (Изображение предоставлено StockUnlimited. com)

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

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

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

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

Но что происходит, когда вы продаете, скажем, программное обеспечение для встреч? Вы просто показываете изображение встречи или чего-то подобного? еще?

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

Компания, продающая программное обеспечение для встреч это не просто продажа программного обеспечения для встреч; это экономия времени и счастье сотрудники будут получать от того, что они не посещают собрания.

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

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

Сосредоточьтесь на результате, которого вы хотите, чтобы клиенты достигли в изображениях вашей целевой страницы (Источник изображения: BitCatcha. com)

8. Используйте подсказки направления

Большинство пользователей в Интернете читают веб-страницы в форме буквы F, как показано в этом часто цитируемом исследовании:

Люди обычно сканируют страницы по F-образному шаблону слева направо (Изображение предоставлено: NNGroup.com)

Опять же, это связано с условностями. На на большинстве веб-страниц важная информация находится вверху и слева. Считать результатов поиска Google. Правая часть страницы в основном пуста.

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

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

Взгляните на это исследование отслеживания взгляда:

Люди рефлекторно смотрят туда, куда смотрят модели, на изображениях (Изображение предоставлено LinkedIn)

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

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

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

Использование стрелок — простой способ привлечь внимание к элементу страницы

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

Горизонтальная линия, проходящая через страницу, привлекает внимание к CTA

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

Копирайтинг лендинга лучший практики

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

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

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

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

1. Четко изложите свое ценностное предложение в заголовке

Вы когда-нибудь заходили на страницу и изо всех сил пытались понять, что именно предлагалось?

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

У этой проблемы две основные причины:

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

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

Рассмотрим хорошие целевые страницы, например:

Изображение предоставлено: ThemeIsle.com

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

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

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

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

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

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

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

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

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

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

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

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

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

На целевой странице Apple MacBook сначала упоминаются преимущества, а затем — функции (Изображение предоставлено Apple.com)

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

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

Рассмотрим эту целевую страницу для продвинутого MIDI-контроллера от Nektar.

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

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

3. Используйте «мощные» слова

Вот первый абзац на целевой странице Apple Mac Pro. Я выделил несколько слов для справки:

Использование мощного, визуально насыщенного языка — проверенная временем тактика копирайтинга (Изображение предоставлено Apple.com)

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

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

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

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

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

4. Устранение страхов, неуверенности и сомнений (FUD)

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

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

Некоторые распространенные FUD при покупке в Интернете являются:

  • Качество продукции
  • Надежность и законность компании
  • Возврат и обмен
  • Безопасность платежной информации
  • Безопасность личных данных

Непосредственное обращение к этим FUD — отличный способ сдвинуть иглу конверсии.

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

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

Напрямую ответьте на опасения и сомнения ваших клиентов с помощью FAQ (Изображение предоставлено Fomo.com)

5. Не скрывайте важную информацию (например, цены)

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

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

Покупатели часто бросают тележки для покупок, когда они не могут увидеть окончательную сумму аванса (Изображение предоставлено: Barilliance.com)

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

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

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

  • Цены, включая надстройки, комиссии и другие дополнительные сборы
  • Стоимость доставки и ограничения
  • Хранение и использование личных данных (если вы собираетесь отправлять пользователям информационные бюллетени, сообщите им заранее)
  • Условия использования продукта
  • Аффилированные продукты, компании и ссылки

6.Используйте информационную иерархию в своей копии

Мы говорили о заголовках и преимущества и критически важная информация.

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

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

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

Примерно эта иерархия выглядит следующим образом: What > Как> Почему> Кто> Что дальше? .

  • Заголовок: Начните страницу с заголовка, который соответствует источнику трафика и его ожиданиям (см. Рекомендации № 2 для целевой страницы выше).
  • Что это? Расскажите читателям, что вы им продаете. Для нового продукта вам придется вложить значительные средства в объяснение функций и назначения продукта.
  • Как это работает? Покажите читателям, как работает продукт или как он дает заявленные вами результаты.
  • Зачем покупать? Здесь вы можете подробно изучить заявленные преимущества продукта.
  • Почему нам верить? Усильте преимущества, предоставив социальные доказательства, отзывы и т. Д.
  • Кто мы: Включите краткую заметку о том, кто вы, ваша история и что дает вам право на получение преимуществ / результатов, которые вы обещали ранее.
  • Что дальше? Сообщите читателям, что им делать дальше (обычно включает призыв к действию).

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

7. Повысьте разборчивость вашей копии

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

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

  • Используйте короткие предложения
  • Ограничьте каждый абзац до 2–3 предложений максимум
  • Используйте маркированный список
  • Используйте подзаголовки
  • Выделите жирным шрифтом / курсивом ключевые слова, подзаголовки и важные фразы

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

Принять такую ​​тактику, как:

  • Обращайтесь к читателю напрямую, т. Е. Пишите от второго лица («вы»).
  • Используйте меньше и более простых слов. Целевая страница — не то место, где можно продемонстрировать свой словарный запас.
  • Стремитесь к стилю письма для 5-7 классов (проверьте свой уровень письма здесь).
  • Используйте «визуальный» язык, т.е.е. слова, которые заставляют читателя ассоциировать определенное изображение с вашим текстом. « Fas t» — это хорошо, но « Fast like Usain Bolt » помогает читателям визуализировать скорость.
  • Сформулируйте время и деньги легкими для понимания терминами. Например, если что-то стоит 2 доллара, вы можете сказать, что это стоит «меньше, чем ваш утренний кофе».

Например, на этой странице понятным языком указана стоимость услуги:

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

8. Соответствие заголовка источнику трафика

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

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

Пользователь, который нашел вашу целевую страницу при прокрутке ленты Instagram креативных агентств Нью-Йорка ожидания, отличные от тех, которые ищут « NYC creative agency » на Google.

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

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

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

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

Когда вы создаете свою целевую страницу копирование и дизайн, всегда делай шаг назад. Спросите себя:

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

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

Лучшие практики мобильной целевой страницы

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

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

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

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

1. Уменьшить размер страницы

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

Но размер страницы становится намного больше важно для мобильных пользователей. Во-первых, даже с появлением 4G (а теперь 5G) большое количество пользователей — особенно в развивающихся странах — подключены 3G.

И даже когда 4G доступен, он существенно медленнее, чем широкополосный. Сеть 4G Verizon с самым высоким рейтингом в США, например, имеет скорость 20,9 Мбит / с. То же самое для самой популярной широкополосной сети в США — почти 70 Мбит / с — более чем в 3 раза быстрее.

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

Маленькие страницы загружаются быстрее и снижают показатель отказов (Изображение предоставлено ThinkWithGoogle.com)

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

Вот несколько способов добиться этого:

  • Для начала сравните свою текущую скорость с помощью инструмента Google Page Speed.
  • Сжать все изображения. По возможности удалите изображения или используйте более простую графику (например, линию SVG вместо фотографии).
  • Уменьшите количество запросов, удалив пользовательские шрифты и комбинируя файлы JavaScript и CSS.
  • Переместите ненужные файлы CSS и JavaScript в нижнюю часть страницы, чтобы они не замедляли загрузку страницы.
  • Используйте быстрее загружаемые элементы и изображения в области над сгибом.

2. Упростите мобильный визуальный опыт

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

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

Решение — упростить мобильный визуальный опыт в максимально возможной степени.

Некоторые тактики, которые вы можете использовать, включают:

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

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

Большие кнопки и заголовки делают эту целевую страницу удобной для чтения (Изображение предоставлено Unbounce.com)

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

«Элементы конверсии» на любой странице — это элементы, с которыми вы хотите, чтобы люди взаимодействовали: формы, подписки и CTA.

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

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

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

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

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

Вот еще один пример мобильный дизайн CTA от Paypal.Обратите внимание, насколько большие, нажимаемые кнопки «+» заменять более мелкие интерактивные элементы.

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

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

Замена «Нажмите, чтобы отправить по электронной почте» на «Нажмите, чтобы позвонить» на мобильных страницах, чтобы использовать уникальные возможности платформы смартфонов (Изображение предоставлено Pinterest.com)

CTA-дизайн

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

Улучшение CTA имеет очевидные преимущества на любой целевой странице. Увеличение CTR с 1% до 2% может иметь сложный эффект. на ваших продажах в дальнейшем.

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

1. Используйте контрастные цвета

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

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

Нравится форма из WishPond:

Оранжевая кнопка выделяется на синем фоне (Изображение предоставлено WishPond.com)

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

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

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

2. Сосредоточьтесь на ценности, а не на действии в CTA copy

Имеет смысл использовать ориентированный на действие скопируйте в свой CTA.В конце концов, CTA — это вызов на действие .

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

Решение? Используйте ориентированную на ценности копию.

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

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

Например, этот призыв к действию направлен на то, чтобы помочь пользователям стать «мастерами конверсии»:

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

3. Сделайте CTA заметным

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

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

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

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

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

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

Используйте стрелку, чтобы привлечь внимание непосредственно к призыву к действию (Изображение предоставлено: ConversionXL.com)

4. Поэкспериментируйте с размером и позицией CTA

Закон Фитта в дизайне взаимодействия гласит, что время, необходимое для перемещения к цели (например, CTA) — это отношение расстояния (от курсора) до цели и ширины цели.

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

Таким образом, чем больше призыв к действию, тем больше «Кликабельно», потому что занимает больше места на экране.Легче двигаться наведите курсор на призыв к действию с шириной 500 пикселей, а не с призывом к действию шириной всего 50 пикселей.

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

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

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

Лучший пример — от самого Google. Местоположение курсора (то есть текстовое поле) находится прямо над CTA, что делает его легче щелкнуть.

Кнопки Google расположены прямо по центру страницы, что упрощает доступ к ним (Изображение предоставлено Google.com)

5. Поддержите CTA дополнительной копией

CTA copy — это упражнение для краткости. Если у вас нет кнопки на весь экран (ужасная идея), вам придется Текст ограничен 5-6 словами.

Но что, если вы хотите обосновать ценность, предлагаемая в CTA?

Легко: добавьте к нему вспомогательную копию как часть CTA или в дополнение к CTA.

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

Дополнительная копия после CTA подчеркивает значение CTA (Изображение предоставлено: Sumo.com)

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

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

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

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

Например, призывы к действию в Trello домашняя страница остается «липкой» даже при прокрутке страницы вниз.

Trello использует «липкие» призывы к действию, чтобы по ним было проще нажимать (Изображение предоставлено: Trello.com)

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

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

Лучшие практики проектирования форм

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

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

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

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

1. Смягчить боль

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

Вы бы, конечно, нажали кнопку возврата.

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

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

(Фактически, это называется принцип согласованности в UX дизайн.)

Вы даже можете проиллюстрировать их процесс заполнения формы визуально, как в этом примере от VentureHarbour:

Многоступенчатая форма может показаться более простой в использовании (Изображение предоставлено: VentureHarbour.com)

2. Упростите формы

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

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

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

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

Все больше и больше ваших пользователей доступ к вашим целевым страницам со своих мобильных телефонов. Согласно одному исследованию, 58% всего трафика в 2018 году приходилось на мобильные устройства.

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

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

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

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

Селектор даты с прокруткой проще в использовании, чем календари на экранах мобильных устройств (Изображение предоставлено Apple)

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

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

Замените сложные раскрывающиеся меню на нажимаемые кнопки на мобильных страницах (Изображение предоставлено: Medium.com)

Глоссарий терминов

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

  • CTR (рейтинг кликов): Отношение кликов к количеству посетителей целевой страницы, выраженное в процентах. 1% CTR означает, что из каждых 100 посетителей один человек нажимает на целевой элемент (например, CTA).
  • CTA (Призыв к действию): Основная точка действия на целевой странице — то, на что вы хотите, чтобы пользователи нажимали.CTA обычно представляют собой кнопки, но также могут быть текстовыми ссылками и даже номерами телефонов.
  • CRO (Оптимизация коэффициента конверсии): Область маркетинга, направленная на повышение коэффициента конверсии любого маркетингового обеспечения, например целевой страницы.
  • Целевая страница: Страница, на которую посетитель попадает на из внешнего источника трафика. Хотя технически любая страница может быть целевой страницей, этот термин обычно используется для обозначения выделенной страницы, используемой для достижения определенной цели в рамках маркетинговой кампании.
  • Сплит-тестирование: Также называемое A / B-тестированием, это практика направления трафика на две разные страницы (страница A и страница B), чтобы оценить их эффективность в конверсии пользователей. Страницу, которая конвертируется лучше, затем можно использовать в реальной маркетинговой кампании.
  • Показатель отказов: Показатель, с которым посетитель «отскакивает» или уходит с вашей страницы, не нажимая на какой-либо элемент.
  • Коэффициент конверсии: Количество людей, совершающих желаемое действие на целевой странице, обычно выражается в процентах.Коэффициент конверсии 1% означает, что из 100 человек 1 человек выполняет желаемое действие. Коэффициент конверсии зависит от ваших целей конверсии .
  • Цель конверсии: Что вы хотите, чтобы пользователи делали на любой целевой странице. Этой целью может быть нажмите кнопку покупки , отправьте электронное письмо , позвоните по номеру горячей линии и т. Д.
  • KPI (ключевой показатель эффективности): Метрики, которые вы используете для оценки того, проводится ли маркетинговая кампания соответствует поставленным целям или нет.
  • Ценностное предложение: Ключевое значение, которое вы предлагаете пользователям, чтобы заставить их совершить конверсию. Ваше ценностное предложение отвечает на вопрос: Зачем мне это нужно?
  • Элементы дефицита: Элементы страницы, такие как текст, пользовательский интерфейс или дизайн, которые создают ощущение дефицита вашего предложения. Это может побудить людей к действию, если они думают, что ваше предложение не будет доступно в течение длительного времени.
  • FUDs (опасения, неопределенности и сомнения): Ключевые сомнения, которые могут возникнуть у пользователя в отношении вашего предложения, целевой страницы или бизнеса, которые могут помешать им совершить конверсию.Иногда их также называют «элементами тревоги»

Перед вами

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

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

Как всегда, когда дело доходит до целевых страниц, вашей целью должно быть тестирование вариантов.

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

Что такое целевая страница? А как это работает? • Yoast

Виллемен Халлебек

Виллемен — менеджер по содержанию yoast.com. Ей нравится создавать удобный контент и делать его легким для поиска людьми и поисковыми системами.

Какими бы простыми они ни казались, целевые страницы могут сбивать с толку владельцев сайтов.Что считается целевой страницей, а что нет? Каждая страница, на которую вы попадаете, попадает на целевую страницу? А как насчет целевых страниц в Google Analytics? И можете ли вы оптимизировать их для конверсии поисковых систем и ? Давайте нырнем!

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

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

Пример

Хорошим примером целевой целевой страницы для кампании является эта целевая страница Red Nose Day в Comic Relief:

Целевая страница Red Nose Day на веб-сайте Comic Relief

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

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

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

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

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

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

Как их оптимизировать?

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

Основные элементы: информировать и убеждать

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

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

Помните: говорите кратко и просто! Чтобы сделать свою страницу более интересной, вы можете даже избавиться от меню, так как оно может увести людей с вашей страницы.Кроме того, не используйте ссылки на другие страницы; они могут делать то же самое. Если вам действительно нужно добавить ссылки на другие страницы, подумайте о том, чтобы добавить их в нижнюю часть страницы. То же самое относится к любым второстепенным действиям, например, к кнопке пожертвования на странице Red Nose Day.

Тест!

Не забудьте проверить страницу! Если вы создаете целевую страницу, вы, вероятно, сделали некоторые предположения о том, что нужно / хочет ваша аудитория. Особенно с такими страницами, ориентированными на конверсию, их тщательное A / B-тестирование окупается! И, когда вы создали эту потрясающую целевую страницу, обязательно клонируйте ее с помощью плагина Yoast Duplicate Post и используйте в качестве шаблона для других ваших целевых страниц.

Здесь вы найдете больше советов по оптимизации целевой страницы.

А как насчет целевых страниц в Google Analytics?

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

Вы найдете целевые страницы в Google Analytics на вкладке «Поведение»

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

Если некоторые из целевых страниц вашей кампании есть в этом списке, этот пост о возможностях целевых страниц в GA поможет вам проанализировать их эффективность!

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

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

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

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

Страницы продуктов vs.целевые страницы

Страницы продукта и целевые страницы во многом пересекаются. Некоторые принципы определенно применимы к обоим: обе страницы должны быть ориентированы на конверсию, с четким заголовком, призывом к действию, социальными доказательствами и, возможно, с красивым изображением или видео. Но кампания часто носит более временный характер. Кроме того, на странице вашего продукта, вероятно, отображается больше деталей и, возможно, даже раздел связанных продуктов, что делает ее немного менее целенаправленной, чем целевая страница маркетинговой кампании. И, конечно же, вы определенно хотите, чтобы ваша страница продукта (или страница категории) занимала ранжирование! Если вы хотите погрузиться в оптимизацию страницы своего продукта, прочтите наш пост о UX страницы продукта и SEO страницы продукта.

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

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

Заключение

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

Удачи с целевыми страницами. И не стесняйтесь оставлять свои вопросы в комментариях.

Подробнее: Как оптимизировать целевую страницу »

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

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

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

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

Целевая страница

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

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

Дизайн посадочной страницы от Данна Петти.

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

  • Продвижение новых продуктов
  • Растущие списки подписчиков
  • Увеличение продаж и потенциальных клиентов
  • Получение аналитических сведений и данных с помощью форм

Рекомендации по дизайну посадочных страниц

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

1. Визуальная простота

Визуальная простота отображается на главной странице Conversionlab.

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

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

2. Отличная целевая страница начинается с отличных медиа

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

Привлекательная фотография увеличивает количество конверсий на целевой странице Uber.

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

Исследования влияния видео на целевые страницы показывают, что видео оказывают большее влияние, чем неподвижные изображения, где «71% респондентов подтверждают, что видео конвертируется лучше, чем другой контент.”Видео помогают с SEO, поддерживают взаимодействие с пользователем и лучше объясняют посетителям продукт или услугу. Еще один фактор в пользу видео заключается в том, что при правильном использовании они могут заменить длинную копию, которая потенциально может повредить конверсии.

3. Важность цвета

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

Прекрасное использование цвета на целевой странице Мэйсоном Ярнеллом для Mixpanel.

Вот несколько советов о том, как эффективно использовать цвета:

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

Цвет, используемый Balkan Brothers на целевой странице.

5. Адаптивный дизайн целевой страницы

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

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

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

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

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

Контент

— Основа отличной посадки Страница

1.Яркие и лаконичные заголовки

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

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

Броский и лаконичный заголовок на целевой странице Taster’s Club.

Эффективный заголовок целевой страницы:

  • Убедительно и броско
  • Кратко, но ясно, и указывается, какую проблему он решает
  • Передает ощущение срочности

2. Настойчивый призыв к действию

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

Lyft использует яркие призывы к действию.

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

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

3. Психологические аспекты

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

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

Использование социального доказательства на целевой странице Unbounce.

4. Использование людей на целевых страницах

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

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

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

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

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

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

Распространенные ошибки в дизайне посадочной страницы

1. Нет изображений или графика низкого качества

Картинка стоит тысячи слов. — Пословица

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

2. Макеты страниц со слишком большим содержанием и сложностью

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

Сложный макет, перегруженный «шумом» — слишком много текста и информации.

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

A / B-тестирование целевой страницы — хороший способ собрать идеи, которые можно применить для улучшения макета целевой страницы. Другой вариант — использовать основанные на фактах методы проектирования UX, такие как макеты паттернов F-образной формы и Z-образной формы.

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

Простой, но эффективный дизайн целевой страницы морды.

3. Несканируемая копия

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

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

Сводка

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

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

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

• • •

Дополнительная литература в блоге Toptal Design:

Как писать целевые страницы

Целевая страница

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

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

Я расскажу, как структурировать вашу страницу, написать копию и увеличить конверсию покупки. Это все, что вам нужно знать.

П.С. Пойдем работать со мной! Я нанимаю .

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

Более 75% трафика вашего сайта уйдет только после просмотра вашей домашней страницы.

Хорошая домашняя страница — это не изящно. Это твое первое впечатление.

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

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

Не стойте на пути посетителей.

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

Давайте начнем с определения трех типов целевых страниц, на которых мы сосредоточены:

  • Домашняя страница — Ваша всеобъемлющая страница для посетителей любого профиля.
  • Целевая страница Persona — Здесь вы адаптируете сообщения для конкретной аудитории.
  • Страница продукта — Здесь вы узнаете подробности одного продукта.

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

Подход к домашней странице

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

Конверсия Скорость = Желание Труд Путаница

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

Вот как это выглядит:

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

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

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

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

Подход к целевым страницам, ориентированный на обмен сообщениями, включает в себя уравнение конверсии:

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

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

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

Ценностные предложения

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

Создание ценностных предложений

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

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

  • Качество: Быстро, Преимущество: Более быстрый вывод, Ценность: Выполняйте работу быстрее .
  • Качество: Быстро, Выгода: Повышение производительности, Ценность: Сделайте на больше, чем на .
  • Качество: Быстро, Преимущество: Повышение эффективности, Ценность: Сэкономьте своего времени.

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

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

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

  • Качество: Безопасность, Преимущество: Конфиденциальность, Ценность: Только ваши друзья могут видеть ваши сообщения.
  • Качество: Безопасность, Преимущество: Защита, Значение: Если ваш телефон украден, ваши данные не могут быть украдены.

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

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

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

Используйте этот процесс всякий раз, когда вы что-то делаете.

Value prop generation

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

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

  1. В первом столбце перечислите все нежелательные альтернативы, к которым люди прибегают, когда у них нет товар вообще.Затем опишите, что делает каждую альтернативу плохой. (Теперь прокрутите вниз, чтобы увидеть примеры ниже, прежде чем переходить к следующему пункту.)
  2. Ваш список того, что делает каждую альтернативу плохой, теперь является вашей отправной точкой для создания ценностных предложений: в столбце 2 напишите, как и почему ваш продукт лучше плохой альтернативы . (Прокрутите вниз, чтобы увидеть примеры.)
  3. В третьем столбце, который представляет собой отдельное упражнение для мозгового штурма из первых двух столбцов, просто перечислите наиболее ценных персоналий клиентов.(«Самое ценное» означает, что они платят больше всего.) Эта третья колонка предназначена для напоминания вам, к какой аудитории вы обращаетесь. Для каждого персонажа перечислите два преимущества продукта, которые его больше всего волнуют.
  4. Теперь сократите список ценностных свойств во втором столбце до тех, которые удовлетворяют то, что волнует наиболее важных клиентов. Другими словами, используйте третий столбец, чтобы отфильтровать второй столбец по наиболее ценным параметрам.

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

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

Многие читатели считают, что им нужно перечитать этот раздел пару раз, прежде чем они его получат. Не торопитесь — это важно!

Плохие альтернативы

Посетители покидают сайт
• Упущенные возможности продаж

Посетители читают ответы на часто задаваемые вопросы
• Они длинные, скучные

Поддержка посетителей по электронной почте
• Большинство не беспокоит

Как вы это делаете лучше

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

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

Лучшие клиенты

Руководитель отдела маркетинга
• Коэффициент конверсии
• Объем трафика

Директор по доходам
• Сокращение оттока
• Увеличение ARPU / LTV

Руководитель отдела продаж
• Увеличение числа квалифицированных потенциальных клиентов
• Точная оценка потенциальных клиентов

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

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

Вы научитесь овладевать копирайтингом на следующей странице Making Ads.

Где использовать ценностные реквизиты

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

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

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

  • Реклама
  • Электронная почта
  • Торговые звонки
  • И так далее.

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

Формулировка ценностных предложений

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

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

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

  • Итерируйте копирование, пока не станет лучше Не пишите абзац с первой фразой, которая приходит на ум, и никогда не трогайте ее снова.Вместо этого напишите дюжину вариантов, пока не найдете наиболее привлекательный и лаконичный. Чтобы быть уверенным, попросите других оценить ваши лучшие.
  • Удалите ненужные слова — Каждое слово, имеющееся на вашей странице, должно быть обязательным. Если вы можете удалить слово, не уменьшая при этом привлекательность, ясность или полезность предложения, удалите его. (Излишнее словоблудие увеличивает труд посетителей , что вызывает у них импульс к беглому просмотру.) Совет: избегайте таких клише, как революционный , невероятно мощный , лучший из когда-либо и так далее.Другие продукты заявляют об этих качествах, поэтому посетители не обращают на них внимания. Лучше конкретно описать, чем вы отличаетесь.
  • Не подавайте все — Чем больше посетителей дается читать, тем меньше они читают в целом . Так что не вызывайте у них рефлекс беглости. Вместо этого используйте подход 80/20: всегда определяйте два или три подпункта, которые представляют наибольшую ценность.

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

Как это ни парадоксально, краткость не значит короткая

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

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

Краткое не значит краткое. Это означает высокое соотношение идей к словам.
— Пол Грэм

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

Элемент — Navbar

Это первый элемент вверху вашей страницы:

Все, что вам нужно для навигационной панели:

  • Логотип
  • Дополнительно: ссылки на ключевые разделы на вашей домашней странице
  • Ссылки на другие страницы на вашем сайте
  • Кнопка с призывом к действию (например,грамм. Регистрация)

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

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

Элемент — Герой

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

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

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

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

Герой — Image

Начнем с образа героя.

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

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

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

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

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

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

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

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

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

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

В рекламе самое главное — это правдоподобие, и нет ничего более правдоподобного, чем сам продукт.
— Leo Burnett

Hero — Header

В разделе вашего героя есть два фрагмента текста: заголовок (основной текст) и подзаголовок.

Начнем с шапки.

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

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

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

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

Hero — Header — Be specific

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

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

И люди критически хотят знать , как .И они хотят знать это немедленно.

Как выглядит хороший описательный заголовок ? Как это:

  • Для инструмента дизайна веб-сайтов — «Визуальный дизайн и разработка сайтов с нуля. Без программирования».
  • Для службы доставки продуктов — «Продукты доставляются за 1 час. Попрощайтесь с пробками, парковками и длинными очередями».
  • Для услуги по аренде жилья — «Снимайте дома для людей. Так вы сможете познакомиться с городом, как настоящий местный житель».»

Ааа. Теперь они помогают мне понять, что вы продаете! Мне не нужно копать глубже.

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

Hero — Header — Writing it out

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

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

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

I. Определите ценностную опору, которая передает основную цель продукта

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

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

  • ‍Чат быстро с кем угодно
  • Общайтесь на телефоне, планшете или компьютере
  • Автоматический перевод разговоров в реальном времени независимо от языка
  • Получить расшифровки стенограммы каждого разговора — отправляются вам по электронной почте

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

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

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

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

Еще один пример неверного значения, которое стоит выделить: «Поговорите с кем угодно быстро». Заголовок для этого может выглядеть следующим образом: «Найдите кого-нибудь для видеочата менее чем за 30 секунд».

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

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

  • Для инструмента дизайна веб-сайтов — «Визуальный дизайн и разработка сайтов с нуля. Без программирования».
  • Для службы доставки продуктов — «Продукты доставляются за 1 час. Попрощайтесь с пробками, парковками и длинными очередями».
  • По аренде жилья — «Сдам народные дома.Таким образом, вы можете почувствовать город, как настоящий местный житель ».

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

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

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

II.Сформулируйте высокоуровневую цель

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

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

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

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

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

  • Для инструмента дизайна веб-сайтов — «Визуальный дизайн и разработка сайтов с нуля. Без кодирования».
  • Для службы доставки продуктов — «Продукты доставляются за 1 час. Попрощайтесь с пробками, парковками и длинными очередями».
  • Для услуги по аренде дома — «Снимайте дома реальных людей. Так что вы сможете познакомиться с городом, как настоящий местный житель.»

Наконец, для сравнения, вот несколько примеров плохого заголовка:

  • Плохой -» Лесное приложение: Оставайтесь сосредоточенным, присутствуйте. « Это слишком много слогана.
    Лучше -» Forest — это приложение, которое предотвращает зависимость от телефона. Так что вы можете сосредоточиться на том, что в жизни важнее ».
  • Плохое -« Платежи стали проще ». Существует множество сервисов по обработке платежей. И этот текст не объясняет, почему ваш лучше или даже для кого он уникален — компании, фрилансеры, покупатели, сайты электронной коммерции?
    Лучше — «Начни принимать платежи в один клик.Знания кодирования не требуются.
  • Плохо — «Расширьте команду разработчиков программного обеспечения».
    Лучше — «Добавьте в свою команду старших удаленных разработчиков. Получите более высокое качество за меньшие деньги ».
Когда я пишу объявление, я не хочу, чтобы вы говорили мне, что считаете его« креативным ». Я хочу, чтобы вы нашли это настолько интересным, что купили продукт
— Дэвид Огилви
Hero — Подзаголовок

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

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

Кроме того, когда кто-то узнает, как это сделать, он больше инвестирует в ваше решение.

Например:

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

Из правила« объясни как »есть два исключения:

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

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

Все готово ⚡ Поздоровайся в Твиттере.

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

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

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

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

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

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

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

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

Элемент — призыв к действию

Раздел с призывом к действию (CTA) — это то, что побуждает посетителя перейти к следующему событию в вашей воронке, например, к подписке или добавлению в корзину.

Ваш CTA состоит как минимум из двух компонентов: заголовка и кнопки.

CTA — Заголовок

Заголовок CTA резюмирует, что посетитель получает от регистрации.

Вы хотите конкретно указать, что они получат, нажав вашу кнопку. Например, «Получите новый логотип в течение 24 часов».

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

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

Я расскажу больше о том, как написать заманчивую копию на следующей странице Copy.
CTA — Текст кнопки

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

Примеры глагольных фраз:

См. Панель управления →
Начать пробную версию →
Просматривать списки →
Не пишите никудышный «кликбейт» текст с призывом к действию, например «Дайте мне мой бесплатный PDF!» То есть, если только вы не пытаетесь привлечь идиотов в качестве клиентов.(Некоторые предприятия — обычно серии семинаров — действительно могут быть 😂)
Визуальный контраст

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

При разработке CTA соблюдайте два правила:

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

Элемент — Особенности и возражения

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

Это та часть шаблона, на которой мы сейчас работаем.

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

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

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

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

  • Заголовок, который указывает свойство значения
  • Параграф, который объясняет свойство значения и обрабатывает возражения
  • Изображение для усиления свойства значения

Например :

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

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

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

Помните, как в школе вы писали сочинения в этом формате из 5 абзацев?

  • Введение
  • Вспомогательный параграф № 1
  • Вспомогательный параграф 2
  • Вспомогательный параграф 3
  • Закрытие

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

Ваша целевая страница в целом имеет такую ​​же структуру:

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

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

Функция — Заголовок свойства значения

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

Вот заголовки функций для продукта, который продает портативный гриль:

«Cooks and Sears»
«No Prep or Cleanup»
«Cooks More than Just Meat»
Feature — Paragraph

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

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

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

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

  • ‍Но это на самом деле не работает …
  • ‍Но есть большая проблема …
  • ‍ Но становится еще хуже …

Тогда возьмите это в следующем разделе функций.

Когда нужно углубляться в детали?

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

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

Feature — Image

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

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

А еще лучше использовать автоматически воспроизводящуюся анимацию GIF или SVG.Лучше показать, чем рассказать.

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

Должен ли я включать видео? +

Получение отзыва на вашей странице

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

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

Для обеих этих аудиторий попросите их оценить эти шесть критериев для вас:

  • Конверсия — Готовы ли вы передать свою кредитную карту и зарегистрироваться прямо сейчас? Если нет, то что вам нужно увидеть, чтобы добраться до этой точки?
  • Процент — Оцените, насколько хорошо страница выдержала ваш интерес, по шкале от 1 до 10. Что вы предлагаете переписать или переработать, чтобы лучше поддержать ваш интерес?
  • Ясность — Что неясно? Какие вопросы остались без ответа?
  • Расширение — Вы нашли что-то потрясающее, о чем хотели бы подробнее?
  • Краткость — Если бы вам пришлось удалить половину изображения страницы и копию, что бы это было?
  • Неверие — Что вызвало ваше «Неправда! Это говорят о мошеннических продажах! » рефлекс?

Скопируйте и вставьте приведенные выше критерии в электронное письмо и спросите как можно больше людей.

Получение профессиональной обратной связи

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

Если вы хотите, чтобы мы помогали вам расти, мы также управляем агентством роста Bell Curve.

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

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

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

Больше вдохновения для целевой страницы можно найти на сайте GoodWeb.Design.

Короче говоря, ваш сайт должен выглядеть достаточно хорошо, чтобы:

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

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

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

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

Работа с дизайнером

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

  • Чем занимается ваш продукт и почему было бы здорово работать над ним. (Побудите их сделать это!)
  • Поделитесь текстом и изображениями, которые вы скомпилировали, в соответствии с советами на этой странице.
  • Добавьте ссылки на другие сайты, с которых вы хотите почерпнуть вдохновение.
  • Спросите об их ценах и наличии. (Ожидайте от хороших фрилансеров от 700 до 3000 долларов за страницу — в зависимости от их страны. Рассматривайте агентство только в том случае, если у вас большой бюджет и вы хотите, чтобы вас контролировали направление бренда.)
  • Пусть они прочитают эту страницу, чтобы они синхронизировались с тем, как выглядит хорошо выполненная работа 😂 Но, серьезно, пусть они это прочитают. Они, наверное, мало знают о росте.
Mobile-first

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

Если собакам не нравится ваш корм для собак, упаковка не имеет значения.
— Стивен Денни

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

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

Домашние страницы — это то, что мы уже рассмотрели.

Страницы продуктов

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

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

  1. Перепишите подзаголовок героя, чтобы выделить опору значения, наиболее подходящую для того, почему кто-то щелкнул бы по этому в- глубина страницы продукта.
  2. Увеличьте длину раздела «Функции» с 3 или 4 до 5 или 6. Пройдите дальше по каждой, теперь, когда вы знаете, какой конкретный продукт или набор функций больше всего интересует посетителя.

Персональные страницы

Персональные страницы (например, company.com/salespeople) — это страницы, на которые вы отправляете рекламный трафик.

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

Страницы Persona почти идентичны домашним страницам, за исключением двух настроек:

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

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

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

Это краткое руководство по оценке эффективности конверсии вашей страницы.

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

Для любого заданного периода времени измерение коэффициента конверсии составляет , по-видимому, в зависимости от:

[количество посещений, содержащих событие конверсии] / [общее количество посещений]

Но это не так просто.

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

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

Эти показатели эффективности можно отслеживать с помощью Google Analytics. Многие приложения SaaS дополнительно используют такой инструмент, как Mixpanel, для получения более детальных данных на основе событий.

Еще кое-что. Обратите внимание, что вы хотите отслеживать конверсию с течением времени из каждый источник :

  • Поисковые запросы Google (органический трафик)
  • Контент-маркетинг (сообщения в блогах)
  • Объявления
  • Социальные сети
  • Ссылающиеся сайты и нажмите

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

Leave a Reply