Главная » Карты » Особенности создания и использования landing page. Ключевые элементы посадочных страниц. Что такое посадочная страница

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

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

Первая, и, пожалуй, наиболее важная, задача - найти четкое УТП (уникальное торговое предложение) товара или услуги, а затем использовать дизайн посадочной страницы, чтобы сосредоточить все на одном основном призыву к действию (СTA). Это может быть предложение посетителю зарегистрироваться или же сделать мгновенную покупку. Какова бы ни была цель, это работа дизайна страницы направить пользователя к ней – будь то за счет использование белого пространства, контрастных цветов или более четких направленных сигналов.

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

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

Таинственная «капля» нарушает большинство правил обычного дизайна посадочной страницы

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

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

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

Каждая панель - это искушение

С его аккуратно расположенной сеткой великолепных изображений, сайт Present & Correct несомненно достигает своей основной аудитории – людей, для которых канцелярские принадлежности являются настоящим фетишем.

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

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

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

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

LS Productions заманивает в кавалькаду шикарных мест Шотландии

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

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

O"Neill – страница идеально продающая мечту о снеге и серфинге

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

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

Вы просто не можете пропустить призыв к действию на посадочной странице Bear CSS

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

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

Squarespace знают своих основных заказчиков и создали свою страницу в соответствии с ними

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

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

Выделяющийся золотой призыв GiftRocket к действию привлекает внимание мгновенно

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

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

Одностраничник показывает, что приложение может предложить

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

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

Не нужны безделушки - теперь Square имеет свое программное обеспечение POS

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

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

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

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

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

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

Красивые посадочные страницы, которые мы изучим сегодня

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

«3 шага, которые я использовал, чтобы построить 4 мультимиллионных бизнеса»

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

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

«Получи моментальный бесплатный доступ к обучающей платформе»

Совсем недавно Крис Дакер (Chris Ducker) — успешный серийный предприниматель, спикер и блогер — перешел на другую платформу и вместе с этим реализовал блестящий новый дизайн. Его целевая страница конвертирует очень хорошо, и во многом таких показателей удалось достичь благодаря фотографии, где Крис смотрит (в буквальном смысле) на заголовок своей opt-in формы. Позже мы остановимся на этом примере более подробно.

«Эксклюзив: Мультимиллиардное будущее онлайн-маркетига»

Этот сторонний проект бизнес-менеджера и предпринимателя Глена Оллсопа (Glen Allsop) — именно тот случай, когда улучшение внешнего вида лендинга приводит к падению результатов. Глен утверждает, что конверсия его лендинга колеблется в диапазоне 45-64% в зависимости от того, как он структурирован.

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

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

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

Компания очень часто проводит сплит-тесты и постоянно меняет офферы.

«Мы здесь, чтобы заставить вас выглядеть лучше»

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

«Все, что нужно, чтобы отправлять правильные email’ы»

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

10 уроков, которым нас учат эти целевые страницы

1. Внятный призыв к действию

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

2. Фотографии (зрительный контакт)

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

3. Мобильная респонсивная дифференциация

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

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

4. Хорошо спланированный брендинг

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

5. Выгоды (не просто особенности)

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

6. Качественные приманки

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

7. Ощущение времени

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

8. Дефицит

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

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

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

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

10. Знаки доверия

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

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

Как мне создать красивую landing page?

У вас есть три варианта развития событий:

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

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

2. Наймите профессионального дизайнера

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

3. Купите готовый шаблон

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

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

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

Что такое лендинг пейдж и почему это так важно

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

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

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

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

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

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

Примеры лендингов

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

12 шагов по созданию идеального лендинга

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

Каждый лендинг должен быть заточен только под одно целевое (конверсионное) действие — либо подписка, либо продажи. Не надо жадничать, ибо внимание пользователя будет рассеяно и сильно увеличится вероятность его ухода (так ничего и не выбрав из предложенных вариантов). Лучше как можно меньше заставлять клиентов думать и выбирать — путь на landing page должен быть прямым как стрела (очевидным для него) и без каких-либо ответвлений.
На посадочной странице обязательно должен присутствовать призыв к действию (с глаголами в повелительном наклонении — позвони, купи, получи, приди и т.п.). Фразы должны быть короткими и мотивирующими. Например, «купите сейчас», «получить видеокурс» или «подпишись и получи».
Рулят также яркие кнопки и стрелки , создающие на них акцент. Неплохо работают кнопки красных и желтых оттенков, ибо заметны и содержат как бы призыв к действию.
Ну а стрелки, как правило, призваны еще больше акцентировать внимание на кнопке, чтобы линия поведения пользователя на лендинге была как можно более прогнозируемой.
Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):
Если в лендинге используются (на подписных посадочных страницах без них не обойтись, но и на продажниках их довольно часто используют), то озаботьтесь тем, чтобы в них содержалось как можно меньше полей. В идеале, в форме должно быть только одно поле (для ввода Емайл адреса), но для дальнейшего общения (проведения маркетинга) вам понадобится знать и имя пользователя, поэтому два поля являются наиболее распространенным вариантом.Большее количество полей может существенно снизить конверсию. К тому же добавление полей для ввода телефона или адреса вызывает у пользователей настороженность и может привести к отказу от целевого действия.
В статье про я упоминал, что пользователи в интернете тексты не читают — они их просматривают. И самым важным в этом плане является заголовок. Если его нет (или он не выделен соответствующим образом), то это очень сильно снизит конверсию. На лендингах заголовки должны быть обязательно цепляющими , чтобы пользователь склонился к дальнейшему чтению или сразу к свершению конверсионного действию (подписке, заказу, звонку).
На вашей landing page должны быть не только призывы к действию и эффектные заголовки, но и аргументация необходимости подписки, покупки, заказа или звонка. В случае страницы подписки это может быть, например, небольшой видеоролик с описанием и содержанием «халявы», или все то же самое оформлено в виде краткого списка (перечня). В случае продажника это тоже может быть видеоролик с обзором товара, списком тех услуг, которые вы предлагаете (в том числе и ваши конкурентные преимущества).
Очень хорошо на посадочных страницах работают отзывы от уже состоявшихся клиентов, покупателей или подписчиков (лучше, если при этом будут указаны какие-то контакты тех, кто эти отзывы оставил, чтобы все выглядело правдоподобно).
Также неплохо работают на посадочных страницах сравнения «до и после» . Не для всех тематик это применимо, но в области похудения, косметологии, фитнеса и многих других ниш это можно с высокой эффективностью использовать. Например, так делает фирма, предоставляющая услуги ресторации.
Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
Для стимулирования подписчиков или покупателей некоторых товаров (например, ) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды.
Рядом с таймером неплохо будет расположить форму подписки, заказа или контактный телефон. Это будет работать не всегда, поэтому надо проводить тесты (думаю написать ряд статей про проведение А/Б-тестирования — если не хотите пропустить, то подписывайтесь на рассылку), и возможно, что такой простой и очевидный способ позволит вам увеличить конверсию данной лендинг пейдж и с лихвой окупить деньги, потраченные на продвижение в социальных сетях или контекстной рекламе.
Пользователи также хотят знать, кто именно им предлагает данный товар, услугу, видеокурс и т.п., поэтому необходимо в лендинге указывать информацию об авторе, магазине, фирме.
Естественно, что хорошо было бы при этом упомянуть достоинства, достижения, конкурентные преимущества, но не перехваливайте себя, дабы не перейти ту грань, за которой уже снижается доверие к опубликованной информации.

Примеры ошибок делающих landing нерабочим

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

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

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

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

У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page» :

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

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

Для чего нужны посадочные страницы?

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

Что это значит?

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

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

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

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

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

Как работают посадочные страницы?

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

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

Отправьте посадочную страницу в , которую получают ваши подписчики.

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

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

Создание посадочной страницы в конструкторе Wix

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

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

Посадочная страница, она же «landing page», целевая страница или страница приземления - веб-страница направленная на сбор контактных данных целевой аудитории, ее конвертацию в покупателей.

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

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

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

Зачем создавать лендинги

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

Конверсия зависит от нескольких факторов:

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

Как показывает статистика, правильная настройка страницы приземления увеличивает заказы в 5-10 раз.

Из чего состоит landing page

Актуальный, соответствующий ожиданиям пользователя, заголовок.
Основной посыл, блок с информацией (должен быть перед глазами).
Призыв к действию (Call to Action).
Наличие контактной информации.

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

Чтобы сделать качественный «работающий» лендинг, нужно выполнить 4 действия:

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

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

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

Как можно заметить, на странице нет ничего лишнего.

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

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

Основной посыл находится в самом верху перед глазами: «Загрузите демо-версию, чтобы получить бесплатный доступ на 14 дней». Люди очень любят все бесплатное, поэтому вероятность того, что человек скачает программу, увеличивается в разы.

Две кнопки «Попробовать бесплатно» так и просят: «Нажмите на нас».

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

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