Создание дизайна Landing Page / Хабр

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

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

Так научимся же создавать качественные и красивые целевые страницы. Разобьём урок на 3 части. Содержание, Оформление и Практика.

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

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

Часть 1. Содержание Landing Page

1.1 Текст – это всё

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

О тексте по порядку.

1.2 Заголовок целевой страницы

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

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

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

1.3 Меньше воды в тексте

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

Как избавиться от воды? Подкрепляйте каждое утверждение ФАКТАМИ, ЦИФРАМИ и ГРАФИКАМИ. Не нужно писать «У нас много довольных клиентов», напишите, сколько довольных клиентов, детализируйте и сегментируйте клиентов. Столько-то женщин приобрело пылесос, столько-то холостяков остались довольны чудо девайсом, столько-то часов данный пылесос сэкономил времени, столько-то часов проработал. Подкрепляйте каждое утверждение цифрами или не делайте утверждения вовсе, чтобы избавить посетителя от желания приобнять белого друга.

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

1.4 Не обманывайте

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

1.5 Выгода/Преимущества

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

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

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

1.6 Указывайте на то, что товар или услуга являются новинкой

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

1.7 Обязательно размещайте отзывы

Дополню. Размещайте НАСТОЯЩИЕ отзывы. Представьте себе ситуацию, зашел потенциальный клиент на целевую страницу, ознакомился с условиями, готов уже был приобрести товар, но наткнулся на типовые, сахарные отзывы, да еще и в придачу, на фотографии, которые уже где-то видел – либо на такой-же целевой странице, либо в каком-либо фотобанке, или в результатах поисковой выдачи. После того как пользователь почувствует обман – вы потеряете его навсегда. Покупают у тех, кому доверяют, у тех, кто лжет никогда не купят.

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

Каждый отзыв должен начинаться заголовком, которым может служить выдержка из текста самого отзыва с описанием преимущества для клиента, например, «Благодаря пылесосу iRobot Roomba я экономлю около 20 часов на уборке в месяц…

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

1.8 Гарантия возврата денег

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

Часть 2. Оформление Landing Page

2.1 Продукт в действии

Изображение товара в шапке или на первом экране – это всё. Если вы поняли всё безрассудство написания пустых, не подкрепленных фактами текстов, то уделите это время на создание яркой и красочной картинки товара в шапке. Уделите этому достаточно времени. Экспериментируйте, улучшайте товар или услугу в Фотошопе до тех пор, пока не получите достойный результат.

Очень часто мне приходится наблюдать такой позор, как протухшая на вид пицца в шапке, черно-белая картинка автомобиля, летающий в воздухе непонятный девайс и прочие ошибки. Нужно сделать так, чтобы продукт или услугу захотелось приобрести. Если это пицца, пусть она будет такая аппетитная, с плавленым сырком, яркая, что ее захочется съесть немедля. Добавьте красок продукту, дымка, поджаристую корочку. В пределах разумного, конечно. Покажите продукт в действии. Если это приложение для мобильных устройств – сфотайте пользователя с телефоном и вашей софтиной на борту или, на худой конец, скачайте Mockup PSD с телефоном в руке и разместите скриншот приложения в рабочем состоянии. Еду отображайте яркой, горячей и готовой к употреблению. Это должно быть в шапке. Кроме того, было бы не плохо выложить видео с презентацией продукта. Лаконичный заголовок, кнопка и продукт в действии…

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

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

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

2.3 Забудьте о попандерах

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

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

2.4 Не делайте много полей в формах

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

2.5 Не стесняйтесь показывать лица, адреса и телефоны

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

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

2.6 Размещайте логотипы известных брендов

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

Итак, мы рассмотрели ключевые моменты, которые необходимо учитывать при разработке Landing Page. Давайте объединим все вышесказанное в следующем разделе, напишем текст и создадим дизайн целевой страницы в Фотошопе.

Разрабатывать Landing Page, волею судьбы, будем для Пылесоса iRobot Roomba. Пример абсолютно рандомный и пришел в голову в процессе написания данного мануала.

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

Часть 3. Практика

3.1 Текст Landing Page

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

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

Текст.

• Шапка: лого, изображение пылесоса, заголовок: «Умные роботы пылесосы iRobot Roomba в Москве», телефон, адрес, кнопка.
• Секция с видео: «iRobot Roomba в работе». Под видео – кнопка.
• Секция Модельный ряд (Фото – Цена – Старая цена — Купить):
  
  • Roomba 630
  • Roomba 870
  • Roomba 880
  • Scooba 450
  
  
• Гарантия. Текст гарантии возврата денег под моделями.
• Секция преимущества:
  • Заголовок: «Преимущества перед обычным пылесосом»
  • Подзаголовок: «Это исключительно «умная» техника, которая самостоятельно производит уборку помещения и после завершения работы возвращается на станцию для подзарядки»
  • #1. Экономит время. Вы экономите свои силы и время, тратя его на более приятные занятия.
  • #2. Не нуждается в управлении. Пылесос сам составляет для себя оптимальный маршрут, благодаря интеллектуальной системе AWARE.
  • #3. Компактный. Техника не займет много места и работает без подключения к электросети.
  • #4. Самозаряжаемый. Зарядки аккумулятора хватает на 2 часа, после чего робот самостоятельно возвращается на платформу для подзарядки.
  
  
• Секция отзывы. Фото – Имя – Кто есть – Текст отзыва.
• Секция поддержки клиентов. Фото специалиста – имя – контакты (телефон, соц. сети).
• Секция Контакты. Адрес и карта с меткой.

3.2 Дизайн

Конечный результат всех потуг можно посмотреть здесь.

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

• Всегда учитывайте бренд, стиль продукта, айдентику, если таковые имеются, старайтесь рисовать сайт в одном стиле;
• Старайтесь использовать не более 3-х цветов в дизайне и несколько производных оттенков;
• Выберите приятные сочетания шрифтов для дизайна;
• Не лепите элементы близко друг к другу – это признак дурного вкуса;
• Соблюдайте вертикальный ритм при расположении элементов, дайте воздуха дизайну;
• Не делайте слишком маленький интерлиньяж (line-height) между строками в текстовых блоках;
• Не используйте картинки плохого качества в дизайне;
• Сжимайте всю графику с помощью TinyPng или подобных инструментов.
• Перед ресайзом изображения обязательно конвертируйте его в смарт объект в Photoshop, на случай, если вдруг придется увеличить картинку без потери качества.
• В данном примере максимальная ширина контента равна 1170px (сетка Bootstrap, чистый файл в архиве references/bootstrap-1170.psd).

Теперь нарисуем дизайн по составленному в п 3.1 тексту. Углубляться в основы работы с Photoshop не будем, рассмотрим ключевые моменты при создании дизайна Landing Page. Все секции будут на всю ширину макета, а контент в пределах сетки Bootstrap. Установим шрифты Raleway из папки Fonts. Размеры и цвета вы можете посмотреть в готовом макете references/ready_design.psd.

Итак, по тексту.

• Шапка: лого, изображение пылесоса, заголовок: «Умные роботы пылесосы iRobot Roomba в Москве», телефон, адрес, кнопка.

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

• Секция с видео: «iRobot Roomba в работе». Под видео – кнопка.

У секции имеется заголовок и подзаголовок, не забываем.

• Секция Модельный ряд (Фото – Цена – Старая цена – Купить).

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

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

• Секция преимущества:

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

• Секция отзывы. Фото – Имя – Кто есть – Текст отзыва.

Реализуем следующим образом, без особых наворотов, в пределах 10-ти колонок, две из которых занимает фотография и имя, и 8 колонок отведено под сам отзыв. Отзывы должны быть с заголовками:

• Секция поддержки клиентов. Фото специалиста – имя – контакты (телефон, соц. сети).

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

• Секция Контакты. Адрес и карта с меткой.

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

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

пошаговая инструкция по созданию landing page

09 ноября 2020 С чего начать?

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

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

Определяем целевую аудиторию

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

Таким образом мы сузили аудиторию от «родители, покупающие футболки» до «родители с детьми-фанатами «Гарри Поттера». Чем точнее вы выделяете свою аудиторию, тем проще ей объяснить пользу вашего продукта.

Читайте еще по теме: «Как правильно составить портрет целевой аудитории?»

Выбираем вид лендинга

Предпродажные страницы

Статья, квиз, сбор контактов, лид-магнит «видео», купон

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

Страницы благодарности

Страница благодарности с видео, стена предложений, кнопка «поделиться», подписка на соцсети, купон

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

Страницы с предложением

Видеопредложение, продающая статья, продающая страница, стена предложений

Разместите  информацию о товаре или услуге: детальные описания, характеристики, фото, видеообзор, отзывы клиентов. Это не просто информационная страница, здесь вы делаете предложение посетителю. Можно указать цену товара рядом с кнопкой «купить» или предложить зарезервировать цену со скидкой, если клиент оставит e-mail, и только после этого перенаправить его на страницу для оформления заказа. 

Допродажи

Единовременное предложение, даунселл

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

Оформление заказа

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

Мероприятия

Регистрация на вебинар, приглашение на офлайн-мероприятие

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

Партнерские

Стать партнером, партнерский кабинет

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

Личные и корпоративные страницы

Личная страница, сайт компании, микролендинг для Instagram

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

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

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

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

1. Шапка

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

2. Обложка с заголовком и кнопкой

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

3. Информация о компании

Расскажите пользователю о том, куда он попал и чем занимается ваша компания. Чем короче, тем лучше. Рекомендуем написать буквально 1-2 предложения.

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

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

5. Отзывы

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

6. Призыв к действию и форма захвата

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

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

Экспериментируйте с текстом кнопки. Заменяйте стандартное «Купить» на более привлекательное: «Заказать сейчас», «Получить скидку», «Записаться на пробное занятие» и т.д. 

7. Подвал

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

Выбираем платформу и создаем лендинг

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

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

1. Зарегистрируйтесь на платформе AdvantShop.

2. Подключите канал «Воронки продаж». Так как мы создаем не просто страницу, а воронку — последовательность этих страниц. Это как раз позволяет поэтапно вести покупателя к покупке.

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

4. Наполните лендинг вашим контентом: текстами, фото, видео.

Все правила создания идеального лендинга вы найдете в книге «Готовые рецепты онлайн-продаж». Скачивайте ее сейчас и применяйте в своем бизнесе. 

Скачать книгу

Как сделать лендинг самому + Примеры Landing page 2020

Автор Администратор На чтение 13 мин.

Внимание! К 2030 году более 57 профессий исчезнут, зарплаты во многих сферах упадут. Профессиям будущего с высокой зарплатой учат в онлайне. НАЧНИТЕ БЕСПЛАТНО, это легко.

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

Одностраничник, Посадочная или Целевая страница, Лендинг (от англ. Landing page) – это сайт, который состоит только из одной страницы (пример). Его задача – выполнение потенциальным клиентом целевого действия (оставить контакты, отправить заявку, посмотреть имиджевый ролик, подписаться на рассылку и подобное).

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

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

Landing page​ – это специальный инструмент, который был создан для продажи и получения заявок. И он прекрасно справляется с этой задачей!

# Как создать лендинг

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

# Вариант 1:​ Заказать​ в агентстве «под ключ»

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

к содержанию ↑

# Вариант 2: Заказать​ часть работы у специалистов

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

к содержанию ↑

# Вариант 3: Сделать​ все самостоятельно

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

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

 

к содержанию ↑

# Как правильно создать лендинг пейдж самому

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

# Этап №1: Определить бизнес-задачу

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

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

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

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

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

к содержанию ↑

# Этап №2: Создать прототип

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

Лично я делаю их в Google​ Slides, поскольку это наиболее быстрый и удобный способ.

Итак,​давайте​ посмотрим структуру лендинга.

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

Экран​ – это область, которую пользователь видит на своем девайсе в один момент времени.

Прототип лендинга, как и сам лендинг, состоит из нескольких экранов:

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

к содержанию ↑

# Шаг 1: Создать первый экран

Первый (главный) экран​​ – самый посещаемый и самый важный, в нем вы должны разместить ключевое предложение компании. По данным исследования,​ 80% всего времени посетители тратят на первый экран и только 20% на все остальные.

Почему так происходит? Действует правило трех секунд — если клиент переходит на лендинг и за 3 секунды не понимает куда попал – он уходит. Поэтому первый экран должен быть самодостаточным и сразу отвечать на вопрос: «​Чем​ вы занимаетесь и что предлагаете?»​.​

Чтобы ответить на этот вопрос первый экран должен иметь несколько ключевых элементов:

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

1. Добавьте иконку «листайте вниз» и люди начнут чаще смотреть ваши следующие экраны.

пример иконки «листайте вниз»

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

пример иконки просмотра видео

Совет по созданию первого экрана

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

Попробуйте угадать: что предлагают на этих двух сайтах?

САЙТ №1

САЙТ №2

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

к содержанию ↑

# Шаг 2: Создать промежуточные экраны и «подвал»

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

Как создается прототип промежуточных экранов:

1. Определяете какие экраны вам нужны для решения вашей бизнес-задачи
2. Определяете их последовательность
3. Заполняете их продающими текстами и усиливаете изображениями
4. Расставляете формы захвата

к содержанию ↑

# Шаг 3: Правильно расположение экранов

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

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

1. Что вы продаете?
2. Кто вы, как компания?
3. Зачем клиенту ваш продукт?
4. Почему купить стоит именно сейчас?

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

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

Маркетологи выделили 15 наиболее используемых и конверсионных блоков:

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

1. Контактная информация (телефон, адрес, соц.сети)
2. Информация о юридическом лице
3. Ссылка на политику конфиденциальности. Ее нужно расположить, чтобы не получить штраф за нарушение 152-ФЗ.

Теперь скелет вашего лендинга готов, пора наращивать на нем мускулы!

к содержанию ↑

# Шаг 4: Заполнить прототип изображениями и текстом.

Стандартный экран лендинга состоит из следующих основных элементов:

Общие правила для оформления лендинга:

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

Факты создают понимание и доверие к вам у пользователей.

• Структурируйте текст, не публикуйте большие блоки информации сплошным текстом. Следуйте правилу — «1 мысль — 1 абзац». Посмотрите на этих два примера. Какой из этих текстов хочется больше прочитать?

Это улучшит восприятие информации

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

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

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

к содержанию ↑

# Шаг 5: Расположить формы захвата

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

Формы захвата бывают 3 видов

• Закрытая форма захвата – содержит только кнопку с предложением, которая потом открывается в форму для заполнения контактов. Она не занимает много места, вы можете использовать ее в конце  каталога, описания преимуществ, да и в принципе, на каждом экране.

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

 

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

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

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

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

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

к содержанию ↑

# Шаг 6: Дополнительные способы повышения конверсии

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

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

Виджет «Колесо фортуны»

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

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

Онлайн консультант

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

Виджет «Обратный звонок»

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

Виджет «Мультикнопка»

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

Exit intent pop-up

Еще один из способов, который показал хорошие результаты повышения конверсии сайтов визиток при тестировании — экран Exit intent pop-up. Это окно, которое всплывает, если пользователь уводит мышку со страницы.

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

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

к содержанию ↑

# Этап №3: Подключение аналитики на сайт

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

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

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

1. Количество посетителей (сколько людей зашли на сайт)
2. Количество заявок (сколько людей оставили заявку)
3. Конверсия в заявку (какой процент из числа посетителей оставили заявку)
4. Среднее время на сайте (сколько времени посетитель в среднем проводит время на сайте)
5. Процент отказов (процент людей находившихся на сайте меньше 15 секунд)

Также вам нужно смотреть и анализировать:

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

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

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

к содержанию ↑

# Заключение

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

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

Как создать крутой лендинг самостоятельно! Лучшие советы

Создаем правильный лендинг пейдж. Речь пойдет о том, как получить максимальную конверсию и теплых клиентов. Мой опыт в 400+ рекламных кампаний дает понимание, что работает в лендингах, а что не очень. Речь пойдет именно о продаже услуг и товаров.

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

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

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

Вот большая история про создание положительного впечатления

Основное при разработке лендинга

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

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

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

Доказательствами обратного могут быть фотографии. Желательно каких-то лиц, складов, помещений, клиентов и т.д. Доказать, что вы СУЩЕСТВУЕТЕ и выглядите так, что вам можно доверять.

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

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

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

Если вы повесили важное фото на 3 экран, то базовое недоверие пополнят безликие первые и вторые экраны. Как-то копится этот эффект недоверия.

Киллер-фича: на каждый экран одностраничника повесьте по одной реальной фотографии:

• фото офиса
• фотографии команды с описанием
• фото рабочих в процессе
• множество реальных фотографий в портфолио, желательно с клиентами
• коротенькие видосы с подписью «вот Люське такую задачу решили — посмотрите как хорошо», а не «НАШИ ВИДЕООТЗЫВЫ»

Портфолио на лендингах

Помимо фотографий на доверие влияют ДОКАЗАТЕЛЬСТВА о вашей компетенции — портфолио, кейсы или отзывы (реальные, в которые поверят!). Человек должен тупо захотеть себе так же, захотеть работать с конторой, которая делает такие высокие результаты. Это качество не заменишь продающими текстами и модным дизайном.

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

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

Внимание. Просто так отзывы написать не канает — делайте фото, скриншоты с соцсетей, профили людей из вк\инсты, видео — используйте ДОКАЗАТЕЛЬСТВА. Чтоб можно было на крайний случай проверить ваш отзыв. Или чтоб он выглядел так, как будто его где-то реальное лицо написало.

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

Понятливость одностраничника

Следующим по моему мнению идет «понятливость» сайта. То, что позволит пользователю остаться у вас на сайте. Человек решает остаться на сайте или пойти дальше в первые несколько секунд.

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

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

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

Информация о товаре

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

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

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

Вернитесь к скриншотам — посмотрите, что написано на первых экранах. Приоритетная информация.

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

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

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

Вот вам перегруз портянками. Да кому надо столько параши через глаза пропускать?

А вот вам положительный пример с детсадом. Это целый экран сайта, а сколько там текста? Чуть-чуть и самое важное + подкреплено фотографиями.

И еще один важный момент.

Сам по себе товар имеет самое жесткое влияние на ваши конверсии

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

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

Если 10 человек продают айфон 5 64гб за 32к, то ни один из них не сможет иметь конверсию в несколько раз больше, чем у остальных. Она будет в среднем на уровне днища, рекламные инструменты тут не спасут.

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

Пару слов про дизайн Landing page

 Дизайн сам по себе ничего никогда не продает.

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

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

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

Подводите человека к окну заявки!

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

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

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

Структура для простеньких ниш

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

Что должно быть на одностраничнике?

1. На каждом экране по триггеру для доверия. Фотографии, видосы, социальные сети с подписчиками, скриншоты отзывов с соцсетей.
2. В первую секунду понятно, куда попал.
3. Характеристики товара. Все основные качества, не зная которых нельзя сделать выбор.
4. Отзывы, кейсы, вопрос доверия.
5. Ваше предложение должно быть лучше, чем у конкурентов. Никакие реклама и сайт говно не продадут.
6. Пропустили один из 4 предыдущих пунктов и конверсия сайта НОЛЬ.

Пользуйтесь, господа.

Как я могу вам помочь?

Создать лендинг пейдж самостоятельно и бесплатно

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

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

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

Landing Page: что это такое?

Лендинг пейдж – это веб-страница, предназначенная для:

• продажи товаров или услуг;
• формирования базы подписчиков.

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

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

Разновидности посадочных страниц:

• Автономная. Этот вариант лендинг пейдж считается самым востребованным. Его главной задачей считается побуждение потенциальных покупателей к действию, которое навязывается данной страницей.
• Микросайт. Такой веб-ресурс обычно состоит из 3-5 страниц, на которых размещены сведения о продвигаемой продукции.
• Главный сайт. Этот вариант landing page может иметь как одну, так и несколько страниц.
• Лендосайт. Этот веб-ресурс состоит из множества целевых страниц, не зависящих друг от друга.

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

Решив создать сайт landing page посредством конструктора Fo.ru, веб-мастер должен знать все доступные разновидности целевых страниц:

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

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

Назначение лендинг пейдж

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

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

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

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

Решив создать сайт landing page, веб-мастеру также стоит предварительно ознакомиться с основными преимуществами подобных веб-ресурсов:

• Нацеленность на конкретную целевую аудиторию. Посадочные страницы не предлагают пользователям огромного количества решений. Напротив, они предоставляют одно-единственное уникальное предложение. Подобное упрощение выбора нравится большинству людей.
• Высокий уровень конверсии. По статистике, применение лендинг пейдж способствует увеличению конверсии на 10-15%.
• Отсутствие лишних ссылок, баннеров и прочих составляющих современных сайтов, которые могут отвлечь посетителя от основного контента.
• Возможность получения контактов целевой аудитории. Полученные сведения в дальнейшем можно использовать для рассылок о предстоящий акциях, скидках и розыгрышах.
• Минимальные затраты. Создать сайт landing page могут даже начинающие предприниматели, тестирующие определенные товарные ниши.

Применение посадочных страниц

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

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

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

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

Как создать сайт landing page

Сегодня существует множество способов, для того чтобы создать page для продвижения определенных товаров и услуг:

• Бесплатные шаблоны и онлайн-конструкторы. При помощи этих инструментов веб-мастер может сгенерировать любой тип лендинга. В качестве примера можно привести конструктор Fo.ru. Этот вариант можно назвать отличным для веб-мастеров, имеющих ограниченный бюджет, но желающих создать landing для эффективного продвижения своей продукции.
• Обращение к профессионалам. Если у вас нет опыта, необходимого для того, чтобы создать page для продвижения, стоит обратиться к дизайнерам, копирайтерам и программистам, которые помогут с разработкой дизайна, а также написанием рекламного текста и программного кода. Главным преимуществом данного способа можно назвать практически 100% гарантию достижения требуемого результата.
• Аутсорсинг. Этот способ предусматривает обращение в специализированное агентство, специалисты которого проанализируют конкурентную среду, интегрируют «движок» и запустят проект. Единственной задачей заказчика является разработка технического задания. За все остальное отвечают аутсорсеры. Основные плюсы данного способа – гарантия результата и возможность сэкономить время. Но стоит учитывать и очень важный минус – услуги аутсорсеров стоят недешево.
• Наем в свой штат профильных специалистов. Данный способ считается наиболее дорогим и эффективным. Собственная команда профессионалов даст возможность качественно продвинуть любой товар или услугу.

Самостоятельная разработка лендинга

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

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

Бесплатное создание лендинг пейдж

Перед тем, как создать свой landing page, начинающий веб-мастер наверняка попытается найти бесплатные инструменты для решения поставленной задачи. Такие инструменты предоставляет онлайн-конструктор сайтов Fo.ru и всем известная программа Adobe Photoshop.

Оптимизация landing page

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

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

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

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

Сервисы для разработки Landing Page

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

• LPgenerator Этот сервис отличается большим количеством шаблонов и возможность создания лендинга с нуля. LPgenerator доступен новым пользователям бесплатно в течение 14 дней тестового периода.
• PlatformaLP. В этом сервисе доступны шаблоны секций, позволяющих создавать различные комбинации посадочных страниц.
• wPPage. Данный сервис адаптирован под «движок» ВордПресс. Он предоставляет возможность создания лендинга посредством шаблонов или плагинов для ВП. Бесплатная версия wPPage доступна на протяжении 7 дней.
• LPmotor. В этом сервисе доступно около 20-30 готовых шаблонов и 100 шаблонов секций.
• FO.ru — признанный конструктор сайтов в Рунете, на платформе которого сотни тысяч пользователей уже успели собрать для себя Landing Page, в полном соответствии со своими предпочтениями — с использованием современного дизайна, с удобным расположением блоков, а самое главное — смогли быстро и легко корректировать свои лендинги с учётом изменения рекламной кампании или диагностирования поведенческой карты пользователя на сайте. На данный момент, именно FO.ru остаётся одним из наиболее простых, доступных, а самое главное — современных конструкторов для создания Лендинг Пейдж

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

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

Но для самостоятельной разработки потребуется знание основ JavaScript и веб-оптимизации.

Теги:

Как сделать лендинг в Instagram

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

Так выглядит инсталендинг: слева — шапка профиля, справа — сама посадочная страница из постов

Инсталендинги оформляют так же, как другие профили:

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

Цель такой страницы — привлечь внимание пользователя и сделать так, чтобы он выполнил целевое действие: оформил заказ, написал в Директ, задал вопрос в комментариях.

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

Какими бывают инсталендинги

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

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

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

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

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

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

Так выглядит длинный лендинг: он может быть на сколько угодно строк

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

Так выглядит бесконечная лента в Instagram

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

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

Так выглядит товарный инсталендинг с оформлением постов в едином стиле. Присмотритесь — у них общий фон

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

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

Как сделать инсталендинг

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

• Делаем проекты домов за 15 дней. Бесплатно, если закажете строительство у нас. Для заказа переходите по ссылке: site.ru.
• Оригинальные чехлы на iPhone от 500 ₽. Покупаете два — третий в подарок. Пишите в Директ.
• Продаем детские развивающие игрушки. Доставляем бесплатно по всей России при заказе на сумму 1 000 ₽ и более. Оформите заказ в Директе или приложении: site.ru.

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

Почему целевые страницы для видео — пипец (и как сделать свои собственные)

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

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

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

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

Обычно видео на целевой странице встраивается в автономный проигрыватель, такой как YouTube или Vimeo, вместе со статическими изображениями и текстом с использованием стандартного HTML-кода. Целевая страница с видео редко бывает полноэкранным «мультимедийным опытом», но, вероятно, ее опробовали киностудии или модный стартап где-нибудь в Бруклине.

Каковы преимущества целевых страниц для видео?

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

Целевые страницы для видео делают сложные продукты более доступными

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

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

Целевые страницы для видео развлекают ваши перспективы

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

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

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

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

Мы сделали это недавно с видео, которое мы сняли в сотрудничестве с Perry Marshall & Associates. Одновременно с выпуском четвертого издания книги Перри «Полное руководство по Google AdWords» Ларри записал «скрытую» главу книги, в которой предлагалось еще больше советов по AdWords.В этом случае само видео было частью предложения, и хотя оно не было создано специально для целевой страницы как таковой , оно служит отличным примером того, как видео может еще больше повысить ценность для потенциального клиента и предпринять дальнейшие действия. .

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

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

Компании в «скучных» отраслях

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

Да, за это действительно можно заплатить деньги.

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

Бизнесы в «захватывающих» отраслях

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

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

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

Должно ли видео воспроизводиться автоматически?

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

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

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

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

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

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

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

Должны ли целевые страницы с видео включать анимацию?

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

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

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

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

Насколько большим должно быть мое видео на целевой странице?

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

Например, ширина сообщений в блоге WordStream составляет 650 пикселей.

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

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

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

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

TapInfluence

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

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

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

Не найдено ни одного поставщика видео для обработки данного URL.См. Документацию для получения дополнительной информации.

Встречайте TapInfluence от TapInfluence на Vimeo.

Розеттский камень

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

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

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

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

Не найдено ни одного поставщика видео для обработки данного URL. См. Документацию для получения дополнительной информации.

Rosetta Stone — Обзор от Rosetta Stone Ltd на Vimeo.

Автопилот

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

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

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

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

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

Свет, камера, призыв к действию

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

Если вы используете целевые страницы для видео, мне бы хотелось услышать ваши истории успеха — или поучительные истории, если бы что-то пошло не так, как вы думали. А если вы все еще ищете вдохновения, ознакомьтесь с еще 15 креативными идеями для целевых страниц.

Целевые страницы веб-сайта — полное руководство [2019]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Традиционные целевые страницы с ботами

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

Это отличный способ привлечь посетителей и повысить коэффициент конверсии на этих страницах.

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

Что делает целевую страницу эффективной? Вот что нужно для увеличения количества конверсий.

Поставьте четко определенную цель

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

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

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

Напишите убедительную и убедительную копию

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

7 советов по написанию отличной копии целевой страницы

1) Ориентируйтесь на покупателей

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

2) Будьте ясны и кратки

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

3) Используйте язык, ориентированный на действия

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

4) Опишите преимущества

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

5) Создайте ощущение срочности

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

6) Рассмотрение возможных возражений

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

7) Используйте социальное доказательство

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

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

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

Анимации

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

Видео

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

Динамическая типографика

Пользовательская фотография

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

Будьте последовательны

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

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

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

Удалите навигацию по сайту

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

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

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

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

Включить кнопки публикации в социальных сетях

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

Убедитесь, что страница отлично выглядит на мобильном телефоне

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

Минимальная прокрутка

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

7 способов продвижения целевых страниц

Как вы используете целевые страницы для своего бизнеса? Дай посчитать пути…

1. Скачать контент

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

2. Инфографика

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

3. Регистрация на мероприятие или веб-семинар

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

4. Запросить демонстрацию

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

5. Сведения о продукте

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

6. Маркетинг на основе учетной записи

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

7. Регистрация списка рассылки

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

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

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

Органическое социальное

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

Платные соцсети

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

Google Adwords

Отправляйте платный поисковый трафик прямо на вашу целевую страницу через кампанию PPC.

Электронная почта

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

Прямая почтовая рассылка

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

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

Распространение контента

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

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

Как работает ваша целевая страница? Подключение к вашим страницам Google Analytics и Facebook Pixel Tracking упрощает отслеживание этих показателей целевой страницы.

Просмотры страницы

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

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

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

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

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

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

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

Соотношение посетителей и контактов

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

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

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

Вы не знаете, на кого ориентируетесь

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

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

Ваша форма слишком длинная

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

У вас слишком много вариантов

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

Ваш заголовок не привлекает внимания посетителей

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

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

Вам не хватает человеческого фактора

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

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

Вы не продвигались по службе

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

Вы не выполняли никаких тестов

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

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

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

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

Руководство по разговорной ПРО

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

Получить руководство

Как создать целевую страницу | Сделайте свою целевую страницу

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

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

• Ввести их в воронку продаж — Вы можете использовать целевую страницу для продажи продукта или услуги. Вы расскажете посетителю о преимуществах, рассказав историю, и в самом конце сделаете для него отличное предложение.
• Используйте свою целевую страницу для электронного маркетинга — Согласно MarketingLand, вы можете собрать на 50% больше подписчиков электронной почты с помощью целевых страниц. Это можно сделать, создав специальную целевую страницу или их серию с полями для подписки, чтобы посетители могли подписаться на вашу рассылку. Страницы будут найдены с помощью поиска или любого другого маркетингового средства, которое вы используете. Затем люди будут посещать целевые страницы и подписываться на получение ваших писем.
• Генерация потенциальных клиентов — Вы также можете использовать целевую страницу, чтобы напрямую развивать свои продажи.Использование хорошего рекламного копирайтинга может повысить интерес посетителей к продукту или услуге, которые вы предлагаете. На протяжении всего текста вы можете выявить свое уникальное торговое предложение, а затем направить внимание читателя на поле, в котором написано что-то вроде «введите сюда свой адрес электронной почты, чтобы получить специальную скидку на продукт X». Эта тактика может привести к появлению горячих лидов, которых вы легко сможете превратить в клиентов.
• Запуск новых продуктов — целевые страницы очень эффективны для создания ожидания. И это отлично подходит для запуска новых продуктов.Что вы можете сделать, так это создать серию целевых страниц, на которых люди подписываются на вашу рассылку. Следующее, что вы знаете, это то, что они придут к вам и спросят, есть ли у вас еще советы по данному предмету, другими словами, попросят вас что-то продать.

Что нужно учитывать при создании целевой страницы?

Начните с определения целей

• Увеличьте количество потенциальных клиентов, продаж, опроса, чата, подписки на рассылку…
• Будьте конкретны. Какого результата вы хотите добиться сегодня? Насколько вы рассчитываете его увеличить? Вы можете определить коэффициент, чтобы измерить, сколько потенциальных клиентов стали платежеспособными — коэффициент конверсии.Например, если вы получаете 1000 новых чатов каждый месяц и 70 из них становятся платными клиентами каждый месяц, ваш коэффициент конверсии составляет 7%.

Контент может убить его в хорошем или в плохом смысле

• Вы наверняка слышали выражение раньше: «Это убийца». Это может быть верно для ваших целевых страниц, если у вас есть отличного контента, который приносит дополнительную пользу читателям . Однако, если вы пойдете в противоположном направлении и будете говорить только о своем продукте, компании, преимуществах и совсем не зацикливаться на клиенте, своем контенте, что ж… Это может превратиться в серийного убийцу.Так как вы не будете убивать свою страницу плохим содержанием, вот первый совет:
• выберите одно простое сообщение для передачи . Если вы сосредоточитесь на одном слишком большом количестве вещей одновременно, люди будут подавлены и уйдут, чтобы больше никогда не возвращаться. Так что сосредоточьтесь только на сообщении, которое вы хотите передать, и доработайте его, используя повествование и другие техники, чтобы максимально использовать возможности целевой страницы. Определяя цели, вы можете знать, что сказать на странице.
• Идеальная длина будет зависеть от того, что вы продаете, и от вашей аудитории .Если вы продаете подросткам, нет смысла заниматься копирайтингом. Это не принесет ничего, кроме отказа. С другой стороны, если ваша аудитория состоит из юристов, вы должны уточнить тему, чтобы вовлечь их. Помните, какова ваша аудитория, и всегда пишите, думая о ней. Одно из замечательных упражнений — определить точную персону, почти как в среднем всех ваших клиентов. Определите, если это он или она, сколько ему лет, есть ли у него дети, женат, работает, интересы и т. Д. Даже дайте этому персонажу имя, скажем Боб.Например, Боб продает страховку, женат, ему 40 лет, у него двое детей. Теперь намного проще узнать, как написать всем Бобам в вашей аудитории и продать им что-нибудь позже.
• Опишите свой продукт или услугу как можно короче , чтобы привлечь внимание потенциальных пользователей.

Дизайн страницы

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

Mobile

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

Акцент на конверсии

• Мы говорили о конверсиях выше, и мы должны повторить эту мысль. Целевая страница — это идеальная среда, чтобы познакомить посетителей с вашим бизнесом, дать им что-то ценное (совет, идею, понимание) и побудить их предпринять какие-то действия. Используйте элементы преобразования, такие как номер телефона, поля подписки на рассылку новостей, формы, чат и многое другое. Телефонный номер заставляет их позвонить вам, поля регистрации делают их вашими подписчиками, формы позволяют им бесплатно предоставлять вам данные, чаты позволяют вам позаботиться об их проблемах и сразу же ответить на вопросы … Хорошо, что вы на SITE123 доступны различные приложения, которые помогут вам в этом. Для форм вы можете использовать, например, JotForm и 123ContactForm, а для чатов вы можете использовать LiveChat, JivoChat и другие.

Испытайте опыт

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

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

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

Теперь давайте сделаем это менее чем за 30 минут.

Веб-сайт: http://fitinoneweek.site123.me/

Тип: Yoga Studio

Цель: увеличить количество новых лидов на 10% с помощью списка рассылки подписка

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

Шаг 1

Перейдите на https://www.site123.com/ и выберите тип своего веб-сайта: целевая страница.

Шаг 2

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

Шаг 3

Добавьте свой уникальный контент.

Шаг 4

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

Шаг 5

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

Шаг 6

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