Как работает лендинг пейдж. Лучшие landing page: экспертная выборка

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

Итак, повторюсь, эта статья нацелена в первую очередь на заказчиков.

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

ЧТО ТАКОЕ ЛЕНДИНГ И ЗАЧЕМ ОН НУЖЕН

Лендинги традиционно пришли к нам с Запада. Изначально они мыслились как новый маркетинговый инструмент - эдакий баннер во весь экран. Задачи у классического лендинга две: либо проинформировать потенциальных клиентов о новом товаре или услуге, либо заставить их совершить некое целевое действие.

Методом проб, ошибок и А/Б тестов выяснилась наиболее оптимальная схема лендинга:

1. Логотип и основная деятельность компании.

2. Заголовок. Собственно к чему всё это.

3. Коротенечко описание и картинка.

4. Блок преимуществ.

5. Для целевого лендинга - обязательна форма.

6. Желательно ограничение по времени или количеству.

Итак, смысл лендинга - коротко и ясно сделать выгодное заявление.

А ОДНОСТРАНИЧНИКИ

Это тоже относительно свежая тема. Одностраничник - это сайт, но без отдельных страниц. Вся информация просто вываливается на одну "простыню". Меню работает только в рамках этой одной страницы.

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

НУ И В ЧЕМ ПРОБЛЕМА

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

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

Таким образом, проводя аудит лендингов, я постоянно натыкаюсь на одностраничники. Я не против них, я против тупого накидывания блоков да побольше да ещё.

ЛЁГКИЙ СТОРИТЕЛЛИНГ

Случай раз.

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

Помимо дизайна, верстки и программирования, компания-разработчик ещё и некоторое время продвигала этот лендинг. Результат: за два месяца 1 звонок и всё.

При этом, кстати поставили колбэкхантера (ничего личного, но на лендингах бесит неимоверно), а вот метрику забыли. Ни статистики, ни вебвизора.

Случай два.

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

Собственно, результат аналогичный - звонков нет, в продвижение вложены деньги. Метрика хоть была - можно было потыкать пальцем)

Смысл этой сцены

1. Соблюдайте баланс между количеством и разумом.

2. Ставьте статистику, особенно перед продвижением.

3. Займитесь сначала маркетингом.

Всё, всем спасибо. Кто хочет внести свои пять копеек - прошу.

Бесплатно за репост в ФБ или ВК, потому что пока ещё набираю интересные кейсы.

Лучший сервис для создания первого лендинга. Комплект из пары десятков одностраничных шаблонов подскажет наилучшие варианты оформления и подачи предложения. Редактор позволяет в считанные минуты собрать из готовых адаптивных блоков эффективную страницу. Главное - расположить секции в логическом порядке и красиво преподнести оффер. Изображения, табы, таймер для акций, отзывы, наглядная карта, коммуникации, включая заказ обратного звонка, и многое другое присутствует в полном объёме.

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

Плюсы:

• Идеально подходит для предпринимателей, далёких от разработки сайтов;
• Большой набор профильных виджетов;
• Солидный пакет коммуникаций: консультант, заказ звонка, социалки, формы, всплывающие окна, почтовые рассылки, CRM;
• Адаптивные шаблоны, структура которых идеальна для подачи лендингов;
• Простота освоения - от 1 часа до 1 дня;
• Крайне доступная стоимость.

Минусы:

• Отсутствуют встроенные инструменты для анализа конверсии. Можно компенсировать сторонней аналитикой;
• Тариф, позволяющий осуществлять приём оплаты онлайн, существенно дороже «Премиума», который отлично подходит для сборки лендингов.

1. Премиум ($4/мес) - набор ключевых возможностей.
2. Премиум + ($8/мес) - премиум-шаблоны и расширенная статистика.
3. Магазин ($9.6/мес) - корзина, приём оплат.
4. Про ($12/мес) - доступ ко правке кода.

Конструктор лендингов uLanding → детальный обзор

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

Эффективные структуры дизайна для уверенных продаж, сдобренные эффектами переходов, корректно отображаются на всех типах экранов. Изюминка сервиса - отличная подача статистической информации. Конверсия в процентах, точки падения продаж, посещаемость по источникам и прочее - всё понятно для новичков и достаточно детально для опытных веб-мастеров. Подключение SSL бесплатное. Добавление всплывающих окон позволит получить ещё больше лидов. Простой в использовании и эффективный конструктор.

Плюсы:

• Понятная каждому подача статистических данных;
• Удобный интерфейс для одновременного тестирования нескольких страниц с подробной статистикой по результатам;
• Возможность вставки своего кода в макет страницы;
• Есть встроенный магазин (Ecwid);
• Доступна архивация лендингов и быстрое восстановление;
• Создание резервных копий в 1 клик;
• SMS с уведомлениями бесплатные;
• Интегрированная в панель управления amoCRM;
• Простой в использовании редактор;
• Хорошие по качеству адаптивные шаблоны, причём, поддерживается раздельное редактирование версий для ПК и смартфонов;
• Хорошая техподдержка.

Минусы:

• Небольшое количество готовых шаблонов;
• Мало готовых секций (не путать с виджетами).

Стоимость за месяц при оплате за год:

1. Начальный ($6.15/мес) - 1 проект, 5 лендингов, безлимитные SMS-уведомления, техподдержка 24/7.
2. Бизнес ($10.25/мес) - 3 проекта, 30 лендингов, живой чат с техподдержкой.
3. Продвинутый ($17.10/мес) - 10 проектов, 1000 лендингов.

Конструктор лендингов Wix → детальный обзор

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

Богатый набор виджетов, встроенный графический редактор, анимации, наборы иконок, растровых фигур и эффекты скроллинга позволят создать яркий лендинг, претендующий на высокую конверсию. Для работы с клиентской базой имеется встроенная CRM, возможность настройки маркетинговых и триггерных рассылок, для анализа результатов - Google Analytics. Использование Wix Code позволит настроить расписание вывода данных в зависимости от времени суток, региона и прочих вещей. Структура лендинга реализуется через анкорные ссылки на области макета.

Плюсы:

• Мощный редактор макетов страниц;
• Высокое качество и разнообразие готовых шаблонов;
• Множество виджетов, стоковых мультимедийных элементов;
• Возможность приёма онлайн-платежей;
• Встроенная CRM для обработки контактов;
• Множество маркетинговых приложений;
• Автоматизация сценариев поведения страницы при помощи Wix Code;
• Полный пакет приложений для коммуникаций: чат, заказ звонка, рассылки, всплывающие окна, комментарии, синхронизация с лентами социальных сетей и прочее;
• Возможность добавления своего кода на сайт: HTML/CSS, JavaScript.

Минусы:

• Новичкам потребуется время для освоения основной части возможностей редактора - он удобный, но не самый простой в обращении благодаря количеству и глубине настроек;
• Часть полезной функциональности доступна только в виде приложений - её нет из коробки в панели редактора, нужно подобрать и активировать приложение;
• Встроенные инструменты для анализа конверсии отсутствуют - воронки продаж, A/B-тесты, мониторинг по регионам/источникам трафика. Компенсируется подключением аналитических систем к странице.

Стоимость за месяц при оплате за год:

1. Connect Domain (123 руб/мес) - подключение домена, ключевая функциональность.
2. Combo (249 руб/мес) - домен в подарок, удаление копирайта системы.
3. Unlimited (375 руб/мес) - расширенное дисковое пространство, платные приложения бонусом.
4. eCommerce (488 руб/мес) - много места на диске, корзина, приём онлайн-оплат.
5. VIP (751 руб/мес) - почтовые рассылки плюс аудит сайта от эксперта Wix.

Конструктор лендингов LPGenerator → детальный обзор

LPGenerator - один из самых мощных специализированных конструкторов лендингов. В принципе, это идеальный сервис в своей нише. Относительная сложность редактора компенсируется огромными возможностями по кастомизации дизайна и функциональности страниц. Более 250 профессиональных шаблонов из 22 категорий. Продуманный и гибкий процесс прорисовки страницы с нуля, можно править код макетов вручную и загружать собственные. Есть витрина товаров с пагинацией - качественный мини-магазин внутри лендинга.

Полный набор инструментов для анализа конверсии и маркетинга (всесторонняя статистика, A/B-тесты, воронка продаж, источники трафика, цели конверсии, CRM, рассылки и прочее) позволяют выжать максимум эффекта со страниц. Редактор визуальный, виджетов очень много, есть удобный конструктор секций, мониторинг версий страницы с анализом конверсии и т. д. Аудитория системы - веб-студии и опытные разработчики. Для новичков есть «Академия лидогенерации» - мощный курс, который окажется полезным большинству пользователей.

Плюсы:

• Большой выбор шаблонов и возможность загрузки собственных;
• Ультимативный набор средств для анализа и увеличения конверсии;
• Поддержка множества сторонних приложений и синхронизаций с сервисами;
• Встроенная качественная CRM;
• Продуманная витрина одностраничного магазина с кучей настроек;
• Оповещения о событиях по SMS;
• Отличная обучающая программа для новичков и не только;
• Опционально можно заказать услуги от разработчиков.

Минусы:

• Дорогие пакетные тарифные планы, рассчитанные на профи;
• Сравнительная сложность использования - слишком много всего внутри.

Стоимость за месяц при оплате за год:

1. Базовый (558 руб/мес) - 1 домен, 3 страницы.
2. Продвинутый (1662 руб/мес) - 5 доменов, 50 страниц.
3. Безлимитный (2799 руб/мес) - всё без ограничений.
4. Корпоративный, White Label (11011 руб/мес) - свой брендинг для 15 аккаунтов, улучшенная техподдержка.

Конструктор лендингов uCoz → детальный обзор

uCoz - удачный выбор для продвинутых разработчиков. Позволяет работать с кодом, есть конструктор шаблонов, в котором легко выстроить блочную структуру одностраничника. Для новичков наилучший вариант - использование премиум-шаблона, их очень много и там всё есть: красивый дизайн, правильная структура, функциональность (формы, заказ чего-либо, витрина и т. д.). Кроме того, продвинутая система сбора статистики поможет отслеживать эффективность страницы и продвигать, ведь контекстную рекламу можно контролировать прямо из панели управления.

Редактор поддерживает подключение сторонних PHP-скриптов и загрузку собственных шаблонов. При наличии опыта собрать лендинг - дело 1-2 вечеров. Сервис поддерживает синхронизацию с социалками, онлайн-чатами, конструкторами форм, калькулятором услуг и прочими полезными штуками. Кастомизация страниц происходит, в основном, через правку кода, хотя визуальный редактор тоже есть. Это вариант для тех, кто знает, как нужно верстать лендинги либо новичков, желающих опубликовать страницу на основе подарочного премиум-дизайна.

Плюсы:

Минусы:

• Сравнительно высокая сложность освоения;
• Среди стоковых шаблонов нет одностраничных;
• Необходимость владения кодом хотя бы на базовом уровне.

Стоимость за месяц при оплате за год:

1. Минимальный ($2.39/мес) - уменьшенный баннер, FTP-доступ, 1 Гб места.
2. Базовый ($4.79/мес) - снятие баннера, 2 Гб места, премиум-поддержка, HTTPS, Яндекс.Фиды.
3. Оптимальный ($6.39/мес)- 10 Гб места, премиум-шаблон и домен бесплатно.
4. Магазин ($7.99/мес) - 10 Гб места, модуль интернет-магазина.
5. Максимальный ($12.79/мес) - 20 Гб места, живой чат техподдержки.

Конструктор лендингов PlatformaLP → детальный обзор

PlatformaLP - специализированный конструктор посадочных страниц. Около полусотни классных шаблонов, куча стандартных виджетов, а также профильных вроде счётчиков/вкладок/декораций/спойлеров и визуальный редактор, позволяющий гибко отрегулировать структуру, содержимое каждой секции страницы для десктопного и мобильного формата в отдельности. Есть корзина - можно продавать онлайн. Поддерживается вставка HTML-кода, а также интеграция сторонних сервисов - Bitrix24, amoCRM, GetResponse, RoboKassa, MailChimp, Яндекс.Касса, JustClick, Mailer, Unisender, SendPulse и LeadVertex.

Поддерживаются мультилендинги: можно создать несколько вариантов посадочной страницы для демонстрации в различных регионах. Эффективность можно измерять A/B-тестами, аналитические данные получать от Google или Яндекса. Ещё можно добавить реакции лендинга на поведение посетителя - всплывающие окна различного содержания при уходе со страницы, прокрутке до футера, повторном заходе, подачи заявки, заполнении формы и т. д. Основано это на работе с Cookie (сообщение на согласие их использования есть). Можно включить lazy load для изображений (ускоряет загрузку страниц), добавить анимации, использовать Google Fonts.

Плюсы:

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

Минусы:

Стоимость за месяц:

1. Микро (490 руб/мес) - 1 домен, 1 страница, оповещения в Telegram.
2. Эконом (790 руб/мес) - 1 домен, 10 страниц, SSL, 100 SMS.
3. Бизнес (1390 руб/мес) - 5 доменов, 50 страниц, мультилендинг, A/B-тест, интеграции, корзина, многопользовательский режим.
4. Бизнес + (1990 руб/мес) - 5 доменов, 50 страниц, приём платежей.

Пакеты расширения для бизнес-планов:

1. +390 руб/мес (Бизнес) - +5 доменов, + 50 страниц.
2. +590 руб/мес (Бизнес+) - +5 доменов, + 50 страниц.

Конструктор лендинг пейдж Ucraft → детальный обзор

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

Поддерживаются интеграции 16 полезных сервисов (PayPal, Google, MailChimp и др.), стандартные SEO-настройки и приём онлайн-платежей. Значительно изменить стоковый шаблон можно при помощи инструментов дизайнера, идущих в комплекте. Новичкам пригодится шпаргалка прогресса сайта со списком задач и ссылками на области панели управления, в которых они решаются. Также есть эффекты, возможность командной разработки, гибкая настройка шрифтов и языков сайта. Всё это упаковано в приятный и простой интерфейс.

Плюсы:

• Возможность бесплатной публикации одностраничника со своим доменом и SSL;
• Множество готовых блоков, адаптивный дизайн;
• Поддержка мультиязычности сайтов и командной разработки;
• Возможность приёма оплаты онлайн;
• Встроенный конструктор логотипов, инструменты дизайнера;
• Шпаргалка прогресса для новичков.

Минусы:

• Отсутствие встроенных средств сбора статистики и анализа конверсии;
• Отсутствие некоторых характерных лендинговых виджетов вроде счётчика.

Стоимость за месяц при оплате за год:

1. Про Веб-сайт (₽670/мес) – 1 сайт, мультиязычность, блог, SEO, интеграции, круглосуточная техподдержка, снятие бренда «Ucraft»; добавление HTML/CSS/JS, 50 товаров для интернет-магазина, 70+ способов платежа и доставки;
2. Про Магазин (₽1400/мес) – неограниченное кол-во товаров, продажи без комиссии, мультивалютность, трекинг в реальном времени, неограниченный объём хранилища, скидочные купоны и оптовые скидк, управление магазином через iOS и Android, возможность отключения налогов, обратное начисление НДС;
3. Безлимит (₽2600/мес) – полное отсутствие лимита во всём, продажа на eBay, Facebook, Yandex.

Конструктор лендингов LPMotor → детальный обзор

LPMotor - специализированный сервис, предлагающий создание посадочной страницы с нуля, готовых блоков либо с использованием адаптивных шаблонов (около 100 штук, качество отличное). Визуальный редактор позволяет редактировать каждый элемент в отдельности, регулировать позиции, комбинировать в произвольном порядке блоки, секции и шаблоны секций, детально настраивать их внешний вид, создавать переходы между блоками (скос, закругление, угол), добавлять эффекты, а также скрывать отдельные блоки от показа на ПК или мобильных устройствах. Удобен для новичков.

Есть встроенная CRM хорошего качества, возможность тестирования вариантов одной и той же страницы (A/B-тест) и автоворонка продаж - интерфейс для настройки автоматических действий в случае выполнения пользователем заданного сценария (заполнил форму - получил письмо и т. д.). Поддерживаются всплывающие окна и множество интеграций: Jivosite, VK, Facebook, MailChimp, UniSender, GetResponse, Яндекс.Касса/Деньги, JustClick, amoCRM, PayPal, RoboKassa, Bitrix24, Yagla и прочее. Встроенная система сбора статистики приличная. Можно настроить получение уведомлений о заявках по SMS на почту или в Telegram. Есть анти-спам.

Плюсы:

• Классный редактор, гибкая настройка отдельных элементов и секций;
• Поддержка большого количества интеграций;
• Встроенные конструктор автоворонок, CRM, A/B-тесты и сбор статистики;
• Хорошие шаблоны, кастомизация, инструменты для создания дизайна с нуля;
• Возможность раздельного редактирования мобильной и десктопной версий страницы;
• Поддерживается вставка кода HTML;
• Есть встроенный магазин с корзиной и приёмом оплаты онлайн.

Минусы:

• Отключение подписи «LPMotor» в футере стоит дополнительные 600 рублей в год для каждой опубликованной страницы. Это отдельная услуга, не входящая в пакетные планы.
• В процессе работы нельзя сменить шаблон;
• В наборе элементов отсутствует таймер обратного отсчёта;
• Автоворонка подключается отдельно за дополнительную плату.

Стоимость за месяц при оплате за год:

1. Нано (360 руб/мес) - 1 домен, 10 сайтов, полная функциональность.
2. Мини (540 руб/мес) - 3 домена, 50 сайтов;
3. Стандарт (720 руб/мес) - 10 домен, 100 сайтов;
4. Безлимит (2400 руб/мес) - неограниченное количество доменов и страниц, без подписи сервиса.

Стоимость подключения автоворонки продаж (пробный период - 7 дней):

• Неделя - 990 рублей.
• Месяц - 2390 рублей.
• Год - 14990 рублей.

Конструктор лендингов Flexbe → детальный обзор

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

автоматически при добавлении домена. Можно вставить свой HTML-код на страницу.
Сервис поддерживает интеграцию приложений базовой важности (amoCRM, Bitrix24, CallbackHunter, Jivosite, GetResponse, UniSender), создание мультилендигов/геолендингов и предоставляет доступ к API. Приём онлайн платежей возможен через Яндекс.Касса, RoboKassa и карту Тинькофф. Можно подключить почтовые сервисы Google, Mail.ru и Яндекс. Кроме того, есть встроенная CRM среднего уровня и система сбора статистических данных. Можно настроить формат показа страницы при шаринге в социальных сетях. Присутствует мобильное приложение iOS/Android и настройки появления всплывающих окон.

Плюсы:

• Предельная простота сборки/настройки страниц из готовых блоков;
• Наличие встроенных CRM, статистики, A/B-тестов;
• Автоматически подключаемый SSL;
• Интерфейс для работы со всплывающими окнами;
• Поддержка интеграции ключевых для лендинга сервисов;
• Оповещения по SMS и почте о новых заказах;
• Возможность добавления администраторов страниц.

Минусы:

• Скудный набор готовых шаблонов;
• Встроенная CRM так себе;
• Отсутствие отдельных элементов/виджетов (только готовые секции);
• Кастомизация дизайна базового уровня.

Стоимость за месяц при оплате за год:

1. Стартовый (525 руб/мес) - 1 домен, 10 страниц, 250 SMS, SSL.
2. Бизнес (1050 руб/мес) - 5 доменов, 50 страниц, 500 SMS, мульти/геолендинг, A/B-тесты;
3. Ультра (2100 руб/мес) - домены и страницы не ограничены по количеству, 1000 SMS, 5 доп. пользователей.

Конструктор лендингов Mobirise → детальный обзор

Mobirise - бесплатная программа (Mac, Windows, Android), позволяющая собирать посадочные страницы из готовых блоков. Шаблоны представлены расширениями - платными наборами ($20-40) блоков, заточенных под конкретную задачу (бизнес, магазин, юрист, портфолио, ресторан и т. д.). Из коробки даётся 4 бесплатных шаблона. Также есть расширения для добавления интеграции социальных сетей и средств комментирования, перводчик, Soundcloud, Google Analytics, SEO-инструменты, а из платных - пакет иконок, корзина с оплатой через PayPal, редактор кода страниц и слайдер изображений.

Набор блоков (количество, структура, назначение) зависит от выбранного шаблона. Каждую секцию можно настроить, выбрав отображаемые элементы, цвета, эффекты, размеры и прочее. В целом, даже на бесплатном шаблоне блоков множество - их хватит с лихвой для сборки нормального лендинга со всеми фишками (отзывы, преимущества, колонки, табы, таймлайны, таймер, мультимедиа, прайс, карта, социалки и всё остальное). Страницы получаются адаптивные по умолчанию. Базовые SEO-настройки присутствуют. Для публикации страниц нужно купить хостинг и домен. Рекомендуем обратить внимание на пак со всеми платными расширениями.

Плюсы:

• Приложение бесплатно для коммерческого использования;
• Богатый набор адаптивных блоков в стоковой поставке;
• Простота сборки и редактирования дизайна страниц;
• Расширения значительно увеличивают область применения программы;
• Встроенный FTP-интерфейс для загрузки/обновления файлов на хостинге.

Минусы:

• Необходимо арендовать хостинг/домен отдельно;
• Обновление лендинга потребует наличия рабочих файлов проекта на ПК;
• Полное отсутствие средств сбора статистики и анализа конверсии ввиду формата сайтбилдера в виде приложения (можно подключить страницу ко внешним сервисам).

Стоимость:

1. Себестоимость страницы равна сумме, необходимой на аренду хостинга и доменного имени (примерно $20-30/год).
2. Стоимость полного пакета расширений составляет $197 - все шаблоны и интеграции.

Пошаговый план действий

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

Тем не менее, существуют общепринятые направляющие, по которым собирают лендинги. Уже всё выверено давно - что работает, а что нет. Хотя для каждого конкретного случая нужно тестировать индивидуально, шлифуя нюансы до блеска (поменяли местами кнопки/блоки, цвет акцента, основной шрифт, формулировку оффера, количество полей в форме, расположение блока социалок - всё это может играть роль, нужно искать удачное сочетание). В целом, схема создания лендинга во всех конструкторах примерно одинакова:

Алгоритм создания лендинга

1. Регистрация в конструкторе.
2. Выбор шаблона подходящей тематики и/или структуры.
3. Добавление недостающих и удаление лишних для вашей задачи блоков.
4. Редактирование стокового контента под себя (тексты, цифры, изображения, ссылки) и заполнение с нуля свежедобавленных секций.
5. Настройка дизайна – цветов, эффектов, шрифтов, фонов, форм элементов и прочего.
6. Заполнение SEO-параметров.
7. Подключение необходимых интеграций (платёжные системы, социалки, рассылки, аналитика, статистика, живой чат, обратный звонок и прочее).
8. Оплата тарифного плана и подключение домена.
9. Публикация страницы.

Что должно быть?

Характер и порядок секций имеет огромное значение. Суть в том, что по мере листания страницы посетитель должен заразиться желанием последовать вашему предложению. И сделать это. А какие же блоки использовать для достижения цели? В каком порядке? 100% рецепта успеха любой страницы из любой ниши не существует, но кое-что можно обозначить:

• Шапка - качественное изображение или видеофон по теме, заголовок, передающий суть предложения, логотип, анкорное меню, и, возможно, здесь же кнопка (CTA - Call-To-Action, призыв к действию) - подписка, покупка, загрузка, переход куда-либо.
• Вторым блоком может быть таймер обратного отсчёта до конца какой-то акции с кнопкой CTA. Также сюда можно поставить описание вашего предложения (а уже после - CTA) - текст плюс изображение либо видео. Порядок зависит от того, насколько понятна суть оффера из шапки - нужно ли дополнительно показывать суть либо пора призывать к действию.
• Блок преимуществ предложения - буллитов. Можно оформить в виде слайдера (карусель) либо иконками с ёмкими, точными описаниями сильных сторон оффера. Лучше иконками с текстовыми подписями - так быстрее воспринимается информация, листать не нужно.
• Изображения или видео с продуктом в подходящем стилю страницы формате.
• Здесь может быть таймер до окончания предложения (если его не было вверху) либо тарифы, если речь идёт об услуге. Или короткий прайс в табах (2-5 позиций) на продукты. В общем, показ цен.
• Дальше можно поставить блок отзывов клиентов в формате табов или карусели.
• Здесь могут быть какие-то цифры, демонстрирующие популярность вашего продукта: количество скачиваний, довольных клиентов, подписок, сэкономленных средств, полученной пользы (смотря о чём речь), спасённых котятах и всего в таком духе.
• Форма - для совершения заказа, подписки, анкетирования либо чего-то ещё.
• Карта охвата географии вашей деятельности - реклама масштаба популярности (можно и без неё).
• Призыв к действию - кнопка CTA возле резюме предложения, подходящей иллюстрации либо в другом уместном формате.
• Футер логотипом, кратким содержанием оффера, адресом офиса, телефоном, мессенджерами, ссылками на социальные сети, основной сайт, блог и что-либо ещё в таком духе.

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

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

Оптимальными для большинства новичков будут uKit, uLanding и Wix - в них получаются хорошие лендинги. Недорого, быстро и красиво. Самый мощный профильный сервис - LPGenerator. Идущие следом PlatformaLP и LPMotor несколько уступают ему. uCoz может всё хорошо, и лендинги в том числе. Ucraft - неплохой вариант, Flexbe приятен и простоват, Mobirise - на любителя.

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

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

Практика убедительно доказала, что лендинги продают намного лучше обычных многостраничных сайтов. Но… не всегда. В этой статье мы с вами разберем от А до Я — что такое лендинги, для чего они нужны (или почему не нужны) лично вам. А также рассмотрим конкретные примеры хороших и плохих лендингов, чтобы вам было от чего отталкиваться.

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

Для чего нужны лендинги (и при чем тут Чернобыль)?

Знаете, главную причину, почему человек не покупает то, что ему предлагают в интернете? Вовсе не потому, что он не хочет это покупать. Чаще всего причина в том, что он просто не понимает:

• Что ему что-то предлагают
• Что именно ему предлагают?
• Зачем ему то, что ему предлагают?
• и так далее

То есть люди просто не замечают ваших рекламных предложений. Вокруг слишком много информации. Сайты пестрят баннерами, ссылками, видосами, картинками. У среднестатистического пользователя интернета параллельно открыто 10 — 15 вкладок браузера, между которыми он хаотично передвигается («сёрфит»).

Лендинги призваны решить именно это проблему — максимально сконцентрировать внимание посетителя на той информации, которую вы предлагаете. Первыми все преимущества лендингов оценили, конечно, предприниматели. Обычный сайт дает 0,1 — 0,5% конверсии в заказ. А лендинг дает 1 — 7% конверсии в заказ. Вывод? Будем делать много лендингов.

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

Но что вы скажите например вот об этом (ссылка откроется в новой вкладке)?

Это тоже лендинг, на котором нам показывают обычную вроде статью. То есть здесь никто ничего не продает. Журналисты подготовили материал о катастрофе в Чернобыле и разместили его на лендинге — отдельной странице. Хотя они вполне могли точно так же разместить этот материал на сайте своей газеты. Что при этом поменялось бы?

Они потеряли бы наше внимание. На лендинге все внимание приковано к тому, что вы пытаетесь донести до посетителя. Кстати, этот материал про ЧАЭС стал одним из самых посещаемых в Рунете по этой теме. Не думаю, что им удалось бы достичь такого же успеха, если бы они разместили статью просто на сайте. Полистав этот лендинг так и хочется заново пройти «S.T.A.L.K.E.R — Тень Чернобыля».

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

Кстати, а в чем же заключается «магия» лендинга? Только ли в том, что там нет посторонних ссылок и менюшек?

Вторая причина, почему лендинги работают лучше обычных сайтов

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

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

Но эта причина не единственная. Еще один важный момент — это красивое графическое оформление информации.

Знаете, как устроены обычные сайты? Они работают на каких-нибудь «движках», которые автоматически генерируют страницы. При этом дизайн и структура всех этих страниц всегда остается неизменной.

Если вы захотите добавить какие-нибудь особенные элементы, то вам придется сильно потрудиться (и не факт, что у вас получится). А лендинг — это отдельный «мир». Там вы можете творить все, что пожелаете. А это очень важно.

Дизайн лендинга — это правильное подчеркивание и усиление того, что вы хотите сказать с помощью графических элементов. Это могут быть рисунки, стрелочки, особые шрифты, видео. Все это будет работать на то, чтобы посетитель по максимуму «потребил» то сообщение, которое мы хотим до него донести.

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

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

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

А если вы вставите обычные видео в свою статью — никто их смотреть не будет. И то же самое с остальными графическими элементами. То, что выделено цветом, шрифтом, рисунком — привлекает внимание и остается в памяти. Обычный текст прочитывается «по диагонали» (в лучшем случае).

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

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

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

Поэтому ваш лендинг может быть простым. Главное, чтобы он был аккуратным. И вот вам пример, где аккуратность и рядом не лежала.

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

Посетители вашего сайта мыслят примерно так. Лендинг сделан ужасно, значит у них нет денег на специалистов, которые бы сделали это нормально. Раз нет денег, значит у них никто ничего не покупает. А раз у них никто ничего не покупает — значит у них плохой товар/услуга.

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

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

Пример крутого лендинга

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

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

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

Обратите внимание, и в первом и во втором примерах лендинги «продают» бесплатное действие. В первом случае — скачать бесплатную книгу. Во втором — записаться на бесплатный вебинар. Но насколько разные ощущения они вызывают.

Хотите уметь делать такие же красивые лендинги самостоятельно? Не вопрос.

Как сделать лендинг технически

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

У каждого из этих вариантов есть свои плюсы и минусы. Для создания лендинга из шаблона вам нужен, во-первых, шаблон, а во-вторых, хотя бы начальные знания html. Я постарался максимально облегчить вам задачу, и написал . Там же я даю вам готовый бесплатный шаблон, который вы сможете отредактировать под свои нужды.

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

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

Вот так выглядит рабочая область этого конструктора.

Но сделать оболочку одностраничника — это только полдела. Самое важное — это грамотное его наполнение.

Что написать на лендинге, чтобы он продавал

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

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

А после того, как у вас готов красивый лендинг, и даже наполнен правильным содержанием — самое время привести на него посетителей.

Как правильно продвигать лендинг

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

Поэтому лендинги в основном продвигают через контекстную рекламу. Это такие системы как Яндекс-Директ, РСЯ, Гугл Адвордс, КМС, таргетинг вконтакте и другие. Там вы даете рекламу, привлекаете аудиторию, которую могло бы заинтересовать ваше предложение, и оплачиваете отдельно каждый клик по вашему объявлению. Поэтому она и называется «PPC» — то есть «pay-per-click» («оплата за клик»).

Конечно, лендинги можно продвигать и через SEO, но это отдельная тема для разговора. А пока я хотел сделать небольшое заключение.

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

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

До скорого!

Ваш Дмитрий Новосёлов

Приветствую Вас. Сегодня мы поговорим о том, что такое Landing Page и для чего он нужен. Если Вы являетесь инфобизнесменом, то скорее всего уже не раз сталкивались с такой страницей захвата. И более подробней о данной странице сейчас расскажет мой постоянный читатель Денис Тумилович. Встречайте!

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

Сегодня с радостью хочу поднять тему лендингов – что такое страницы захвата (лендинги), зачем нужны эти посадочные страницы, кого куда они садят? Для кого они? Чтобы собирать подписчиков или для продажи товаров? Кто из вас уже задумывался на эту тему – поднимите руки!

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

Так вот, очень мне понравился этот вопрос, захотелось сразу написать статью, но как-то все времени не было. Хотя, тема интересна, согласитесь...

Итак, как вы думаете, что же такое Landing Page?

По основному определению из википедии – это “целевая страница”, или по-другому такие страницы называют «посадочными страницы», это такая страница, на которую попадает человек из каких-то источников. И именно на этой странице происходит взаимодействие с пользователем. Именно на этой странице пользователь принимает какой-то решение.

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

Страница эта может быть создана отдельно средствами HTML+CSS, или же с помощью специальных плагинов к WordPress.

Что примечательно — для таких посадочных страниц даже целые домены регистрируют, не то чтобы страничку на блоге!

Основная задача Лендингов.

В чем же задача посадочных страниц? Основным пунктом является то что они нужны для того, чтобы получать клиентов. Другими словами это настоящая реклама вашего инфопродукта.И задача этой рекламы продукта одна — ЗАИНТЕРЕСОВАТЬ посетителя, который является потенциальным клиентом!

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

Свою первую страницу я делал руками, средствами HTML+CSS. Получилось не очень, если честно, но это была действительно рабочий landing.

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

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

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

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

Итак. Главная цель посадочных страниц (лендингов) – это их конверсия (превращение посетителя в покупателя или подписчика)!

Теперь этот факт точно всем понятен. Я очень на это надеюсь.

Особенности Landing Page.

1. Самое главное — посадочные страницы не перегружены графическими элементами, рисунками, потому что много графики отвлекает. А нам нужно, чтобы посетитель был максимально сконцентрирован на нашем предложении. На заголовке!

2. Вторая особенность – это отсутствие рекламы. Тут даже комментировать не стоит. Реклама итак всем уже надоело. Будет совсем не логично рекламировать кого-то на странице, которая предназначена для рекламы ТВОЕГО продукта или услуги! Кто со мной согласен — прошу отписаться в каментах.

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

Какой должна быть конверсия?

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

Конечно, не стоит надеяться, что спамом у вас будет конверсия больше 1% по-моему это миф.

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

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

Красная кнопка 5,6% конверсия

Зеленая кнопка 3,2% конверсия

Следовательно – используйте красную кнопку для основного действия!

Кнопка “Узнать цену” 5,6% конверсия

Кнопка “Заказать” 0,8% конверсия (ШОК!)

Да, это действительно шокирующая информация! Я до сих пор под впечатлением! Тчательно подбирайте слова!

Форма “Имя, Телефон” лучше чем “Имя, телефон, емейл” и хуже чем “Телефон”.

Людям все-таки приятно когда вы, позвонив им, назовёте человека по имени!

Открытая форма лучше чем закрытая.

Тут все понятно. Человеку не нужно гадать что нужно куда-то нажать чтобы форму заполнить. Все формы должны быть видны.

Заголовок “Закажи ЭТОТ курс и получи в подарок ВОТ ЭТО…” – хорошая конверсия.

Заголовок такого вида “Получи ЭТОТ подарок при заказе ЭТОГО курса…” — плохая конверсия.

На первом месте должно стоять основное действие «закажи курс» , а не «получи подарок». А уже вместе с основным заказом получаешь много плюшек. Плюшки не может быть целью лендинга.
Это реальный опыт одной их веб студий, которая специализируется именно на лендингах. Так что верить или нет… Странный вопрос 🙂

И помните еще одну штуку: адаптивность вашего лендинга – это +5% к конверсии! Сейчас достаточно большое количество людей используют планшеты и смартфоны для заказов через интернет – помните об этом. Адаптивность сейчас никак нельзя игнорировать!

Заключение.

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

Но как быть новичку, который не в курсе что такое landing page и как её создавать? Могу посоветовать научиться использовать конструкторы типа wp-page или его бесплатные аналоги. Ну или – обращайтесь ко мне – я помогу.

Вот наглядный пример некоторых Лендингов (кликабельно):

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

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

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

• продажа определенного товара или услуги;
• сбор данных, формирование базы потенциальных клиентов (Lead Capture);
• регистрация на ресурсе;
• оформление подписки;
• бронирование места;
• получение пробных образцов и демо-версий;
• продвижение бренда или популяризация товара (вирусные целевые страницы).

Особенности и структура лендинга

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

• Long page - длинный лендинг . Этот формат требует от пользователя прокрутки страницы, что позволяет подавать информацию поэтапно, подводя потенциального клиента к результирующему действию. Такие страницы аналогичны применению техник активных продаж, поскольку постепенно подогревают интерес покупателя.
• Short page - короткий лендинг . Вся информация представляется разом, что создает эффект ажиотажа. Короткое и точное предложение, бьющее прямо в цель.

По типу взаимодействия с клиентом лендинг может быть:

• Одношаговым (One step): все этапы от подогрева интереса до регистрации пользователя представлены на одной странице.
• Двухшаговым (Two step): на первой странице формируется интерес к продукту, а на дополнительной второй - осуществляется призыв к действию.

Контент лендинга, как правило, разбивается на отдельные блоки, которые располагаются в определенном порядке, удобном для восприятия посетителем. Базовыми элементами структуры являются:

• Заголовок - главное предложение, которое должно заинтересовать ваших клиентов. Он должен содержать не только информацию о предложении, но и донести полезность принимаемого решения. Заголовку уделяют максимальное внимание и именно он определяет, задержится ли посетитель сайта или уйдет.
• Контактная информация - доступные каналы связи с компанией (номер телефона, E-mail, Skype, Viber). Ее не должно быть слишком много. Как правило, контакты располагают в правом верхнем углу.
• Логотип компании - необязательный элемент, используемый только при продвижении брендовых товаров или услуг.
• Демонстрация продукта - если это конкретный товар, может быть использована его фотография или 3D-gif, для услуг подбираются ассоциативные изображения или промо-ролики. Изображение располагают по центру так, чтобы, попадая на страницу посетитель сразу понимал, что ему предлагают.
• Коммерческое предложение - краткое (часто тезисное) описание условий сделки или достоинств продукта. Подается в формате готового кейса, включающего тезисную информацию о том, что и за сколько получает посетитель, выполнив целевое действие.
• Лид-форма (обратная связь, форма регистрации или заказа, форма захвата) - интерактивная зона с полями для ввода данных и их отправки компании. Она должна быть обязательно выделена.
• Кнопки call-to-action - специальные кнопки для совершения действия «попробовать», «заказать», «купить», «скачать».
• Счетчик - используется при проведении акций или для подогрева интереса покупателей. Может демонстрировать количество времени оставшегося до конца акции или товаров на складе.
• Отзывы клиентов и ответы на вопросы - необязательный элемент, чаще используемый при продаже услуг. Желательно, чтобы мнения были реальными.
• Награды и знаки отличия - необязательный блок, в котором демонстрируются косвенные достоинства компании или товара.

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

Специфика продвижения лендинг пейдж

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

Изначально для оценки сайтов поисковые системы использовали алгоритм ранжирования BM25, сегодня его место занимает более современная модификация BM25F, которая учитывает такие элементы как заголовки, а также мета-теги Title, Keywords и Description. Таким образом, при создании landing page вы можете разбить информацию на блоки, в заголовки которых будут органично вписаны соответствующие ключи. Соответственно оформляются и мета-теги. Также вы можете оптимизировать отзывы клиентов и блоки ответов на вопросы. Повысить ранг лендинга в поисковой выдаче помогают и уникальные изображения, с корректно прописанными атрибутами alt.

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

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

• Контекстная реклама в Google AdWords и Яндекс Директ . Это основной способ привлечения трафика, который использует принципы таргетирования.
• Реклама и публикация ссылок в социальных сетях . Это направление очень эффективно при продвижении лендингов, посвященных проведению акций, а также вирусных посадочных страниц.
• Продвижение в популярных блогах . Малоэффективный способ, реализуемый скорее, как дополнительный.
• Рассылка по E-mail . Чаще выполняется для постоянных клиентов компании с целью привлечь внимание к конкретному продукту или проводимой акции.
• Тизерная реклама .