Как это сделать?

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

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

In online marketing a landing page, sometimes known as a «lead capture page» or a «lander», is a single web page that appears in response to clicking on a search engine optimized search result or an online advertisement. The landing page will usually display directed sales copy that is a logical extension of the advertisement, search result or link.

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

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

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

Смотрим на landing page под разными углами

С точки зрения разработчика landing page — это простая web-страница. Конечно, можно на одну страницу добавить ряд интересных эффектов, но все же… Чем проще, тем лучше, да и пользователь не запутается.

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

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

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

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

С чего начать создание страницы? 

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

Составляющие страницы

Составляющие любой страницы это:

1) Релевантный (соответствующий) рекламному объявлению/ожиданию пользователя заголовок страницы

2) Основной посыл в первом экране

3) Наличие призыва к действию (так называемого CTA — Call to Action)

4) Наличие контактной информации (например, о мероприятии или о возможности заказа)

Чеклист хорошей страницы

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

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

Примеров хороших посадочных много. Особенно — на зарубежных ресурсах. Вот один из примеров — первый экран главной страницы сайта http://www.manpacks.com/ (тематика — мужское белье):

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

Или еще один пример первого экрана с сайта http://www.tubemogul.com/. Эти ребята занимаются видеобрендингом. На этом примере тоже нет равным счетом ничего лишнего:

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

А/Б тестирование

Прекрасным вариантом можно считать создание двух вариантов посадочной страницы и показ ее посетителям Вашего сайта. Обе страницы показываются на протяжении одного и того же времени однородной аудитории. После чего делается анализ эффективности каждой страницы, и соответственно, вывод в пользу той, которая работала лучше. Сделать это просто: нужны две страницы, сам сайт, вывод этих страниц на сайте и настроенные цели в Google Analytics или Яндекс.Метрике. И, конечно, некоторое время для сбора статистики. Увидите, результат не заставит долго ждать.

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

Конечно, посадочную всегда лучше сделать по-своему. Но сейчас предостаточно интернет-агентств, которые Вам помогут в данном вопросе. И, конечно, много готовых бесплатных и платных шаблонов — почти аналогия с шаблонами WordPress. Так что думайте сами, решайте сами…

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

http://unbounce.com/ — иностранный англоязычный ресурс для создания посадочных страниц. Имеется возможность попробовать 30-ти дневную trial-версию. Тарифы от 50  до 200 долларов / мес.

http://lpgenerator.ru/ — отечественный ресурс для создания посадочных страниц. Также существует бесплатная пробная версия, но с ограничениями. Тарифы — 500 рус. рублей.

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

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

Для тех, кто прочитал до конца — полезный бонус. Мы с ребятами разработали движок (CMS) для создания отдельных посадочных страниц. Подробности можно прочитать вот по этой ссылке.

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

1. О посадочных страницах и юзабилити
2. О поисковой оптимизации одностраничных сайтов
3. Руководство по поиску проблем на одностраничных сайтах
4. Наиболее распостранённые ошибки при создании посадочных страниц

Полезные ссылки:

Примеры посадочных страниц на http://blog.seopult.ru

Как сделать самую лучшую посадочную страницу: чеклист из 50 пунктов на http://habrahabr.ru

Landing page, которая работает на http://habrahabr.ru

7 принципов ориентированного на конверсию дизайна на http://unbounce.com/