Landing Page (посадочная страница) – специальный маркетинговый инструмент, главная задача которого подать такое коммерческое предложение целевому посетителю, от которого ему будет трудно отказаться. Предложение должно быть достаточно чётким, лаконичным, убедительным и побуждать к действию. Если это перевести на сленг, то нужно убойное предложение – оно выполняет только одну задачу, но выполняет её с максимальной эффективностью. Лендинг призывает посетителя к одному простому и понятному действию: подписаться на рассылку, купить, установить программу, привести друга и т.д.
С технической точки зрения Landing Page – это страница, которая состоит из таких же элементов, как и обычная веб-страница (HTML, CSS, текст, картинки, видео и т.д.).
С точки зрения бизнеса – это страница, которая подталкивает пользователя совершить требуемое действие (покупка или подписка).
С точки зрения пользователя – это страница, на которую он перешёл по ссылке с другого сайта (из поисковой системы, Twitter, кликнув на баннер).
Landing Page наиболее часто создают для того, чтобы:
- заставить пользователя зарегистрироваться или подписаться на рассылку;
- продать конкретный продукт в конкретной ситуации (распродажа или промо-акция);
- заставить пользователя скачать или установить программное обеспечение.
Преимущества Landing Page:
- Целевая страница создаётся с чёткой направленностью на конкретную целевую аудиторию.
- В отличие от продающего текста для одностраничника, текст для лендинга составляется так, чтобы добиться одной единственной цели.
- При правильной раскрутке и эффективной рекламе, конверсия лендинга может быть весьма высокой по сравнению с другими видами веб-ресурсов.
- На создание посадочной страницы и написание текста для лендинга уходит обычно довольно мало времени.
- В лучшем случае Ваш маркетинговый инструмент повысит продажи, в худшем –поможет собрать подписную базу потенциальных клиентов, которых потом можно убедить при помощи e-mail рассылки, коммерческого предложения, акций и т.д. В любом случае, труд по созданию Landing Page будет ненапрасным.
- Благодаря простой и продуманной навигации, внимание посетителя сосредотачивается на Вашем спецпредложении, т.е. человека ничто не отвлекает от изучения предложения и принятия решения.
- Целевая страница загружается очень быстро, поэтому посетители не покидают сайт даже не ознакомившись с предложением.
- Лендинг может выступать в роли отдельного мини-сайта или быть частью другого веб-ресурса, причём, на одном домене.
- Нет необходимости проделывать сложную оптимизацию сайта.
- Установив дополнительный плагин, Вы сможете собрать всю информацию о статистике, проводить тестирование и т.д. Также можно задействовать сторонний сервис для веб-мастеров.
- Многие думают, что создание лендинга – удовольствие не из дешёвых. Во-первых, вы можете купить готовый HTML-шаблон за 10-15 у.е. и найти специалиста, который всё «прикрутит». Во-вторых, можно установить один из премиум-плагинов и создать целевую страницу самому.
- Вам придется заплатить за услуги профессионального рекламного копирайтера один раз, а получать прибыль – постоянно. Естественно, для того, чтобы целевая страница работала, окупила вложения и начала приносить доход, текст для лендинга стоит поручить опытному автору.
Правила создания эффективного Landing Page
делать – это же скучно, где креативный подход? Ответ на этот вопрос прост: эта схема проверена временем и опытом, она успешно работает.
Поэтому рассмотрим правила создания эффективного лендинга.
Что должно быть на этой странице лендинга:
- Логотип, если речь идёт об узнаваемом бренде.
- Эффективный заголовок – должен быть максимально эффективным: привлекать внимание, вызывать интерес, в некоторых случаях интриговать посетителя, так чтобы его восприятие обострилось. Заголовок должен быть понятным и отвечать на вопрос: что можно здесь получить за пару кликов?
- Торговое предложение, должно быть развернуто настолько, чтобы с одной стороны посетитель понял, что от него требуется, а с другой стороны излишние подробности не должны его утомлять. Не следует злоупотреблять навязчивыми повторами предложения, вместо этого нужно раскрывать суть предложения по ходу страницы, периодически повторяя призыв к действию в виде активной кнопки. Рекламное предложение должно отвечать на вопрос: какую проблему оно помогает решить?
- Призыв к действию (CallToAction) – главный козырь Landing Page, именно от него зависит львиная доля успеха посадочной страницы. Наиболее эффективно, если оформляется в виде кнопки с простым и понятным CallToAction: «Купить», «Заказать», «Подписатья». А вот надписей вида «Отправить», «OK», «Готово» лучше избегать, так как вовсе неочевидно, что получится после клика на кнопку. Кнопка должна выделяться ярким цветом, как бы призывая к действию: обычно используют красный, оранжевый или другой цвет, соответствующий общему дизайну страницы.
- Преимущества – чем уникально именно это предложение и почему этого нельзя найти в другом месте?
- Ответы на часто возникающие вопросы, более подробная информация. Всё это должно развеять предполагаемые сомнения — что получит клиент в конечном итоге?
- Положительные отзывы – в идеале должны быть написаны Вашими реальными клиентами. Не стоит недооценивать способности пользователей, многие смогут отличить очевидно накрученный отзыв от естественного. По крайней мере, не во всех отзывах должен зашкаливать уровень эйфории от продукта, который открыл довольному клиенту новый смысл жизни.
- Ссылка на авторитетные источники: кто уже пользуется этим продуктом (логотипы фирм клиентов, видеролики с узнаваемыми людьми и т.п.).
- Гарантии безопасности платежа, анонимности, условия возврата товара и денег и т.д. Во многих случаях можно предложить пробную версию продукта, тестовый период и т.п.
- Футер – некоторое дублирование шапки, официальные реквизиты, ссылки на профили и группы в социальных сетях (в том числе количество лайков, твитов) сертификаты, награды.
Принципы составления Landing Page
Давайте обсудим компоненты или факторы, присущие хорошей Landing Page.
CallToAction (призыв к действию)
CallToAction просит и даже заставляет пользователя совершить конкретное действие. Пример CallToAction – «Подпишитесь на нашу рассылку». Часто CallToAction предлагает пользователю кликнуть на какой-то элемент страницы (ссылку или кнопку) или заполнить форму.
Советы:
- Выражайтесь чётко. Конкретно говорите пользователю, что именно он должен сделать и что будет потом.
- Не злоупотребляйте призывами к действию. Если на сайте их немного, то можно сфокусироваться на том, чтобы пользователь предпринял желаемое действие как можно скорее.
- Используйте кнопки. Кнопки – это традиционный элемент и любой пользователь знает, что по нему можно кликнуть. Хороший дизайн кнопки ещё раз обращает внимание на призыв к действию.
- Дополнительная информацию должна быть наготове. Именно она должна убедить пользователя предпринять необходимое действие.
Заголовок Landing Page
У хорошей Landing Page должен быть эффективный заголовок. Именно он даёт пользователю понять, чего ожидать от этой странички и что он попал в нужно место.
Следует иметь ввиду, что у заголовка всего одна цель – заставить пользователя оставаться на странице как можно дольше.
Когда делаете заголовок, спросите себя: «Достаточно ли это интересный заголовок и действительно ли заставляет пользователя продолжать читать дальше?».
Советы:
- Пишите простые и короткие заголовки. Не тратьте время пользователя, объясните ему главную идею того, что он может получить на этом сайте как можно скорее.
- Дизайн должен привлекать внимание пользователя. Используйте большой шрифт и располагайте заголовок на заметном месте – вверху страницы, там, где ему положено быть.
- Используйте релевантные слова. Используйте слова и фразы, благодаря которым пользователи придут к Вам из поисковиков – используйте теги <h1> и <h2> для заголовков.
Простота Landing Page
Landing Page должна быть максимально простой. Пользователь может запутаться и уйти, если страничка слишком перегружена: чем сложнее Landing Page, тем меньше шансов, что пользователь совершит нужные действия. Всё должно быть предельно ясно, и должны быть использованы только необходимые элементы.
Советы:
- Каждый элемент страницы должен подталкивать пользователя совершить действие. Используйте принципы редукционизма, чтоб убрать лишние элементы и текст.
- У Landing Page должен быть один главный CallToAction. Цель странички должна быть предельно ясна и заключается в том, что пользователю необходимо выполнить одно единственное действие. Наличие других действий призвано способствовать выполнению главного.
- На Landing Page должно быть много свободного пространства. Слишком перегруженная страница может отпугнуть пользователя.
Траектория взгляда на Landing Page
Чтобы быть уверенным, что посетитель увидел все элементы Landing Page, которые помогут ему принять решение для совершения CallToAction, траектория взгляда должна быть хорошо продуманной.
Надлежащая траектория ускоряет восприятие информации и гарантирует, что посетитель сайта в конечном счете понял призыв к действию.
Советы:
- Расположите элементы Landing Page в логической визуальной последовательности. Определите порядок, в котором нужно просматривать элементы и придерживайтесь его.
- Используйте графические элементы. Стрелки, иконки и яркие картинки могут помочь направить взгляд пользователя на нужную область страницы.
- Используйте контрастные цвета для определенных компонентов веб-страницы. Яркие элементы выделяются, привлекая к себе внимание.
Релевантность Landing Page
Пользователи попадают на Вашу Landing Page из разных источников, поэтому Landing Page должна соответствовать каждому из них. Например, если на рекламном баннере написано, что перейдя по нему Вы сможете купить iPad в 2 раза дешевле, то на Landing Page должен быть именно iPad со скидкой.
Советы:
- Создавайте отдельные Landing Page для каждой маркетинговой кампании. Если Вы делаете рекламную компанию в Facebook, то это должно быть отражено на Landing Page.
- Landing Page должна меняться в зависимости от источника – добавляйте контент, промо-коды и призывы к действию.
Не подвергайте пользователя риску
Очевидно, что никто не любит рисковать. Отнеситесь ответственно к вопросам безопасности, конфиденциальности и мошенничества.
- Предлагайте убедительную гарантию. Например, если Вы предлагаете купить товар, то нужно предусмотреть возможность возврата их денег, если они не удовлетворены приобретённым.
- Постарайтесь предвидеть, в чём будет сомневаться пользователь и убедите его в обратном. Расскажите подробнее, что пользователь получит, совершив такое действие. Чаще всего беспокойство связано с расходами, временем или безопасностью.
- Если возможно, то предлагайте попробовать услугу или товар бесплатно. Например, если Вы продаёте платную услугу и имеется несколько тарифов, то предусмотрите наличие бесплатного тарифа, где не нужно будет указывать данные кредитной карты.
Дефицит на Landing Page
Ещё один способ заставить Landing Page работать – создать ощущение дефицита. Если посетитель страницы почувствует, что этот продукт может скоро пропасть из продажи или цена на него возрастёт, то это может сработать, и он совершит действие сразу.
Советы:
- Помещайте на странице текст, который передаёт ощущение срочности. Например, чётко заявив, что специальные скидки скоро закончатся, можно призвать пользователей купить товар прямо сейчас.
- Динамически обновляйте информацию, сообщающую о дефиците. Например, можно показать на странице счётчик количества оставшихся товаров.
Элементы доверия на Landing Page
Есть много способов, чтобы убедить пользователей в том, что пользование сайтом надёжно и безопасно.
Один из способов заключается в использовании социальных сервисов в качестве доказательств. Это может быть лента твитов о продукте, отзывы предыдущих покупателей, а также положительные отзывы о Вас на других сайтах, например блогах.
Также имеет смысл отобразить полученные награды или сертификаты.
Советы:
- Размещайте социальные данные из авторитетных и известных веб-сервисов. Хорошим примером является количество лайков в Facebook.
- Используйте элементы доверия связанные с призывом к действию и размещайте их рядом.
- Будьте честными. Не стоит публиковать поддельные статусы или отзывы с других сайтов.
Структура Landing Page
Лендинг состоит из секций, или блоков. Каждый блок отвечает за выполнение определённой функции и наполняется соответствующим содержимым.
Каждая секция лендинга должна отвечать на один из следующих вопросов: какая проблема клиента будет решена, как она будет решаться и почему клиент должен обратиться именно к нам. То есть, каждый блок должен закрывать те или иные сомнения посетителя так, чтобы превратить его в клиента.
Какие конкретно секции нужно добавить на лендинг? Существует ряд стандартных блоков.
1. Первый экран Landing Page
Так называют блок, который видит посетитель при открытии лендинга. Он является обязательным и самым важным. По статистике значительная часть посетителей не пролистывает лендинг дальше первого экрана. Если Вы не сможете заинтересовать потенциального клиента в первые несколько секунд, он, скорее всего, закроет Ваш сайт и перейдёт к другому предложению.
Первый экран состоит из заголовка, который раскрывает Ваше уникальное торговое предложение, фонового изображения и кнопки целевого действия или формы.
Также на первом экране обычно располагается логотип, название компании и телефон. Для длинных лендингов возможно использование навигационного меню, которое содержит ссылки на секции: «Почему мы?», «Отзывы» и т.д. Обратите внимание, что при нажатии на пункты меню посетитель не переходит на другой лендинг, в этом случае страница просто пролистывается до нужной секции.
Фоновая картинка должна соответстовать тематике лендинга и демонстрировать решение проблемы клиента. Если он ищет какой-либо товар, покажите именно этот товар или довольных людей, которые им пользуются. Если клиент ищет услугу, то он должен увидеть результат этой услуги, например, чистую комнату (клининговые услуги), красивый дом (строительные услуги) или счастливых людей на пляже (туристические компании). Фотографии должны быть хорошего качества. Не используйте изображения, не относящиеся к Вашей нише.
Форма предназначена для того, чтобы посетитель мог оставить заявку. Она состоит из нескольких полей и кнопки отправки заявки. Обычно форма содержит три поля: имя, телефон и e-mail. Телефон используется для звонков, электронная почта – для отправки коммерческих предложений.
Существует общее правило: чем меньше полей в форме, тем выше конверсия. Поэтому если какое-то поле является необязательным, его лучше убрать.
Иногда вместо формы используют просто кнопку, при нажатии на которую появляется всплывающая форма, либо лендинг пролистывается до формы, которая расположена ниже.
2. Секция «Услуги»
В этой секции более подробно описываются оказываемые услуги. Если Ваше основное предложение, например, «ремонт компьютеров», то в этой секции можно написать, какие конкретно услуги Вы оказываете: удаление вирусов, настройка Wi-Fi, замена комплектующих и т.д.
Подробное описание услуг поможет обратить внимание посетителя именно на то, что он искал. Таким образом эта секция закроет возражения, которые не до конца были проработаны основным заголовком на первом экране.
3. Секция «Преимущества»
В блоке преимуществ Вы должны описать основные достоинства своего предложения. Эту секцию также часто называют «Почему мы?». Она используется практически во всех лендингах.
При выборе преимуществ нужно руководствоваться списком сомнений клиентов. Каждое преимущество должно закрывать как минимум одно возражение. Обычно их количество варьируется от 3 до 7. В данной секции очень часто демонстрируются «цифры», то есть численные показатели и успехи. Например, «257 постоянных клиентов», «3 часа на выполнение работ», «2 года гарантии» и т.д. Разумеется, цифры должны быть реальными.
4. Секция «Порядок выполнения работ»
Этот блок рассказывает клиенту, из каких этапов состоит оказание услуг.
Содержимое секции может закрывать сомнения вроде «свяжется ли со мной менеджер для уточнения деталей?», «будет ли выезд для осуществления замера?» и т.д.
Важно, чтобы последним этапом было получение готового результата. Убедите посетителя в том, что он получит решение своей проблемы.
5. Секция «Отзывы»
Отзывы Ваших довольных клиентов играют большую роль в убеждении посетителя оставить заявку. Проблема в том, что в них уже почти никто не верит. Вы, наверняка, и сами сталкивались с этими отднотипными текстами и фотографиями моделей. Поэтому Ваши отзывы должны быть реальными, содержать фотографии реальных людей и, желательно, их контакты. Сильным ходом будет размещение официальных благодарственных писем.
Наличие отзывов само по себе закрывает ряд сомнений. Но отдельное внимание стоит обратить на их содержание. Перед тем как взять отзыв, необходимо подготовить анкету с вопросами, которые Вы будете задавать. Эти вопросы должны содержать в себе возражения потенциальных клиентов, а ответы на них — закрытие возражений.
6. Награды, сертификаты, лицензии, дипломы
Какие-либо комментарии не требуются. Подобный блок используется для повышения доверия посетителей и работы с возражениями вроде «Достаточна ли у них квалификация?», «Есть ли лицензия на деятельность?» и др.
7. Секция «Примеры работ»
Этот блок похож на блок с отзывами. Отличием может быть демонстарция конкретных показателей успешных проектов. Например, если Вы оказываете юридическую помощь автовладельцам, то можете указать суммы, которые удалось отсудить, и длительность процессов.
Иногда эту секцию совмещают с секцией отзывов.
8. Секция «О компании»
В этом блоке указывается информация о Вас или Вашей компании. Хорошим ходом будет размещение реальных фотографий офиса и сотрудников.
9. Секция «Цены»
Указывать ли цены сразу на лендинге или озвучивать их уже в ходе телефонного разговора или в коммерческом предложении? Однозначного ответа нет. Нужно пробовать различные варианты и делать выводы об эффективности.
10. Секция «Акция»
Если у Вас есть какое-либо спец. предложение, то стоит упомянуть об этом. Обычно акции ограничены по времени, для этого на лендинге присутствует таймер. Иногда этот блок совмещают с другими, например, с первым экраном. Акция не закрывает никаких возражений, а лишь создает дополнительную мотивацию для покупки.
11. Секция «Партнеры»
Если Вашими услугами пользуются известные бренды, или Вы состоите в партнерских отношениях с крупными компаниями, то укажите эту информацию на лендинге. Как и отзывы, наличие крупных известных клиентов или партнеров повышает доверие к Вам или Вашей компании.
12. Секция «Карта»
Располагается ближе к концу лендинга. Если у Вас есть офис, укажите его положение на карте и расскажите об этом клиентам. Так Вы убиваете сразу двух зайцев: снимаете вопрос «Есть ли у Вас офис?» и избавляете посетителей от самостоятельных поисков. Часто карта совмещается с контактами.
13. Последний экран, или Футер, или Подвал
Располагается в самом конце лендинга. Обычно состоит из формы (или кнопки) и, возможно, какого-либо текста. Футер присутствует почти на всех лендингах.
Если ни одна из перечисленных секций не закрывает какие-либо проблемы или потребности клиентов, то Вы можете добавить свою секцию с необходимым содержимым. Также секции можно комбинировать исходя из соображений дизайна и удобства пользователя.
Какие секции выбрать?
На этот вопрос нет однозначного ответа. Каждая секция выполняет свою функцию и служит для работы с теми или иными возражениями.
При выборе блоков нужно руководствоваться портретом клиента. Если секция закрывает хотя бы одно возражение Вашего потенциального клиента, то ее стоит добавить.
В каком порядке расположить секции?
Чем более важные и популярные возражения закрывает секция, тем Выше её нужно разместить. Обычно это проверяется опытным путём, то есть тестированием.
Сервисы для создания Landing Page
Если Вы создали цепляющие заголовки, подготовили продающие тексты, подобрали качественные картинки, нашли видеопрезентации и т.д., то следующий шаг – это воспользоваться наиболее подходящим инструментом для создания лендинга.
В Интернете большое множество сервисов создания посадочных страниц, каждый из которых имеет свои особенности: набор готовых шаблонов, виджетов, кнопок, поддерживаемых языков и шрифтов и т.д. Различны также условия предоставления сервисов: будь то ограничения в возможностях или в длительности пробного периода. Во всяком случае, если Вы желаете серьезно заняться созданием своего лендинга, то сначала придется перебрать несколько сервисов, чтобы сравнить их возможности.
Русскоязычный сервис leadkit.ru – предоставляет сервера в облаке, адаптивную вёрстку, визуальный редактор, систему аналитики и готовый скрипт обратного отсчета и т.д.
platformalp.ru – предоставляет бесплатный пробный период 14 дней. Не требуется знание даже HTML – лендинги создаются достаточно быстро, собираются из готовых шаблонов считанными кликами мыши. Вам останется добавить только текст и картинки товаров.
Сервис lpgenerator.ru предоставляет возможность бесплатного тестирования, при создании лендинга создается адаптивный дизайн, поддерживающий и мобильную версию. Всё что требуется – настроить подходящий дизайн, добавить свои картинки, текст, видео и призыв к действию.
Сервис weebly.com будет полезен независимо от того, разбираетесь ли Вы в HTML – если нет, то настройте дизайн в визуальном режиме, а если Вы опытный вебмастер, то для вас становится доступным большее число возможностей для тонкой настройки лендинга.
Англоязычный сервис mobify.com – помогает в эффективной генерации заявок, позволяет использовать готовые шаблоны, оптимизированные для планшетов и смартфонов.
mobileconvrrt.com – крупнейший сервис, который не только позволяет создавать лендинг, но и многостраничные сайты для мобильных телефонов. Этот сервис хорош тем, что у него есть подробный wiki раздел.
chopochom.com — сервис, позволяющий создать себе лендинг за 15 минут. Среди преимуществ:
- простота — нужно просто заполнить форму из пяти шагов;
- скорость — на создание лендинга уходит от 5-15 минут;
- бесплатно — лендинг Ваш навсегда и бесплатно, если хотите размещать на нём не более трёх товаров или услуг. Если нужно больше товаров, есть возможность создать для них новые лендинги. Или перейти на платный тариф, который предполагает больше товаров или услуг;
- доступность — пользователю не нужно обладать специальными знаниями. Не нужно даже знать основ html-разметки. Система сгенериует лендинг самостоятельно, а маркетологи сервиса подскажут, какие коррективы можно внести в контент.
Есть возможность заказать профессиональный лендинг. Оставляете заявку или создаёте проект и оплачиваете его. Маркетологи сервиса в течение часа соберут Вам качественный продающий лендинг. Стоит это всего 7000 руб. в год.
Есть возможность подключить свой домен, но лендинг будет размещён на серверах сервиса.
Следует отметить очень важный момент. После создания лендинга или, лучше в процессе его разработки, обязательно проверяйте, как выглядит посадочная страница на мобильных устройствах специальными сервисами. Такая проверка позволит избежать грубых ошибок и, возможно, поможет избежать провала лендинга.
Лучший сервис для такой проверки это PageSpeedInsights.
Когда Landing Page не работает
- Большой ассортимент товаров или услуг, который разумно представлять на многостраничном сайте. Во-первых, такой лендинг будет длинным, во-вторых — сложным. С таких ресурсов уходят сразу, даже не пытаясь разобраться.
- B2B-рынок и сложный продукт. Одностраничник для B2B, в свою очередь, очень отличается от лендинга для B2C, об этом тоже стоит помнить. Лендинг для этой сферы работает, но перед ним стоят совсем другие задачи.
- Если Вы продаете авиационные двигатели или установки для нефтяных скважин, кнопка «Купить сейчас!» на таком лендинге будет выглядеть глупо. Здесь нужен заказ консультации или обратного звонка. Работа с убеждением и донесением преимуществ будет проводиться вне лендинга.
- Если Вы растите свою репутацию и повышаете лояльность клиентов, лендинг также не подойдёт. В идеале посетитель должен совершить целевое действие. То есть, одностраничник не должен информировать без цели. Вы должны получить от посетителя контакт, заявку или деньги. Для всего остального – сайт-визитка.
- Ваш товар имеет высокую цену и в принятии решения эмоции стоят не на первом месте. Здесь заставить купить одной страницей и парой блоков информации будет крайне сложно.
- Если Вы возьмёте хороший пример Landing Page и полностью скопируете его, результат может оказаться нулевым. Просто потому, что каждый бизнес должен иметь уникальное торговое предложение (УТП), на котором и строится одностраничник.
- Мало иметь хороший дизайн лендинга и кое-где вставить слоганы и призывы к действию. Ваша линия убеждения должна быть чётко структурирована.
- Введут в замешательство 18 экранов лендинга, если Вы продаёте шариковую ручку или 2 экрана при продаже той же нефтяной установки. Начинайте с главного и следуйте к второстепенной информации.
Лендинг не работает совсем, когда перед ним ставятся нехарактерные задачи или он реализован без учёта правил и рекомендаций по его созданию.