НТВ плюс 

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

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

Посадочные страницы: определение, критерии эффективности

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

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

Посадочная страница компании Content Rules

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

Что компания Content Rules сделала правильно:

  • Дизайн

Лэндинг выглядит приятно и просто. Заголовок привлекает внимание посетителя к конверсионному действию (Загрузите книгу бесплатно прямо сейчас - это приблизительный перевод хедлайна).

  • Фотография

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

  • Сила бренда

Логотип Content Rules повышает уверенность посетителя в качестве продукта.

Что можно усовершенствовать:

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

Что можно усовершенствовать:

  • Контент

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

  • Дизайн

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

Лэндинг Windows Intune

Корпорация Microsoft использует посадочную страницу для распространения 30-дневной пробной версии облачного сервиса Windows Intune.

Что компания Microsoft сделала правильно:

  • Отзыв


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

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


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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


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

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

1. Позитивные тексты

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


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

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

2. Вызываем доверие с самого начала

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


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

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

3. Уникальное продающее предложение

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


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

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

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

4. Добавляем интерактивные элементы

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

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


Даже простое обещание интерактива уже делает ваше предложение более привлекательным.

5. Пусть говорят картинки

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


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

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

6. Исключаем препятствия на пути к конверсии

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

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


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


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

7. Краткое и точное введение в курс дела

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


Текст краткий, четкий, и отлично информирует о предложении AskNative еще до того, как пользователь сможет авторизоваться при помощи Facebook (то, о чем говорилось в шестом пункте ).

Чем быстрее вы объясните посетителю суть, тем больше вероятность, что он кликнет по CTA-элементу .

8. Помогаем посетителю представить возможности

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


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

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

9. Используем видео

Взгляните на пример посадочной страницы от производителя курятников ChickenSaloon.com , а также на объявление, которое переносит пользователей на страницу. Здесь представлено коротенькое видео из телевизионного реалити-шоу, в котором рассказывается об одном из продуктов компании – курятнике под названием Tavern :



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

10. Помогаем делать выбор

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


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

11. Делаем четкое утверждение

Иногда того, что вы делаете, уже достаточно для привлечения внимания и мотивации посетителей. Примером такого случая служит страница Last Days of Ivory :


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

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

12. Знайте свой бренд и принимайте «риски»


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

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

13. Задаем вопросы

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


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

14. Стараемся вызвать эмоции у потенциальных клиентов

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

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


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

15. Прямое обращение к посетителям

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

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


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

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

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

Первая, и, пожалуй, наиболее важная, задача - найти четкое УТП (уникальное торговое предложение) товара или услуги, а затем использовать дизайн посадочной страницы, чтобы сосредоточить все на одном основном призыву к действию (С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 - это просто, мощно и бесплатно».

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

06.11.2015 в 15:20

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

Для чего нужен landing page?

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

За счет чего лендинг так успешно работает? В первую очередь, это расстановка акцентов и отсеивание ненужной информации. Все структурные элементы посадочной страницы призваны дать ответы на самые популярные вопросы человека, собирающегося приобрести тот или иной товар или услугу, и закрыть так называемые возражения целевой аудитории. Например, человек хочет построить дом для летнего проживания. Введя в поисковике «построить летний домик» он находит ссылку, перейдя по которой попадает на посадочную страницу, которая сразу, посредством заголовка, сообщает ему, что такая-то строительная компания готова ему построить дом в краткие сроки, да еще и по доступной цене в связи со специальной акцией. Здесь же человеку предлагается оставить свои контактные данные в обмен на бесплатную консультацию специалиста с десятилетним стажем, что к покупке его совершенно не обязывает. Если человеку информации на первом экране недостаточно, то он листает страницу вниз (заметьте, не перескакивает с раздела на раздел, где немудрено заблудиться, а именно пролистывает), где видит, что дома не только дешевые, но еще и прочные, благодаря современным технологиям не дают усадки и служат до 80 лет. Это то, что его интересовало в первую очередь. В дополнение – несколько реальных отзывов, а также фотографии десятка самых популярных проектов с разными видами отделки. И еще одна форма заявки, призывающая оставить свой телефон прямо сейчас. Всё. Человек нашел то, что искал, при этом его не загрузили ненужными сведениями о сечении балок перекрытия, стране происхождения кровельных материалов и еще тоннами «мусорной» информации.

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

Впрочем, и один элемент способен оказать ощутимое влияние. Приведу простой и классический пример : акция и ограничение предложения. Один из наших клиентов занимается продажей Apple iPhone . Товар достаточно стандартизированный, поэтому нет необъятного поля для экспериментов с выгодами. Чем можно заманить покупателя – это, в первую очередь, цена, а такие факторы, как гарантийные условия, доставка и подарок при покупке, играют второстепенную роль. Опустим стандартный и избитый, но по-прежнему работающий приём, когда старая, более высокая, цена зачеркивается, а действующая преподносится, как акционное предложение. Но этот вариант можно усилить: например, сделать ограничение по времени не всем надоевшим счётчиком, а заданной датой завершения продажи. При этом, чтобы не менять дату вручную, следует настроить автоматический вывод даты относительно сегодняшней, но следует учесть, что малый срок действия акции подходит только для импульсивных покупок, для товаров и услуг с большим циклом сделки лучше использовать другой приём. Кроме того, всего лишь одна надпись шрифтом, отличным от основного шрифта лендинга (для повышения доверия и создания ощущения, что информацию о наличии оперативно добавляет на сайт сам продавец), гораздо сильнее мотивирует совершить покупку. Это и есть тот самый триггер , который добавил нашему клиенту порядка полутора-двух десятков заявок в неделю. Повторюсь, пример самый простой, более внимательное рассмотрение триггеров, мотивирующих совершить покупку, это тема отдельного большого разговора.

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

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

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

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

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

2. Два поля в форме заявке; предлагается узнать стоимость продвижения.

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

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

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

Что такое посадочная страница на сайте?

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

Здесь необходимо сделать пояснение. Поскольку лендинг представляет собой сайт, состоящий только из одной страницы, то вывести в ТОП естественной выдачи поисковых систем его можно по весьма ограниченному количеству запросов (как правило, 5-15 запросов – это максимум для одностраничного лендинга в не самой конкурентной тематике). Понятно, что трафик в таком случае SEO будет давать очень скромный. А если уж говорить о конкурентной тематике и регионе, то у лендинга и вовсе не остаётся никаких шансов перед многостраничными сайтами. Траст не тот, страница в индексе одна, контента мало. Следовательно, для SEO-продвижения наилучшим, а зачастую и единственным возможным вариантом является разработка многостраничного сайта . В то же время, очевидное преимущество посадочной страницы – это возможность привести «быстрых» клиентов, и контекстная реклама в большинстве случаев является лучшим средством достижения поставленной цели. Если вы в ладах с арифметикой, то уже сложили один и один, и поняли, что для максимального охвата целевой аудитории стоит наступать со всех фронтов. А именно: многостраничный сайт использовать для СЕО, лендинг – для рекламы. И как частный, но, в последнее время, довольно распространенный случай такой схемы – многостраничник в виде нескольких связанных между собой лендингов. Во-первых, у вас есть возможность продвигать его в поиске, во-вторых, посетители попадают на нужные страницы, где мы их мотивируем совершить определенное действие, в-третьих, если ваши лендинги способны достаточно заинтересовать посетителя, чтобы он сразу с них не ушел, и поисковая система не зафиксировала отказ, то это также окажет влияние на успех в выдаче. Рекомендую присмотреться.

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