Блок преимущества landing page – О чем забывают 90% при написании заголовков секций у лендинга? Какие цены и скидки привлекают и помогают продавать?

Содержание

​12 классических блоков лендинга. Структура и функционал

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

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

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

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

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

b_55cdd82d20465.jpg

Лендинг https://www.happn.com/

b_55cdd94e4b7a4.jpg

Лендинг https://deliveroo.co.uk/

Call-to-Action — призыв к действию может появляться на странице несколько раз, а может быть выделен в отдельный полноценный блок, как в данных случаях:

b_55cdd9b291ba9.jpg

Лендинг https://www.crowdyhouse.com/

b_55cdd9cd040b9.jpg

Лендинг https://www.treatwell.com/

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

b_55cdda0e9ea63.jpg

Лендинг https://www.hellofresh.co.uk/

b_55cdda218a5e2.jpg

Лендинг https://www.outfittery.de/

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

b_55cdda703fd9a.jpg

Лендинг http://www.acast.com/

b_55cdda9e99878.jpg

Лендинг https://developer.similarweb.com/

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

b_55cddadb4ba35.jpg

Лендинг http://www.deliveryhero.com/

b_55cddaff56da1.jpg

Лендинг http://www.smadex.com/

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

b_55cddb728f420.jpg

Лендинг https://www.algolia.com/

b_55cddb5f5215f.jpg

Лендинг https://www.sinch.com/

Возможность сравнить разные версии продукта и показать преимущества разной цены.

b_55cddb8c5e384.jpg

Лендинг https://openclassrooms.com/

b_55cddba0bd8af.jpg

Лендинг http://mailtrack.io/

В качестве буллитов как правило выступают схематичные картинки. Способ быстро и кратко подать информацию и подчеркнуть детали.

b_55cddbb759cb6.jpg

Лендинг https://www.marfeel.com/

b_55cddbc52e073.jpg

Лендинг http://8fit.com/

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

b_55cddbe08582f.jpg

Лендинг http://www.bboxx.co.uk/

Может занимать всю ширину страницы или только ее часть.

b_55cddbff53c55.jpg

Лендинг http://www.quiver.net/

b_55cddbf412789.jpg

Лендинг http://kantox.com/

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

b_55cddc3772981.jpg

Лендинг https://maptia.com/

b_55cddc4d35437.jpg

Лендинг https://www.3dhubs.com/

b_55cddc56aaffe.jpg

Лендинг https://laruchequiditoui.fr

Важный функциональный элемент без которого лендинг не завершен. Место для Last-Minute-Chance CTA.

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

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

b_55cddc7d43aad.jpg

Лендинг http://goocreate.com/

b_55cddd0d1f638.jpg

Лендинг https://www.volumental.com/

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

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

Что такое Лендинг

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

Задачи лендинга

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

У посетителя, попавшего на Landing существует только один выбор: совершить целевое действие или нет.

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

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

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

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

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

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

  1. Концентрирует все внимание на продукте.

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

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

  1. Обеспечивает высокую конверсию.

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

Размещение целевой формы на видном месте – ключевой момент.

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

  1. Просто и быстро создать.

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

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

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

  1. Гибкость.

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

Делать это на одностраничнике очень просто за счет его гибкости.

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

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

Процесс тестирования занимает время, но это обязательное условие для разработки по-настоящему результативного Лендинга.

  1. Простота измерения конверсии.

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

  1. Невысокая стоимость

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

  1. Landing быстро загружается.

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

  1. Быстро пополнит базу контактами

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

  1. Соберет только целевую аудиторию.

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

  1. Идеален для тестирования новых идей.

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

  1. Не нужно постоянно обновлять контент.

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

Каким должен быть леджинг пейдж

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

  • Не перегружайте веб-страницу графикой.

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

  • Не размещайте рекламу.

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

  • Не отклоняйтесь от главного.

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

Тестирование лендинга

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

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

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

Способы создания

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

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

Итак, если ваша цель – высокая конверсия, то преимущества landing page перед обычным сайтом очевидны:

  • Более низкая цена.
  • Более высокий процент конверсии.
  • Простота создания.
  • Сделать Лендинг гораздо быстрее.
  • Намного более гибкий.
  • Не требует постоянного обновления контента.
  • Гораздо лучше подходит для тестирования
    бизнес-идей.
  • Быстрее собирает большую базу потенциальных
    клиентов.
  • Загружается быстрее.
  • Адаптировать под мобильные устройства проще.
  • Приведет только целевую аудиторию.
  • Отслеживать эффективность гораздо проще.

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

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

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

Если пост понравился, то поделитесь им в социальных сетях.

До скорого!

Лендинг vs главная страница: ключевые отличия

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

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

Содержание статьи

Структура классической homepage

Навигационная панель
Заголовок и подзаголовок
Главное изображение
Call-to-Action
Достижения/Преимущества/Награды
Социальное доказательство

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

Заголовок и подзаголовок
Главное изображение
Лид-форма
Call-to-Action
Награды
Преимущества

Ключевые отличия между лендингом и homepage

Простота (акцент на действии vs информативность)
Источники трафика (специфические vs общие)
Навигация (нет vs есть)
Принятие решений (быстрое vs долгое/никакое)
Оптимизация конверсии (цели vs мост)

Лендинг vs главная страница: основы

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

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

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

Лендинг для Nissan Кунцево от LPgenerator

Структура классической homepage

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

Посмотрим, какие из них есть на главной странице Nissan Кунцево:

Главная страница Nissan Кунцево

Навигационная панель

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

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

А еще некоторые сайты используют «липкую» панель, которая следует за посетителями, пока те прокручивают страницу (в случае с homepage Nissan Кунцево, навигационная панель неподвижна).

Заголовок и подзаголовок

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

Главное изображение

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

Call-to-Action

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

Призыв к действию в слайдере
Призыв к действию в блоке акций
Призыв к действию в блоке подбора автомобиля

Достижения/Преимущества/Награды

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

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

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

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

В случае с Nissan Кунцево отзывы вынесены на отдельную страницу: 

Читайте также: Когда главную страницу сайта лучше заменить лендингом?

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

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

Заголовок и подзаголовок

В этом блоке лендинга вы видите продающий оффер, четкое УТП и ценностное предложение. 

Никаких слайдеров на лендинге— только один оффер

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

Главное изображение

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

Лид-форма

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

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

Call-to-Action

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

Немного видоизмененный блок (то, как он выглядит сейчас на лендинге)

Награды

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

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

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

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

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

Читайте также: Схема структуры макета идеального Landing Page

Ключевые отличия между лендингом и homepage

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

Хотя для обеих страниц используется похожий дизайн, лендинг (слева) смотрится гораздо более сфокусировано, чем homepage (справа)

Простота (акцент на действии vs информативность)

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

Источники трафика (специфические vs общие)

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

Главная страница не оказывает такого эффекта на посетителей. Поскольку трафик для homepage привлекается с разных источников (органический поиск, email’ы, контент-маркетинг), привязывать ее к одной акции или продукту бессмысленно. Вот почему главные страницы дают плохие результаты в PPC-рекламе. Перейдя на homepage, охватывающую все услуги компании, люди попросту не видят связи со своим поисковым запросом.

Навигация (нет vs есть)

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

В финальной версии лендинга была добавлена «якорная навигация»

Принятие решений (быстрое vs долгое/никакое)

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

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

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

Оптимизация конверсии (цели vs мост)

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

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

Высоких вам конверсий!  

По материалам: klientboost.com

04-03-2019

Преимущества landing page: правильный лендинг пейдж: правила создания

Что это такое?
Творите сами
Основные достоинства созданного лендинг пейдж
Доверяйте профессионалам
Что предлагаем мы нашим клиентам?
Вместо заключения

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

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

Что это такое?

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

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

Творите сами

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

Хорошим landing page присущи определенные свойства и элементы:

  • заголовок. Его цель привлечь потенциального клиента и как можно дольше удержать его внимание. Для написания заголовка рекомендуют использовать крупный шрифт, располагать его вверху страницы и не сочинять слишком длинных текстов. Заголовок должен дать понять посетителю, что он попал на нужную страницу и что ожидать от страницы.
  • правильная структура landing page. Расположение элементов страницы в логической последовательности поможет нужным образом воспринимать информацию, подталкивая посетителя к полезным действиям. Помимо ярких картинок можно использовать стрелки, направляя взгляд человека на нужную область. Обычно элементы располагают в такой последовательности – цепляющий заголовок и продающая картинка или фото, форма для заполнения контактных данных, плюсы и минусы товара или услуги, отзывы клиентов воспользовавшихся услугами компании.
  • простота. Чтобы посетитель страницы не заблудился на ней и сразу же не покинул ее, не стоит перегружать landing page информацией, изображениями, кнопками. Все должно быть лаконично, но в то же время интересно, только необходимые данные и изображения. Элементы landing page подбираются так, чтобы побудить человека к выполнению главного действия, а не отпугнуть его.
  • призыв к действию. Call to action обычно подталкивает кликнуть на кнопку или другой элемент страницы, зарегистрироваться, оставить свои контактные данные, заполнив специальную форму.

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

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

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

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

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

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

Что предлагаем мы нашим клиентам?

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

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

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

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

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

Высоких вам конверсий!

image source: Yoann JEZEQUEL

25-12-2015

Схема и структура Landing Page – блоки и элементы для максимальной конверсии

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

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

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

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

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

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

  1. Ваше уникальное торговое предложение (аббревиатура УТП)
    1. Основной заголовок
    2. Дополнительный заголовок
    3. Усиление предложения
    4. Решающий аргумент
  2. Демонстрация продукта/услуги или результата их использования
  3. Преимущества вашего предложения
    1. Список выгод или графическая демонстрация
    2. Выгоды и особенности в деталях
  4. Социальное доказательство
  5. Единственная цель конверсии – ваш призыв к действию (Call-to-Action), с формой или без формы контактов. Не нужно давить на клиента разными CTA, например, «Посмотрите каталог, Оставьте заявку, Скачайте прайс, Позвоните». CTA должен быть 1 для страницы.

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

Схема лендинг пейдж - перечень блоков и элементов

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

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

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

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

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

1. Заголовок

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

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

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

Структура лэндинг пейдж с низкой конверсией
Структура Landing Page с высокой конверсией

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

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

Структура лендинг пейдж Conversion Lab

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

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

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

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

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

Структура Landing page с большим изображением

4. Видео (если уместно)

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

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

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

Лендинг пейдж с видео элементом

5.Краткое описание

Предназначение описания – объяснить потенциальной аудитории, что это за продукт и почему он хорош. Достаточно 4-6 предложений. Только суть.

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

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

Призыв к действию в струтктуре одностраничника

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

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

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

Например, The Renegade Diet показывает, в каких изданиях был опубликован их материал.

Социальное доказательство, как элемент лендинг пейдж

А это пример демонстрирует логотипы своих именитых клиентов.

Блок клиентов в структуре landing page

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

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

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

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

Описание услуги, как элемент landing page

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

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

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

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

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

Выгоды: блок лендинг пейдж

10. Отзывы

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

Отзывы в структуре сайта одностраничника

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

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

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

12. Тестирование и перебор вариантов

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

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

Заключение

Для поста использован собственный опыт, маркетинговые основы и материалы с английских блогов http://unbounce.com/ и http://kissmetrics.com/

Задавайте свои вопросы в комментариях – я обязательно отвечу и подскажу!

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

Структура лендинг пейдж: главные блоки и эффективность

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

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

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

Элементы посадочной страницы

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

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

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

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

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

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

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

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

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

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

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

— технические параметры изделия

— сведения о модификациях, стоимости, отличиях

— детальные каталоги

— вопросы и ответы

— подробное описание всех выгод и преимуществ

— результаты проведенных исследований

— любая прочая информация, выступающая стимулом к совершению покупки

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

Достоинства предлагаемого продукта или услуги – следующий блок, составляющий общую структуру лендинг пейдж. Клиенты интересуются не только самим продуктом, но и выгодами, которые они могут приобрести с его помощью. Поэтому описание продукта и его преимущества могут быть объединены в единый блок.

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

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

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

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

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

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

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

С уважением, Иван Балашов!

Структура лендинг пейдж – блоки, элементы и схема одностраничника

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

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

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

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

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

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

  1. Ваше уникальное торговое предложение (аббревиатура УТП)
    1. Основной заголовок
    2. Дополнительный заголовок
    3. Усиление предложения
    4. Решающий аргумент
  2. Демонстрация продукта/услуги или результата их использования
  3. Преимущества вашего предложения
    1. Список выгод или графическая демонстрация
    2. Выгоды и особенности в деталях
  4. Социальное доказательство
  5. Единственная цель конверсии – ваш призыв к действию (Call-to-Action), с формой или без формы контактов. Не нужно давить на клиента разными CTA, например, «Посмотрите каталог, Оставьте заявку, Скачайте прайс, Позвоните». CTA должен быть 1 для страницы.

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

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

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

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

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

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

1. Заголовок

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

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

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


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

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

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

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

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

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

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

4. Видео (если уместно)

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

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

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

5.Краткое описание

Предназначение описания – объяснить потенциальной аудитории, что это за продукт и почему он хорош. Достаточно 4-6 предложений. Только суть.

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

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

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

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

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

Например, The Renegade Diet показывает, в каких изданиях был опубликован их материал.

А это пример демонстрирует логотипы своих именитых клиентов.

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

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

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

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

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

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

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

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

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

10. Отзывы

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

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

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

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

12. Тестирование и перебор вариантов

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

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

Источник статьи — сайт 99landingpages.ru

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

Добавить комментарий

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