Вы наверняка сталкивались с созданием и оптимизацией посадочных страниц, занимаясь продвижением интернет-проектов. Разработка качественного лэндинга относится к критически важным компонентам маркетинговых кампаний. Данный материал познакомит вас с тремя примерами крутых лендингов, а также покажет вам составляющие их успеха. Но обо всем по порядку.
Эффективные посадочные страницы соответствуют следующим критериям:
Совершенных посадочных страниц не бывает, так как статичность - один из врагов хорошего лэндинга. Однако приведенные ниже примеры очень близки к идеальному варианту. Рассмотрим их подробнее.
Американский разработчик контента Content Rules создал эффективную посадочную страницу для распространения своей электронной книги.
Что компания Content Rules сделала правильно:
Лэндинг выглядит приятно и просто. Заголовок привлекает внимание посетителя к конверсионному действию (Загрузите книгу бесплатно прямо сейчас - это приблизительный перевод хедлайна).
Единственная фотография на посадочной странице - превью обложки электронной книги. Это фото привлекает внимание посетителя и наглядно демонстрирует ему продукт, но не отвлекает от выполнения необходимого действия.
Логотип Content Rules повышает уверенность посетителя в качестве продукта.
Что можно усовершенствовать:
Она значительно увеличивает эффективность посадочной страницы, так как пользователи могут подписаться на рассылку в течение нескольких секунд.
Что можно усовершенствовать:
Эта посадочная страница содержит слишком много текста, который отвлекает посетителей от формы регистрации.
Специалистам ALM стоит протестировать варианты этого же лэндинга с упрощенным дизайном. Уменьшение количества информационных блоков и отказ от большого количества цветов - вот способы быстро улучшить внешний вид страницы.
Корпорация Microsoft использует посадочную страницу для распространения 30-дневной пробной версии облачного сервиса Windows Intune.
Что компания Microsoft сделала правильно:
Один из лучших примеров использования позитивных текстов можно увидеть на посадочной странице сайта Patreon , который занимается финансированием художников:
Люди, которые поддерживают художников, выступают в роли меценатов, благодаря помощи которых на протяжении истории появлялись великие работы и целые галереи. Такое позиционирование, применяемое при создании посадочных страниц, дает посетителям четко понять, что они не просто отдают свои деньги, а делают настоящий вклад в искусство.
Сигналы доверия на посадочных страницах помогают убедить любого скептика совершить определенные действия. Важность этих элементов чутко понимает сервис Recurly , специализирующийся на автоматизации счетов. Наглядный пример можно увидеть ниже:
Также следует обратить внимание на текст посадочной страницы, который указывает на то, что клиентами Recurly являются финансовые руководители. Позиционируясь таким образом, сервис Recurly показывает, что прекрасно понимает нужды своих потенциальных клиентов.
Уникальное продающее предложение должно быть плавно интегрировано в посадочную страницу, и ненавязчиво представлять вас в выгодном свете.
Потенциальные пользователи получают информацию из четырех слов, расположенных под названием сайта. Они прекрасно отражают назначение платформы – приватная социальная сеть для студентов колледжа.
От слогана также веет какой-то особенной атмосферой. Конечно, колледж не настолько приватное заведение, как частная школа. Но подобные закрытые социальные экосистемы часто встречаются среди колледжей по всему миру. Именно закрытость чаще всего привлекает пользователей.
Современные пользователи ждут не просто информации, а возможности получить интерактивный, вдохновляющий опыт взаимодействия. Один из способов соответствовать требованиям современного посетителя – использовать интерактивные элементы дизайна на посадочных страницах.
Это распространенная и удобная тактика, применяемая при разработке посадочных страниц. Приведенный ниже пример демонстрирует, как внедрение интерактивных элементов способствует привлечению потенциальных клиентов:
Компаниям, которые предлагают достаточно специфическую продукцию или услуги, бывает сложно объяснить, чем именно они занимаются, поэтому приходится использовать много текста. Но в большинстве случаев можно скомбинировать текст и картинки, и получить больший эффект. В качестве примера взгляните на посадочную страницу агентства Chatterbox Labs , специализирующегося на оптимизации рекламных объявлений:
Chatterbox Labs использует знакомую пользователям сцену из жизни города – забитую улицу Нью-Йорка. Такой подход позволяет визуально (без текста ) объяснить всю сложность определения нужной аудитории. За счет этого посадочная страница сохраняет минималистичный вид.
Перед тем как перейти к следующему примеру посадочной страницы, давайте бегло взглянем на пять предыдущих. На всех них используется лишь один призыв к действию.
Старайтесь исключить любые преграды на пути к конверсии. Чем больше действий вы требуете от потенциальных клиентов, тем меньше шансов что-либо получить. Давайте взглянем на сервис планирования задач Todoist , который отлично понял этот принцип:
Посадочные страницы должны быть уникальными для каждого источника, из которого привлекаются посетители. При этом каждый из них должен четко понимать, кто вы, чем занимаетесь, и каким образом можете быть ему полезны. Чем больше времени у пользователей уходит на поиск ответов на эти вопросы, тем выше риск потерять потенциального клиента. Нужно быстро и четко вводить посетителей в курс дела, как это делает AskNative.com на своей посадочной странице:
Чем быстрее вы объясните посетителю суть, тем больше вероятность, что он кликнет по CTA-элементу .
Люди не любят покупать вещи, они любят покупать решение проблем и улучшать свою жизнь. Помогите потенциальным покупателям визуализировать более комфортные условия и лучшую жизнь для себя. Приведенный ниже пример демонстрирует, как это удается небольшой компании Wave , занимающейся разработкой программного обеспечения:
Комбинация отзывов и персонажей – прагматичный шаг, применяемый при создании посадочных страниц landing page . Он не только демонстрирует живого и довольного клиента (что также служит сигналом доверия ), но и помогает посетителям представить свою жизнь в качестве клиента сервиса Wave . Для большинства предпринимателей мысль о возможности «заниматься любимым делом» в то время как специальный инструмент возьмет на себя всю нудную работу, очень привлекательна.
Взгляните на пример посадочной страницы от производителя курятников ChickenSaloon.com , а также на объявление, которое переносит пользователей на страницу. Здесь представлено коротенькое видео из телевизионного реалити-шоу, в котором рассказывается об одном из продуктов компании – курятнике под названием Tavern :
Даже людям, разбирающимся в вине, бывает сложно подобрать сорт напитка. Vivino – приложение, которое помогает людям подобрать вино. Программа позиционируется как незаменимый помощник гурманов:
Иногда того, что вы делаете, уже достаточно для привлечения внимания и мотивации посетителей. Примером такого случая служит страница Last Days of Ivory :
В подобных примерах создания посадочных страниц простота и мощь посыла дают прекрасный результат.
Только вы решаете, насколько далеко можно зайти в маркетинговой кампании, и очевидно то, что подобный подход точно сработает не для всех.
Задавая вопросы, можно выяснить, как проще всего конвертировать посетителей. Такой подход поможет мотивировать пользователей переходить на какие-либо страницы. Это демонстрирует пример сайта Trulia , специализирующегося на недвижимости:
Одна из главных причин того, почему большая часть B2B и рекламного контента очень прямая и мягкая, заключается в том, что компании стараются не вызывать у пользователей чрезмерного всплеска любых эмоций. Это ошибка, она приводит к сухому восприятию информации на посадочной странице, которая тут же забывается.
Если все делать правильно, то эмоции потенциальных клиентов сыграют вам на руку. Ниже приведена посадочная страница от Happify – приложения, которое отслеживает эмоциональное состояние человека и позволяет выбирать подходящее время для того, чтобы делать определенные предложения:
Еще одна ошибка многих B2B-компаний заключается в обезличенных текстах, которые не содержат в себе прямого обращения. Конечно, в определенных ситуациях тексты должны быть именно такими, однако в большинстве случаев не стоит обезличивать своих посетителей.
Нужно заставить посетителей почувствовать что-нибудь, когда они попадают на посадочную страницу, и один из наиболее эффективных способов сделать это – обращаться к ним напрямую. Взгляните на пример от видеочат-приложения Awesometalk :
Текст направлен прямо к посетителю, и это увеличивает вероятность его конверсии. Кроме этого посадочная страница является отличным примером того, насколько сильное влияние может оказывать простой, но продуманный текст.
Один из наиболее эффективных способов пробудить интерес – это привлечь внимание к проблеме и помочь осознать ее. Многие компании делают это косвенно, но иногда требуется подойти к этому вопросу прямо, как показывает пример Meeting Hero :
По ходу этой статьи мы фокусировались на посыле, тексте и эмоциях, однако не обращали внимания на еще один важнейший элемент – цветовую схему!
Давайте взглянем на пример от сервиса для управления паролями Mitro :
Хорошо Плохо
Посадочная страница (англ. Landing Page) — это та страница на вашем сайте, на которую переходят пользователи из результатов поиска или с рекламы по определенному запросу или объявлению. Посадочную страницу еще иногда называют целевой страницей , т.к. имеется цель привести пользователя интересующегося определенной информацией именно на эту страницу и перевести его в клиента.
Последние годы стали популярны одностраничные сайты, предлагающие какой-то товар или услугу и содержащие всю необходимую информацию для принятия решения о покупке/заказе. Их тоже называют Landing Page. Обычно они очень красочные, содержат видео, таймеры, отзывы и прочие элементы сделанные для того, чтобы «соблазнить» человека на покупку. Но я бы, все таки, называл их именно одностраничными сайтами.
Пример посадочной страницы
Не каждая посадочная страница обязательно должна быть красочным одностраничником. Но желательно, чтобы большинство страниц вашего сайта отвечали базовым требованиям посадочных страниц.
Вообще говоря, каждая страница на сайте является посадочной для каких-то поисковых запросов. Страницу, на которую попадают люди, переходя из результатов поисковой системы, можно назвать посадочной. Бывает так, что по определенным запросам в результатах поиска стоит не та страница вашего сайта, которая нужна. Тогда говорят, что у сайта неправильные посадочные страницы.
Посадочная страница обычно представляет собой предложение конкретного товара или услуги. Содержимое страницы должно быть таким, чтобы человек сразу понял:
Т.е. посадочная страница — это наш виртуальный продавец, который круглосуточно рассказывает всем желающим о нашем предложении. Учитывая, что большинство сайтов создается для продажи товаров и услуг, то страницы на таких сайтах должны продавать эти товары или услуги.
Часто, на сайтах компаний можно найти много полезной и интересной информации. Информационная страница тоже является посадочной страницей, но для людей, которые интересуются именно информацией. К ней не много требований: главное, чтобы информация была актуальной и полезной.
Если же мы собираемся что-то продать, то нужно сделать страницу с конкретным предложением.
В настоящее время существует сотни агентств предлагающих разработку Landing Page, в основном имеются в виду красочные одностраничные сайты. Все такие лэндинги представляют собой однотипные сайты слизанные с друг друга как будто под копирку. Везде есть: форма заявки, таймер, преимущества, отзывы, «как мы работаем», гарантия и т.п.
Но никто не упоминает про главный элемент продающей посадочной страницы — УТП. УТП — это уникальное торговое предложение. То чем вы отличаетесь от других компаний. Во многих нишах можно открывать подряд сайты конкурентов и у всех одно и тоже — красочные лэндинги. И тогда, чтобы выбрать приходится ориентироваться на цену, либо выбирать на угад.
На самом деле ничто так не важно, как УТП . Дизайн, отзывы, таймер, красивые иконки не имеют значения, когда у вас действительно хорошее предложение. Вот пример.
Посадочные страницы – это страницы сайта, предназначенные для целевых посетителей, перешедших по ссылке. Как правило, это пользователи, попавшие на сайт:
Простейший и наиболее распространенный пример посадочной страницы – это карточка товара в интернет-магазине.
Образно, посадочную страницу можно сравнить с конкретным кабинетом в поликлинике, куда пациент попадает по направлению, не обращаясь в регистратуру (главную страницу сайта).
Термин "посадочная страница" произошел от английского landing page (буквально, "страница приземления"). Встречаются также названия "целевая страница", "лэндинг (пэйдж)", LP.
Посетитель коммерческого сайта – это потенциальный клиент, а лучше - покупатель, на привлечение которого затрачено немало времени и финансов. Поэтому "правильные" посадочные страницы должны максимально располагать посетителя к покупке. Особенно актуально создание качественных целевых страниц при использовании . Ведь такой посетитель стоит денег, а несоответствующая его ожиданиям страница - убыток. Также "пришедший по объявлению", почти знает, чего хочет и готов что-то купить – поэтому не стоит держать его в прихожей или рассказывать об истории компании. Единственная информация, которую необходимо предоставить - это описание товара, сравнение, порядок оплаты и доставки.
Посетитель сайта не должен заподозрить, что ему навязывают приобрести предлагаемый товар. Поэтому потенциальному клиенту обычно предоставляется "свобода выбора". Перед оформлением покупки он может подробнее ознакомиться с выдающимися характеристиками товара (тут можно разместить и незначительные минусы, для репрезентативности) или отзывами благодарных клиентов. Главное, чтобы посетитель мог совершить все свои действия "не отходя от кассы", т.е. не покидая посадочной страницы.
Чтобы не спугнуть клиента, оформление и содержание посадочной страницы должно соответствовать специфике того ресурса, откуда он пришел.
На каждый товар – своя целевая страница
При использовании контекстной рекламы и продвижении в поисковых системах каждая посадочная страница оформляется и оптимизируется под конкретный товар (услугу). Посетители сайта и поисковики очень не любят ковыряться в длинных прайсах, пытаясь самостоятельно найти нужный товар. Если же клиент и заинтересуется широким ассортиментом, то, скорее всего, зависнет в состоянии "Буриданова осла", не решаясь сделать окончательный выбор. Не лучшим образом отреагируют на частое повторение марки или наименования товара и поисковые системы, оценив это явление как переспам.
Качественные лэндинги – дорогое удовольствие
Создание оптимизированных, удобных и красивых целевых страниц – очень сложный и кропотливый процесс. Каждая такая страница должна соответствовать как специфике представленного товара, так и особенностям целевой аудитории. Для разработки качественной посадочной страницы необходим ручной труд веб-дизайнера, сео-копирайтера, оптимизатора и веб-мастера. При использовании неавтоматизированной контекстной рекламы понадобятся еще услуги и контент-менеджера – ведь дополнительно придется составлять не только сотни объявлений, но и следить за их соответствием продвигаемым страницам. Для объективной оценки "продажности" целевых страниц серьезные компании содержат штат тестеров или пользуются услугами сторонних компаний и он-лайн сервисов (Google Website Optimizer преименован в Content Experiments ).
Намного дешевле, быстрее и эффектнее красиво оформить и высоко продвинуть лишь главную страницу сайта – чем и грешат некоторые веб-мастера. В итоге, веб-дизайнер демонстрирует владельцу интернет-магазина эксклюзивную "морду" сайта, а оптимизатор – зашкаливающий счетчик посетителей. Получив заслуженную оплату, креативщики удаляются, а хозяин сайта долго не может понять, что в его товарах не удовлетворяет потенциальных покупателей. Вслед за недовольными посетителями приходят поисковые системы с анализом поведенческих факторов и, зафиксировав большое количество отказов, понижают сайт в выдаче, накладывают всевозможные фильтры или отправляют его в бан.
Опытные владельцы интернет-магазинов как правило не экономят на создании и развитии своего веб-ресурса. Чтобы получать от сайта постоянную прибыль, они нанимают настоящих профессионалов и материально стимулируют их, самостоятельно проверяя эффективность проделанной работы. В условиях высокой конкуренции это, пожалуй, единственный способ обеспечить успех своего проекта.
Для оценки эффективности посадочных страниц (и сайта в целом) существуют специальные формулы, из которых следуют довольно-таки интересные выводы:
C p – Стоимость трафика на страницу (cost per page)
;
N v – Количество посетителей (number of visitors)
,
Следовательно, такая характеристика, как «Количество посетителей» является второстепенным показателем, более пригодным для оценки нагрузки на сервер.
В итоге для определения качества посадочной страницы нужно учитывать следующие факторы:
К сожалению, на практике разработка целевых страниц, если она не носит системный характер, обычно заканчивается на первом-втором пунктах. Проблема состоит обычно в нежелании владельца ресурса оплачивать непонятные ему "излишества". Ведь для того, чтобы правильно изменять, нужно постоянно изучать - а это, кроме денег требует еще и порядочно времени, следовательно, чаще всего первые инвестиции в разработку лендингов являются одновременно и последними до очередного редизайна сайта. На фоне подобного подхода, те, кто следит за эффективностью страниц имеют возможность существенно повысить конверсию не только вложений в сайт, но и в рекламу.
Посадочная страница… Как Вы думаете, о чем говорит посетителю ее первый экран? Томно шепчет: «Ты пришел по адресу… Нажми, нажми поскорее на эту кнопочку…» Или буквально орет: «Уходи! Уходи поскорее отсюда!!!» Самое интересное, что разница между такими вариантами может оказаться совсем небольшой. Но сумеете ли Вы ее вовремя заметить?
Сегодня я хотел бы вместе с Вами посмотреть на первые экраны двух посадочных страниц. Двух сайтов петербургских агентств недвижимости, предлагающих посетителям помощь в скорейшей продажи их недвижимости. Когда я готовил этот материал, оба они были доступны для посещения (надеюсь, доступны и сейчас).
Давайте разберем основные элементы первого экрана:
Что мы видим? Казалось бы, все хорошо — есть факты, есть цифры. Но чего-то не хватает… Чего? Правильно. Конкретики! Что это за «на 14 дней быстрее»? Быстрее чего? А как Вам нравится «на 16% дороже»? Опять же — дороже чего?
Вот и получается, что заголовок, с первого взгляда, хороший и качественный. А со второго — пустой и непонятный… Сравните с другим вариантом:
Есть разница, правда?
Вывод: старайтесь сделать Ваш заголовок понятным и конкретным, не вызывающим лишних вопросов.
На первом из примеров с продающим текстом все не очень хорошо. Во-первых, его мало. Во-вторых, он слабо связан между собой. Я бы разделил его на два блока. Начнем по порядку.
Мы видим все те же ошибки «Большая» база — что значит большая? Что мне это дает? «Ежедневно обновляемая» база — тот же вопрос: как мне это может помочь при продаже квартиры. Кто входит в эту базу? С какой целью она ежедневно обновляется?
«Оценка стоимости по телефону за 10 минут» — это вообще как? С моих слов? Вбить в поисковике адрес и посмотреть, сколько стоят другие похожие квартиры? Так с этим я и сам справлюсь — в чем преимущество?
«Гарантия безопасности» — сделка может быть еще и опасной для меня? Это как? И в чем гарантия?
В итоге вопросов больше, чем ответов… Да еще и напугали в конце.
Но перейдем ко второму блоку.
Тут, к сожалению, не лучше. На что именно скидка? На услуги агентства? Но почему это не указано?
«Оценка бесплатно» — так про оценку было написано выше… Или та самая «оценка по телефону за 10 минут» могла быть еще и платной? Ужасно…
В общем, сплошное расстройство. Посмотрим на то, как написан продающий текст на втором сайте.
Обратите внимание, здесь текст выступает продолжением заголовка. Он не просто раскрывает посетителям сайта новые выгоды, а обосновывает те преимущества, которые были описаны в заголовке. Почему мы продаем на 20% дороже? За счет системы предпродажной подготовки. Почему мы продаем за 10 дней? За счет использования базы горячих клиентов и потому, что продавать начнем уже через 2 часа. Все просто и ничего лишнего.
Вывод: Ваш продающий текст должен быть продолжением заголовка, раскрывающим и расшифровывающим его, а не источником дополнительных вопросов, остающихся без ответа.
Опять бесплатная оценка… Опять все те же вопросы. Впрочем, главный минус не в этом. Главный минус в том, что призыв начинается со слова «Оставьте». Люди не любят оставлять. Люди любят получать. Никогда не используйте в призыве это слово!
Вот «Оформление сделки в подарок» — это хорошо, это сильно. Но, к сожалению, начало все портит…
Здесь все гораздо проще. Слово «Начните» работает гораздо лучше, срочность есть — хороший призыв, хотя и без особых изысков. Твердая «четверка».
Вывод: людям нравится получать и не нравится отдавать. Сделайте свой призыв четким и лаконичным, добавьте в него срочность. И это будет работать!
Здесь Вы можете увидеть не просто кнопку. Кроме нее тут еще и два поля, и текст мелкими буковками, и ссылка… Никогда, слышите? никогда! не отвлекайте людей от кнопки! Кнопка — это наше все, дайте возможность посетителям спокойно на нее нажать! Ну а про «Оставьте» я говорил чуть выше, помните?
Ну а здесь опять все просто, четко, лаконично. Даже и добавить нечего.
Вывод: кнопка — это очень важно! Кнопка приносит вам заявки! Не отвлекайте от нее посетителей, не распыляйте их внимание. Чем проще — тем лучше!
Сразу предупреждаю: у первого сайта все преимущества на первом экране не поместились (хотя он у меня и достаточно большой). Так что рассматриваю только то, что влезло.
Как Вы можете видеть, у всех преимуществ одна главная ошибка — тут есть свойства, но нет выгод. А Вы же помните, что главное — это выгоды, которые получает покупатель, а не свойства, которыми мы хотим перед ним похвастаться, правда?
Отдельно остановлюсь на последнем пункте. Он вроде бы ближе всего к выгоде. Но почему здесь употреблено слово «в среднем»? Сколько уйдет лично у меня? Никого не волнуют средние показатели, зато всех волнует, какие показатели будут при продаже именно их квартиры. И куда пропали обещанные в заголовке «на 14 дней быстрее»? 25 — это уже без 14 дней или все еще с ними?
Тут уже лучше. Тут уже выгоды. Конечно, можно было бы доработать и их… Например, «Вы не потеряете ни одного дня благодаря 100% соблюдению всех договоренностей и сроков» или «Вознаграждение агентства не меняется в процессе работы, поэтому Вы можете быть уверены, что агент не попытается взять с Вас лишних денег». Но формат преимуществ (две короткие строки) не позволяет это сделать.
Вывод: преимущества должно быть короткими, четкими и, что самое главное, — выгодными.
Давайте теперь посмотрим на первые экраны целиком.
Как Вы думаете, много людей в Петербурге продает такие (или хотя бы похожие на эту) квартиры? Мне кажется, что нет…
А вот этот человек похож на агента по продаже недвижимости? На мой взгляд, вполне. Предлагаю сразу перейти к выводу.
Вывод: задача иллюстрации на продающей странице — не добавить «красивостей». Главная ее задача — показать посетителю, что он попал именно туда, куда хотел. И с этим «агент по продажам» справляется намного лучше «элитной квартиры».
Итак, мы рассмотрели два варианта первого экрана. А как же Ваша посадочная страница? На какой из этих примеров больше похож ее первый экран? Если на первый — то Вы теперь знаете, что менять. Если на второй — то, надеюсь, Вы все равно нашли для себя что-то полезное и знаете, что нужно сделать для увеличения количества целевых заявок, привлекаемых вашей страницей!
P.S.: если этот материал был Вам полезен — напишите об этом в комментариях! Я планирую продолжить разбирать различные продающие страницы (а также отдельные их элементы) и буду рад, если Вы пришлете ссылки на те сайты, разбор которых вам хотелось бы увидеть.