Посадочная страница, она же «landing page», целевая страница или страница приземления - веб-страница направленная на сбор контактных данных целевой аудитории, ее конвертацию в покупателей.
Другими словами, посадочная страница - это документ, сверстанный таким образом, чтобы собрать максимальный трафик. На ней находится именно та информация, которую ожидает увидеть посетитель.
Это веб-страница, содержащая текст, иллюстрации, аудио или видео контент, мотивирующая пользователя купить товар или воспользоваться услугой «здесь и сейчас».
Хотя landing page классифицируют, как сайт-одностраничник, это не обязательно. Например, у интернет-магазина посадочных страниц может быть энное количество (главная, карточка товара, контакты, о нас и т. д.). Каждому документу отведена своя роль: один может выступать связующим звеном между страницей с формой заказа, второй - конечный, содержит форму заказа.
Зачем создавать лендинги
Их основное предназначение - побуждение к действию. Этот документ преследует только одну цель - мотивировать пользователя купить, скачать, перейти по ссылке, посмотреть, воспользоваться услугой.
Конверсия зависит от нескольких факторов:
- Качество трафика. Кто и откуда приходит, что хочет увидеть.
- Интерфейс. Дизайн страницы должен быть продуман до мелочей. Все кнопки, блоки, ссылки должны быть «на своем месте», чтобы пользователь зашел, увидел и сделал.
Как показывает статистика, правильная настройка страницы приземления увеличивает заказы в 5-10 раз.
Из чего состоит landing page
- Актуальный, соответствующий ожиданиям пользователя, заголовок.
- Основной посыл, блок с информацией (должен быть перед глазами).
- Призыв к действию (Call to Action).
- Наличие контактной информации.
Как сделать посадочную страницу самому
Чтобы сделать качественный «работающий» лендинг, нужно выполнить 4 действия:
- Определиться с целями . Необходимо четко определить, что ожидается от пользователя (скачивание, покупка, прочтение и т. п.).
- Написать текст . Кратко и ясно выразите мысли, перечислите преимущества предложения. «Не перегните палку» - слишком слащавые тексты могут насторожить «клиента».
- Сделать привлекательный дизайн . Спроектируйте документ таким образом, чтобы он баловал глаз. Если на посадочной странице реализуется какой-то товар, нужно показать его потенциальным клиентам (используйте видео и качественные изображения).
- Создать призыв к действию . Отлично себя зарекомендовали заметные динамичные кнопки «Купить», «Подписаться», «Заказать». Они должны находиться в месте, куда падает взгляд, при этом другие элементы страницы не должны отвлекать внимание.
Примеры посадочных страниц
В создании лендингов особенно преуспели зарубежные верстальщики. Отличный пример первого экрана можно посмотреть, перейдя по ссылке .
Как можно заметить, на странице нет ничего лишнего.
Вот еще один пример, но уже от наших, отечественных разработчиков.
Обратите внимание на заголовок: «Эффективное управление салоном красоты». Ключевое слово «эффективное». В нем заложена вся суть, так как эффективность подразумевает быстрое решение всех проблем, связанных с управлением бизнеса.
Основной посыл находится в самом верху перед глазами: «Загрузите демо-версию, чтобы получить бесплатный доступ на 14 дней». Люди очень любят все бесплатное, поэтому вероятность того, что человек скачает программу, увеличивается в разы.
Две кнопки «Попробовать бесплатно» так и просят: «Нажмите на нас».
Ниже приведены возможности софта, что позволяет потенциальному клиенту без лишних «движений» ознакомиться с информацией.
Предоставленные цифры вызывают доверие и еще больше подогревают интерес. Фраза «Закажите бесплатную демонстрацию» не что иное, как призыв к действию. Соответствующая кнопка значительно увеличивает вероятность заказа.
Блок слайдер с кнопкой «Подробнее», перенаправляющий пользователя на еще одну посадочную страницу с подробной информацией об особенностях программы.
Есть много правил и принципов великолепного дизайна, но когда дело доходит до лендинг пейдж - это почти точная наука. Речь идет о дизайне, ориентированном на конверсию или его использование для того, чтобы склонить пользователя к определенному действию.
Первая, и, пожалуй, наиболее важная, задача - найти четкое УТП (уникальное торговое предложение) товара или услуги, а затем использовать дизайн посадочной страницы, чтобы сосредоточить все на одном основном призыву к действию (С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 - это просто, мощно и бесплатно».
Под заголовком и изображением главного продукта, в четырех коротких абзацах описываются преимущества продукт, а помимо этого нет ничего другого, чтобы отвлечь пользователя от ссылки скачивания, расположенной на видном месте.
Посадочные страницы – это страницы сайта, предназначенные для целевых посетителей, перешедших по ссылке. Как правило, это пользователи, попавшие на сайт:
- с поисковых систем;
- с (тизеров);
- по ссылкам (рекомендациям) с других сайтов;
- по контекстным объявлениям.
Простейший и наиболее распространенный пример посадочной страницы – это карточка товара в интернет-магазине.
Образно, посадочную страницу можно сравнить с конкретным кабинетом в поликлинике, куда пациент попадает по направлению, не обращаясь в регистратуру (главную страницу сайта).
Термин "посадочная страница" произошел от английского landing page (буквально, "страница приземления"). Встречаются также названия "целевая страница", "лэндинг (пэйдж)", LP.
Посадочные страницы – основа коммерческого сайта
Посетитель коммерческого сайта – это потенциальный клиент, а лучше - покупатель, на привлечение которого затрачено немало времени и финансов. Поэтому "правильные" посадочные страницы должны максимально располагать посетителя к покупке. Особенно актуально создание качественных целевых страниц при использовании . Ведь такой посетитель стоит денег, а несоответствующая его ожиданиям страница - убыток. 
Также "пришедший по объявлению", почти знает, чего хочет и готов что-то купить – поэтому не стоит держать его в прихожей или рассказывать об истории компании. Единственная информация, которую необходимо предоставить - это описание товара, сравнение, порядок оплаты и доставки.
Посетитель сайта не должен заподозрить, что ему навязывают приобрести предлагаемый товар. Поэтому потенциальному клиенту обычно предоставляется "свобода выбора". Перед оформлением покупки он может подробнее ознакомиться с выдающимися характеристиками товара (тут можно разместить и незначительные минусы, для репрезентативности) или отзывами благодарных клиентов. Главное, чтобы посетитель мог совершить все свои действия "не отходя от кассы", т.е. не покидая посадочной страницы.
Главное – удержать покупателя
Чтобы не спугнуть клиента, оформление и содержание посадочной страницы должно соответствовать специфике того ресурса, откуда он пришел.
Особенности разработки посадочных страниц
На каждый товар – своя целевая страница
При использовании контекстной рекламы и продвижении в поисковых системах каждая посадочная страница оформляется и оптимизируется под конкретный товар (услугу). Посетители сайта и поисковики очень не любят ковыряться в длинных прайсах, пытаясь самостоятельно найти нужный товар. Если же клиент и заинтересуется широким ассортиментом, то, скорее всего, зависнет в состоянии "Буриданова осла", не решаясь сделать окончательный выбор. Не лучшим образом отреагируют на частое повторение марки или наименования товара и поисковые системы, оценив это явление как переспам.
Качественные лэндинги – дорогое удовольствие
Создание оптимизированных, удобных и красивых целевых страниц – очень сложный и кропотливый процесс. Каждая такая страница должна соответствовать как специфике представленного товара, так и особенностям целевой аудитории. Для разработки качественной посадочной страницы необходим ручной труд веб-дизайнера, сео-копирайтера, оптимизатора и веб-мастера. При использовании неавтоматизированной контекстной рекламы понадобятся еще услуги и контент-менеджера – ведь дополнительно придется составлять не только сотни объявлений, но и следить за их соответствием продвигаемым страницам. 
Для объективной оценки "продажности" целевых страниц серьезные компании содержат штат тестеров или пользуются услугами сторонних компаний и он-лайн сервисов (Google Website Optimizer преименован в Content Experiments
).
Намного дешевле, быстрее и эффектнее красиво оформить и высоко продвинуть лишь главную страницу сайта – чем и грешат некоторые веб-мастера. В итоге, веб-дизайнер демонстрирует владельцу интернет-магазина эксклюзивную "морду" сайта, а оптимизатор – зашкаливающий счетчик посетителей. Получив заслуженную оплату, креативщики удаляются, а хозяин сайта долго не может понять, что в его товарах не удовлетворяет потенциальных покупателей. Вслед за недовольными посетителями приходят поисковые системы с анализом поведенческих факторов и, зафиксировав большое количество отказов, понижают сайт в выдаче, накладывают всевозможные фильтры или отправляют его в бан.
Опытные владельцы интернет-магазинов как правило не экономят на создании и развитии своего веб-ресурса. Чтобы получать от сайта постоянную прибыль, они нанимают настоящих профессионалов и материально стимулируют их, самостоятельно проверяя эффективность проделанной работы. В условиях высокой конкуренции это, пожалуй, единственный способ обеспечить успех своего проекта.
Счетчик – не главное!
Для оценки эффективности посадочных страниц (и сайта в целом) существуют специальные формулы, из которых следуют довольно-таки интересные выводы:
C p – Стоимость трафика на страницу (cost per page)
;
N v – Количество посетителей (number of visitors)
,
Следовательно, такая характеристика, как «Количество посетителей» является второстепенным показателем, более пригодным для оценки нагрузки на сервер.
В итоге для определения качества посадочной страницы нужно учитывать следующие факторы:
- количество не только привлеченных, но и удержанных посетителей;
- «качество» этих посетителей, т.е. их готовность что-то купить;
- эффективность самой страницы, т.е. убедительность ее контента и дизайна;
- «заинтересованность» страницей, т.е. вероятность повторных посещений и реакция на ремаркетинг;
- желание посетителя поделится ссылкой на страницу со своими знакомыми (элементы вирусного маркетинга).
А как на самом деле?
К сожалению, на практике разработка целевых страниц, если она не носит системный характер, обычно заканчивается на первом-втором пунктах. Проблема состоит обычно в нежелании владельца ресурса оплачивать непонятные ему "излишества". Ведь для того, чтобы правильно изменять, нужно постоянно изучать - а это, кроме денег требует еще и порядочно времени, следовательно, чаще всего первые инвестиции в разработку лендингов являются одновременно и последними до очередного редизайна сайта. На фоне подобного подхода, те, кто следит за эффективностью страниц имеют возможность существенно повысить конверсию не только вложений в сайт, но и в рекламу.
Вы наверняка сталкивались с созданием и оптимизацией посадочных страниц, занимаясь продвижением интернет-проектов. Разработка качественного лэндинга относится к критически важным компонентам маркетинговых кампаний. Данный материал познакомит вас с тремя примерами крутых лендингов, а также покажет вам составляющие их успеха. Но обо всем по порядку.
Посадочные страницы: определение, критерии эффективности
Эффективные посадочные страницы соответствуют следующим критериям:
Совершенных посадочных страниц не бывает, так как статичность - один из врагов хорошего лэндинга. Однако приведенные ниже примеры очень близки к идеальному варианту. Рассмотрим их подробнее.
Посадочная страница компании Content Rules
Американский разработчик контента Content Rules создал эффективную посадочную страницу для распространения своей электронной книги.
Что компания Content Rules сделала правильно:
- Дизайн
Лэндинг выглядит приятно и просто. Заголовок привлекает внимание посетителя к конверсионному действию (Загрузите книгу бесплатно прямо сейчас - это приблизительный перевод хедлайна).
- Фотография
Единственная фотография на посадочной странице - превью обложки электронной книги. Это фото привлекает внимание посетителя и наглядно демонстрирует ему продукт, но не отвлекает от выполнения необходимого действия.
- Сила бренда
Логотип Content Rules повышает уверенность посетителя в качестве продукта.
Что можно усовершенствовать:
Она значительно увеличивает эффективность посадочной страницы, так как пользователи могут подписаться на рассылку в течение нескольких секунд.
Что можно усовершенствовать:
- Контент
Эта посадочная страница содержит слишком много текста, который отвлекает посетителей от формы регистрации.
- Дизайн
Специалистам ALM стоит протестировать варианты этого же лэндинга с упрощенным дизайном. Уменьшение количества информационных блоков и отказ от большого количества цветов - вот способы быстро улучшить внешний вид страницы.
Лэндинг Windows Intune
Корпорация Microsoft использует посадочную страницу для распространения 30-дневной пробной версии облачного сервиса Windows Intune.
Что компания Microsoft сделала правильно:
- Отзыв
Здравствуйте!
Посадочная страница (или лендинг) - одна из наиболее эффективных составляющих рекламной кампании интернет-магазина. Мы уже писали о том, . Рассказываем о том, как сделать его максимально «продающим».
1. Используйте фото с умом
Визуализация и, в частности, фотографии являются основным «драйвером» потребления веб-контента. Но что именно выбрать - миниатюру или изображение большого размера - зависит от товара, который вы продаёте.
А можно устроить небольшой квест, заинтриговать потенциального покупателя. Как, например, в случае с дизайнерскими подарками. Так приятно «развернуть» коробочку своими руками - чувствуешь себя дошкольником, к которому пришёл Дед Мороз.
Начало квеста на посадочной странице интернет-магазина дизайнерских подарков
3. Добавьте видео
Видео-лендинги способствуют лучшей конвертации. В страницу встраивается YouTube или Vimeo-ролик, в котором за одну — две минуты можно рассказать массу полезной информации, создать настроение (как, например, на лендинге мастерской Dinero).
Видео воспринимается быстрее и эффективнее, чем текст. Вдобавок ко всему, такой формат даёт возможность продемонстрировать характеристики товара в динамике, рассказать о нём оригинальным способом.
Также видеоролик более чем на 50% увеличивает шанс попасть на высокие места в топ поисковиков.
Хороший пример креативного видео: агентство KathArt сделало лендинг с презентационным роликом, который создаёт эффект присутствия в компании. Вы ходите, знакомитесь с сотрудниками, видите их реальные рабочие места. Привлекательно и необычно.
Посадочная страница дизайнерского агентства KathArt, выполненная в виде видеоролика-знакомства
Ролик может быть с автозапуском, либо без него: какой вариант подойдет, лучше определить тестированием.
4. Удивите
Выделиться из массы посадочных страниц можно не только креативным дизайном, но и неожиданным наполнением. Это может относиться к чему угодно: например, всплывающему окну с предложением «Порадовать вас кодом для непристойно большой скидки». Вроде бы всё банально, но для покупателя это может стать тем самым, желанным для каждого продавца, крючком.
Можно показать товар с неожиданной стороны, как это сделали застройщики жилого комплекса. На их посадочной странице можно увидеть, как выглядит новостройка ночью (очень эффектно).
Посадочная страница жилого комплекса с оригинальным дополнением
5. Дайте возможность сравнить
Хорошо, если вы предоставите потенциальным покупателям возможность сравнить товары, которые вы предлагаете, чтобы сделать наиболее оптимальный выбор. А также, ещё и показать, что у вас наиболее привлекательная цена, по сравнению с конкурентами.
