Как создать лендинг пейдж? Что такое лендинг пейдж? Виды лендинга, цель landing page — как создать лэндинг бесплатно Что такое лендинг пейдж в интернете

06.07.2020

Термин “лендинг” произошел от английского слова “Landing”, которое обозначает “приземление”. В этом термине отражён основной смысл – лендинг это приземляющая (посадочная) страница.

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

Существует 4 основных возможности, где размещается лендинг:

На отдельном домене: domain.ru;
На вашем поддомене: landing.domain.ru;
Страница сайта: domain.ru/landing.html;
На стороннем сервисе: service.ru/yourlanding или yourlanding.service.ru.

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

Разновидности продающих страниц

Все лендинги разделяются на три большие группы:

Микросайты;
Отдельные страницы сайта в виде лендингов;
Полноценные лендинги;

Также лендинги разделяются на несколько категорий по задачам:

Продающие;
Подписные;
Информационные;
Вирусные;
Дифференциальные;
Другие.

Микросайты

Микросайты, или по другому “сайты-визитки” – это сайты с небольшим количеством страниц (обычно до 10), где главная страница является своего-рода лендингом, а вспомогательные страницы созданы для того, чтобы пользователь смог лучше разобраться в товаре или услуге.

Рассмотрим такой микросайт на примере сайта отеля — https://fenixhotel.ru/ .

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

Помимо главной на сайте есть и другие страницы:

Примеры построенных домов;
Типовые проекты;
Технология строительства;
Другие.

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

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

Лендингом может выступать и отдельная страница на вашем сайте, например, – https://nethouse.ru/internet-magazin или https://moi-biser.nethouse.ru/czechbiser .

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

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

Полноценные лендинги

Полноценные лендинги – это одностраничные сайты, построенные по принципу: “действуй или уходи”.

Чаще всего посетители попадают на такие лендинги из рекламы (контекстной, таргетированной, медийной, аудиорекламы Вконтакте, email-рассылок и т.д.). Как правило, лендинг-сайты обладают более высокой конверсией, чем страницы внутри сайта в классическом оформлении.

Высокая конверсионность – это ключевое преимущество лендингов. Почему так получается? Дело в психологии. Правильные лендинги захватывают внимание посетителя (четкая структура, красивая графика), убеждают его в правильности выбора (акцент на преимуществах продукта) и в результате приводят к блоку призыва к действию (Call To Action) – всё это буквально заставляет человека совершить то действие, которое нужно вам.

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

Типы лендингов и их предназначение

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

Целью такого лендинга, как следует из названия, является продажа товара или услуги. Часто для привлечения трафика используются платные методы – контекстная реклама, тизеры и т.д. Вы могли видеть такие лендинги, когда была мода на продажу игрушки «говорящий хомяк». Пример продающего лендинга – https://nabor-noskov.ru или http://www.maxitrip.ru/ .

Ключевым элементом продающего лендинга является наличие одного Call To Action (призыва к действию), а все остальные блоки направляют внимание пользователя именно на него. Существуют и альтернативные примеры продающих лендингов, где используются массовые CTA элементы, побуждающие совершить покупку.

Если ваши продажи в оффлайне, или ваш тип бизнеса не предполагает импульсивной покупки, то продающий лендинг вам не подойдет. В этом случае лучше работают лендинги для рассылок, которые часто называют подписными продающими страницами. Пример подписного лендинга с высокой конверсией: https://www.unisender.com/ru/about/bonusy/correct-email/ .

Такие лендинги создаются с одной целью – получить электронную почту или телефона посетителя для дальнейшей работы с ним в виде рассылок или звонка от консультанта.

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

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

Информационный landing page создается для подогрева интереса к новому продукту компании или к особому событию, которое случится в обозримом будущем. Целью информационного лендинга является последующий переход посетителя на основной сайт, или добавление определенной даты в календарь пользователя. Хороший пример информационного лендинга: https://www.coca-cola.ru/product .

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

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

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

Примеры вирусных лендинг пейдж с высокой конверсией:

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

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

В большинстве случаев, такой тип посадочной страницы используется интернет-магазинами и включает в себя сочетание почти всех вышеперечисленных типов лендингов. Пример такого лендинга – https://www.mvideo.ru/promo/predator-50 .

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

На дифференциальной посадочной странице, как правило, есть формы сбора контактов, как и на посадочной для сбора email адресов.

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

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

Какой тип лендинга лучший?

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

Делитесь в комментариях вашим опытом создания продающих страниц, а также задавайте вопросы нашей команде и экспертам конструктора сайтов

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

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

Что такое лендинг пейдж и почему это так важно

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

Скорее всего, вы забыли продумать и подготовить приземляющие (посадочные, целевые) страницы, которые часто называют лендингами . Что это такое?

А это очень важный момент, который может существенно повысить конверсию (количество покупок или регистраций), ибо landing page призваны максимально эффективно подводить пользователя к выполнению целевого действия . Если вы со всех рекламных объявлений будете направлять посетителей, например, на главную страницу сайта, то можете катастрофически снизить конверсию и вылететь в трубу.

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

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

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

Примеры лендингов

В зависимости от преследуемых вами целей можно разделить посадочные страницы (лендинги) на несколько типов:

12 шагов по созданию идеального лендинга

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

Каждый лендинг должен быть заточен только под одно целевое (конверсионное) действие — либо подписка, либо продажи. Не надо жадничать, ибо внимание пользователя будет рассеяно и сильно увеличится вероятность его ухода (так ничего и не выбрав из предложенных вариантов). Лучше как можно меньше заставлять клиентов думать и выбирать — путь на landing page должен быть прямым как стрела (очевидным для него) и без каких-либо ответвлений.
На посадочной странице обязательно должен присутствовать призыв к действию (с глаголами в повелительном наклонении — позвони, купи, получи, приди и т.п.). Фразы должны быть короткими и мотивирующими. Например, «купите сейчас», «получить видеокурс» или «подпишись и получи».
Рулят также яркие кнопки и стрелки , создающие на них акцент. Неплохо работают кнопки красных и желтых оттенков, ибо заметны и содержат как бы призыв к действию.
Ну а стрелки, как правило, призваны еще больше акцентировать внимание на кнопке, чтобы линия поведения пользователя на лендинге была как можно более прогнозируемой.
Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):
Если в лендинге используются (на подписных посадочных страницах без них не обойтись, но и на продажниках их довольно часто используют), то озаботьтесь тем, чтобы в них содержалось как можно меньше полей. В идеале, в форме должно быть только одно поле (для ввода Емайл адреса), но для дальнейшего общения (проведения маркетинга) вам понадобится знать и имя пользователя, поэтому два поля являются наиболее распространенным вариантом.Большее количество полей может существенно . К тому же добавление полей для ввода телефона или адреса вызывает у пользователей настороженность и может привести к отказу от целевого действия.
В статье про я упоминал, что пользователи в интернете тексты не читают — они их просматривают. И самым важным в этом плане является заголовок. Если его нет (или он не выделен соответствующим образом), то это очень сильно снизит конверсию. На лендингах заголовки должны быть обязательно цепляющими , чтобы пользователь склонился к дальнейшему чтению или сразу к свершению конверсионного действию (подписке, заказу, звонку).
На вашей landing page должны быть не только призывы к действию и эффектные заголовки, но и аргументация необходимости подписки, покупки, заказа или звонка. В случае страницы подписки это может быть, например, небольшой видеоролик с описанием и содержанием «халявы», или все то же самое оформлено в виде краткого списка (перечня). В случае продажника это тоже может быть видеоролик с обзором товара, списком тех услуг, которые вы предлагаете (в том числе и ваши конкурентные преимущества).
Очень хорошо на посадочных страницах работают отзывы от уже состоявшихся клиентов, покупателей или подписчиков (лучше, если при этом будут указаны какие-то контакты тех, кто эти отзывы оставил, чтобы все выглядело правдоподобно).
Также неплохо работают на посадочных страницах сравнения «до и после» . Не для всех тематик это применимо, но в области похудения, косметологии, фитнеса и многих других ниш это можно с высокой эффективностью использовать. Например, так делает фирма, предоставляющая услуги ресторации.
Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
Для стимулирования подписчиков или покупателей некоторых товаров (например, ) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды.
Рядом с таймером неплохо будет расположить форму подписки, заказа или контактный телефон. Это будет работать не всегда, поэтому надо проводить тесты (думаю написать ряд статей про проведение А/Б-тестирования — если не хотите пропустить, то подписывайтесь на рассылку), и возможно, что такой простой и очевидный способ позволит вам увеличить конверсию данной лендинг пейдж и с лихвой окупить деньги, потраченные на продвижение в социальных сетях или контекстной рекламе.
Пользователи также хотят знать, кто именно им предлагает данный товар, услугу, видеокурс и т.п., поэтому необходимо в лендинге указывать информацию об авторе, магазине, фирме.
Естественно, что хорошо было бы при этом упомянуть достоинства, достижения, конкурентные преимущества, но не перехваливайте себя, дабы не перейти ту грань, за которой уже снижается доверие к опубликованной информации.

Примеры ошибок делающих landing нерабочим

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

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

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

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

У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page» :

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

Что такое «лендинг пэйдж»?

Несложно догадаться, что понятие «лендинг пэйдж» имеет зарубежное происхождение.

Landing page в дословном переводе означает «посадочная страница». Это одностраничный сайт, сайт-визитка или главная страница основного сайта, размещенного в интернете, главная цель которой – подтолкнуть пользователя к выполнению определенного действия. Как правило, действие – это подписка на рассылку, регистрация на сайте, покупка товара или услуги.

Пока что слово «лендинг» и, соответственно, словосочетание «лендинг пейдж» не встречается в образовательной литературе по маркетингу. Да и в словарях данное слово еще не было зафиксировано. Есть второй вариант написания, а именно «лэндинг». Но стоит отметить, что это менее распространенная форма. Такое вывод основан на данных Яндекс Статистики – 1 млн. запросов против 120 тыс.

Если рассмотреть назначение лендингов, то они создаются для:

Продажи конкретного товара или услуги.
Сбора информации о целевой аудитории.
Распространения программного обеспечения и инфопродуктов.

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

Продажи товаров или услуг низшей и средней ценовой категории.
Продажи в сфере B2B.
Сетевой бизнес.
Производство продукции.
Продажи уникальных специфических товаров.
Инфобизнес.
Продажа, аренда, покупка недвижимости.
Туристические услуги.
Салоны красоты, фитнес клубы и прочие услуги, относящиеся к категории «Красота и здоровье».
Транспортные услуги и пр.

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

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

Виды лендинг пейдж

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

Landing page бывают:

One step – одношаговые. Одношаговый landing – это классический вариант сайтов, состоящих из одной веб-страницы. Их основная цель – привлечение и «подогрев» лидов.
Two step – двухшаговые. Двухшаговые страницы менее распространены, но не менее эффективны. Двухшаговый лендинг – это самостоятельная страница, предлагающая посетителю несколько опций. Выбрав одну из них, клиент попадает на дополнительную страницу, которая может быть представлена формой для оформления заказа, подписки на рассылку и пр.
Long page – длинные страницы. Под длинной страницей подразумевается то, что лендинг пейдж прокручивается вниз в две и более страницы.
Short page – короткие страницы. Короткая страница имеет размер в один экран без возможности прокрутки. Короткий лендинг пейдж уместно использовать только раскрученным брендам, с которыми не нужно знакомить пользователей, или в качестве инструмента для перенаправления на другие страницы сайта для сбора необходимой информации.

Сколько стоит лендинг и как его заказать?

Если идея о внедрении лендинга уже созрела, то остается открытым вопрос о стоимости данного «удовольствия». Цена за landing зависит от способа его разработки. Их всего два: самостоятельный и с привлечением специалистов. И, естественно, разработка сайта у специалистов окажется гораздо дороже.

Для примера:

Средняя стоимость лендинга у фрилансеров – 5000-20000 рублей.
Услуги дизайн-студии – 50 000–100 000 рублей.
Разработка лендинг пейдж авторитетным агентством – 100 000–500 000 рублей.

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

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

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

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

Структура и дизайн сайта (чем сложнее, тем дороже).
Контент (уникальный продающий текст и фотографии могут оцениваться до 1000 долларов).
Настройка .
Специфика и особенности бизнеса.

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

Как создать лендинг пейдж бесплатно?

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

Реальные способы заполучить landing page бесплатно:

Создать сайт или купить готовый шаблон на WordPress.
Воспользоваться специализированным конструктором (генератором).
Скачать готовый шаблон и «переписать» его в соответствии с индивидуальными особенностями компании.

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

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

Дизайн и структура лендинг пейдж

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

Черты хорошего дизайна лендинг пейдж:

Простота и лаконичность.
Блочная подача контента.
Яркая графика.
Логичная структура страницы.

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

Что касается структуры страницы, то она уже давно проработана специалистами. Не нужно ломать голову и «изобретать велосипед», необходимо просто сделать построение landing page в четкой последовательности.

Структура лендинг пейдж:

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

Структуру дополните отзывами о продукте и блоками «вопрос-ответ». Главное – краткость. Ведь правило Стива Круга «Не заставляй меня думать!» все еще актуально.

13 заповедей для создания эффективного лендинга

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

Правила для создания эффективного лендинга:

Один лендинг – один продукт

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

Цепляющий заголовок

Не кричащий, а цепляющий. Если раньше писали вначале страницы огромным шрифтом слово «Акция» и это работало, то сегодня этот прием имеет прямо противоположный эффект. Чтобы заставить посетителя просмотреть предложение, заголовок должен озадачивать и цеплять за «живое».

Например, хороший заголовок для клиники по пластической хирургии – «Хочешь увидеть нового себя?». Конечно, люди, которые задумывались о пластической операции, визуально представляли свою идеальную внешность. Данный заголовок заставляет всплыть надуманный образ и сделать шаг, к которому ведет лендинг, для воплощения своей мечты.

Четкость целевого действия

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

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

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

Продающий текст

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

Чтобы написать действительно продающий текст, надо:

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

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

Оформление текста

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

Правила оформления текста:

Размер и стиль шрифта. Оптимальный размер – 16 px, в исключительных случаях 14, наиболее распространенные стили – Arial, Meiryo, Georgia.
Предложения. Текст должен содержать простые предложения без сложных оборотов.
Блочная подача информации. Каждый блок – это абзац. В абзаце должно быть не более 3–5 строк.
Подзаголовки. Чтобы разбить полотно текста, используйте подзаголовки через каждые 3–6 абзацев.
Таблицы, графики, списки, цитаты. Эти элементы также помогают разбавить текст и сделать его проще для восприятия.

Чтобы проверить насколько качественно написан и оформлен рекламный текст, вспоминают «эффект скользкой горки» американского копирайтера Джозева Шугермана. Для этого дайте тексту некоторое время «отдохнуть», а затем попробовать самостоятельно «прокатиться с горки», т. е. прочитать текст от начала до конца. Если во время прочтения читатель «застрял», пересмотрите и исправьте проблемные места текста.

Нет агрессивной и навязчивой рекламе

Большое количество восклицательных предложений;
Написание всего текста или его отдельных фраз с заглавной буквы;
Очевидные фразы наподобие: «Ограниченное предложение», «Ликвидация товара по низким ценам», «Только сегодня скидки до …%»

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

Структура

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

Релевантность

Релевантность – это соответствие ожиданий пользователя с реальностью. То есть если в результатах поисковой выдачи человек увидел заголовок «Эксклюзивные ювелирные украшения», то landing page должен иметь аналогичный или схожий заголовок.

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

Работа с возражениями

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

Чтобы убедить клиента в безопасности сделки используется:

Круглосуточная служба поддержки.
Гарантийный срок возврата.
Формы обратной связи.
Бесплатный тестовый период.

Ограниченность предложения

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

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

Доверие клиента

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

Для этого лендинг должен содержать:

Контактные данные компании;
Ссылки на сообщества в социальных сетях;
Награды, сертификаты, лицензии, полученные компанией;

Виктория Кучинова

Главная проблема большинства современных лендингов – все они будто сделаны под копирку. А где же креатив, огонь, где дизайнерские безумства?

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

Смотрите, вдохновляйтесь, применяйте понравившиеся идеи на практике, миксуйте их со своими и не забывайте проводить A/Б-тестирования – вот единственно правильный рецепт создания убойных посадочных страниц.

И, главное, помнить, что лендинг – не самодостаточный инструмент. Для конверсий, лидов и продаж нужен качественный трафик. А добыть его сложно без комплексного продвижения .

Расширенная форма

Обычно на одностраничниках используют стандартную форму заявки с несколькими полями. Чаще всего клиенту нужно указать контактные данные – имя-фамилию, почту или телефон. Но в некоторых сложных сферах лучше раскрыть тему подробнее. Вот как это сделали в «Текстерре»: в форме лендинга dellservers.ru клиент может выбрать модуль, параметры, задачи сервера. Может сбросить значения, если что-то пошло не так.

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

Две кнопки СТА

На лендинге планировщика задач wunderlist.com/ru – сразу два призыва к действию, которые усиливают друг друга: «Создать бесплатную учетную запись» и «Загрузить Wunderlist». Пользователи кликают по обеим ссылкам, конверсия растет, а лендинг выполняет свою работу на отлично.

Конкретные цифры (результаты)

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

Персонализация

Безликие шаблонные лендинги – бр-р, что может быть унылее! Оживите свой одностраничник, добавьте огня, заинтересуйте потенциального клиента. Например, на странице услуг «Текстерры» по созданию сайтов размещены фото сотрудников, которые непосредственно этим и занимаются. Посетитель заходит и видит: ага, моим ресурсом будут заниматься не абстрактные разработчики, а вполне живые Святослав, Полина, Артем и другие.

Удобная форма ответа

На многих лендингах и сайтах задать вопрос можно только через форму. А это значит, нужно указывать имя и фамилию, оставлять телефон и электронную почту. Иногда вообще приходится вводить капчи и коды – ужас! Понятно, что это делается для того, чтобы получить лиды. Но есть и другой вариант – как на лендинге «Церебро Таргет». Если вы зарегистрированы во «ВКонтакте», ничего заполнять не нужно – бери и пиши. И клиенту удобно, и владельцу хорошо – контакт оставлен, можно работать дальше.

Отзывы клиентов

Можно попросить клиентов рассказать о своих впечатлениях и опубликовать полученные тексты на лендинге. Но загвоздка в том, что посетитель никак не проверит – реальные это отзывы или фейковые. Лучше пойти дальше и убедить посетителей в этом. На лендинге huskypark.info , который разрабатывала «Текстерра», приводятся слова клиентов из «Инстаграма» со ссылками на их аккаунты. Все честно – зайдите и убедитесь.

Демонстрация результатов

Трехмерная графика и дополненная реальность

Лендинг создан для приложения Qubi . Это игра для детей 3+ лет и взрослых. Суть игры проста. На первом шаге пользователь по предложенной схеме склеивает реальный бумажный, картонный или деревянный кубик.

Потом он устанавливает приложение, открывает его на смартфоне и «смотрит» на кубик через камеру устройства.

На экране смартфона или планшета кубик оживает. Пользователь играет в трехмерный вариант «Змейки», «2048», «Лабиринта». При этом управлять игрой нужно с помощью реального кубика. Чтобы управлять кубиком двумя руками, нужно использовать специальную подставку для смартфона, которую можно собрать самостоятельно.

Трехмерную модель кубика можно увидеть на иллюстрации (gif).

Что хотел клиент

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

Что мы сделали

Мы реализовали трехмерность с помощью 3D-трансформаций CSS3. Переходы между гранями кубика сделаны с помощью чистого JavaScript с отслеживанием событий drag и touch. Благодаря необычным переходам между экранами у пользователя создается ощущение объемности экрана. Это особенно ярко выражено на рабочей версии посадочной страницы.

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

Лендинг полностью адаптивный.

Интерактивный выбор цветов окраски интерьера и мебели

Необычность лендинга «ДСК.Color» заключается в возможности самостоятельно выбрать цвет мебели и предметов интерьера с помощью интерактивной палитры.

Компания «ДСК.Color» окрашивает любые поверхности в разные цвета. Можно заказать окраску мебели, бытовой техники, велосипедов, музыкальных инструментов и других предметов. Клиент может выбрать любой цвет.

Самая востребованная услуга – окраска мебели и предметов интерьера. На нее приходится около 80 % работ клиента.

Что хотел клиент

Клиент попросил сделать яркий и запоминающийся лендинг «с призывом окрасить все вокруг». У него были идеи сделать изображения мебели в формате 3D, чтобы посетитель «мог покрутить и рассмотреть окрашенный предмет с разных сторон».

Что мы сделали

Мы предложили клиенту идею: дать посетителю возможность самостоятельно выбрать цвет мебели и предметов интерьера.

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

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

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

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

Необычные и обычные прелоадеры

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

Что такое прелоадер и какие задачи он решает

Прелоадер или спиннер – знак, который появляется на экране до загрузки страницы. Эти элементы вы видите ежедневно, когда пользуетесь интернетом. Ниже пример прелоадера.

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

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

Прелоадеры реализуются с помощью стандартных инструментов фронтенд-разработки: HTML, CSS, JavaScript и дополнительных библиотек и фреймворков, например, jQuery, React.

Как мы улучшаем лендинги с помощью прелоадеров

Мы создаем уникальные прелоадеры, в том числе анимированные. Вот несколько наших работ.

Qubi

Для лендинга Qubi мы сделали прелоадер, который повторяет навигационное меню. Это позволяет пользователю понять принцип управления страницей до ее загрузки.

Levellen

На сайте Levellen Interiors мы использовали прелоадер в виде логотипа компании. Это дополнительный элемент брендинга сайта.

На лендинге представлена информация об аренде помещений в бизнес-центре. Главный секрет посадочной страницы находится в разделе «Офисы». Здесь пользователь может посмотреть наличие свободных офисов на каждом этаже здания.

При наведении курсора на свободный офис всплывает кнопка «Подробнее».

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

Особенности реализации

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

Собственно дизайн

В этом примере нет сложных технических фишек и дизайнерских эффектов – весь лендинг вывозит красивая картинка: фон, цвета, аппетитные фотографии астраханской икры. Одностраничник astrahancaviar.ru – хороший пример того, как благодаря дизайнеру продукт хочется приобрести. И немедленно съесть!

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

Хотите знать что такое лендинг? Я расскажу Вам об этом самыми простыми словами! Несколько лет назад ко мне пришел один клиент, и сказал: “Александр, сделай мне рекламу лудинга!”. Я немного растерялся. “Чего-чего сделать рекламу?”. “Клиент говорит”: Ну такого сайта, чтобы с него все сразу и быстро продавалось”. “Аааа- лендинга!” -догадался я. “Точно!” – сказал клиент!

Для меня было странно, что многие не знают, что такое лендинг. И чем он отличается от многостраничного сайта. Или от такого понятия как “лендинг пэйдж”. И не совсем знают для чего собственно говоря этот самый лендинг нужен. И какой вообще он должен быть. Оказалось, что термин “лендинг” знаком действительно только не очень большой группе людей. Которые связаны или с созданием или с продвижением сайтов. А остальным конечно же желательно поподробнее объяснить, что такое лендинг.

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

Дайте мне таблеток от жадности! Да побольше! или Продажи через лендинг!

Вообще для чего люди пытаются или сами сделать или заказать лендинг? Есть конечно несколько причин. Например, сделать свое портфолио. Или просто потренироваться в создании сайтов. Но в основном лендинг нужен для быстрого продвижения своего товара. Ну или услуги.

Например, Вы занимаетесь подготовкой Новогодних корпоративов. И конечно же считаете, что нужно как можно скорее начать продавать свои услуги. Ведь Новый год “на носу”! Можно конечно сделать многостраничный сайт. И разместить на каждой странице информацию о конкретной услуге. Ну типа там, отдельно “прокат Дедов Морозов”, отдельно “аренда Снегурочек” и отдельно “поедание новогодних подарков”. :)

Но можно сделать и просто отдельный лендинг, где указать просто: “Проведение Новогодних Корпоративов. Дед Мороз и Снегурочка в комплекте”. И это может сработать! Почему? Да потому что посетитель сайта пытается прочитать весь текст, все страницы. Часто ему не хватает терпения дочитать все Ваши конкурентные преимущества до конца. Типа “многобукав ниасилил” :).

А все почему? А потому что Вы не оставляете посетителю лендинга выбора! Один товар (или одна услуга). Два-три конкурентных преимущества. Суперская цена! Ну или якобы суперская. Главное, чтобы клиенту не пришло в голову начать сравнивать с другими предложениями. А для этого – ограничение по времени действия предложения в виде счетчика на лендинге. Ну или просто “написанное словами”!

И… Бинго! В теории посетители такого продающего лендинга должны начать выстраиваться в очередь, ожидая, пока Вы их облагодетельствуете своей услугой или соблагоизволите продать свой товар!

Первый раз в первый класс! Или что такое лендинг?

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

Обычно у далекого от интернет-реалий человека достаточно смутное понятие о лендинге. Он не знает, что такое лендинг, зато знает, что такое одностраничный сайт! Ну или одностраничник! Честно говоря, я бы всегда так и говорил своим клиентам. Одностраничник. Коротко и понятно! Однако зарубежный “лендинг” все-таки побеждает по частоте употребления. Так что будем все же называть одностраничный сайт лендингом.

Кстати, одностраничный сайт или тот же лендинг достаточно част бывает не одностраничным. А, как бы это сказать поточнее, малостраничным сайтов. Иногда создатели лендингов выносят на отдельные страницы контактную информацию или предложения по акциям. Иногда делают некий “мультилендинг”, где на 3-5 страницах продают несколько товаров. Но в любом случае, страниц не бывает больше 10. В отличие от больших “нормальных” сайтов. Где может быть и 100 страниц и больше.

Но главное отличие лендинга от “многостраничного” сайта – это формат. Я уже писал выше, что у лендинга свой особый дизайн, который “заточен” на быструю продажу товара. И этот дизайн кардинально отличается от дизайна сайта. И еще. На лендингах обычно очень мало текста, так как лендинги не предназначены для СЕО продвижения. Об этом я расскажу ниже. И большое внимание уделяется наглядной графической передаче данных. Поэтому всякие рисунки и пиктограммы на лендингах весьма в почете!

Чуть не забыл! На базе лендинга можно сделать небольшой интернет-магазин! И многие этим пользуются! Особенно это актуально для так называемых инфотоваров или по другому “вау-товаров”.

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

Ну не шмогла я, не шмогла! Или как лендингу выйти в топ-10?

Отвечая на вопрос о то, что такое одностраничник, нужно обратить внимание на одну вещь. А именно на то, как планируется продвигать этот сайт. Дело в том, что люди, не искушенный в вопросах продвижения сайтов, не знают, что лендинг практически невозможно раскрутить в поиске. Другими словами вероятность того, что лендинг “всплывет” среди топ-10 сайтов на поиске очень мала.

Именно поэтому мне часто приходится отказывать владельцам одностраничников, когда они просят о СЕО продвижении их одностраничников. Я конечно же не берусь за это! Чтобы не получилось, как с той несчастной лошадью в анекдоте, которая “не шмогла”.

Даже если у лендинга достаточно много страниц, продвинуть его по СЕО все равно не самая лучшая идея! Почему? Да потому что “многословный” сайт и лаконичный лендинг предназначены для совершенно разных людей. И даже если лендинг каким-либо чудесным образом “всплывет” на первой страницы поиска Яндекса или Гугла, то продаж не будет. Или будет, но мало. Почему?