Что такое лендинг. Лендинг – что это такое простыми словами с примерами. Дайте мне таблеток от жадности! Да побольше! или Продажи через лендинг

26.06.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 адресов.

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

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

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

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

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

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

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

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

Смотрите, вдохновляйтесь, применяйте понравившиеся идеи на практике, миксуйте их со своими и не забывайте проводить 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 – хороший пример того, как благодаря дизайнеру продукт хочется приобрести. И немедленно съесть!

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

Что такое landing page и в чем его особенности? Как самому быстро сделать крутой лэндинг с высокой конверсией? Какие конструкторы для создания посадочной страницы сейчас популярны?

Здравствуйте, уважаемые читатели! С вами один из авторов бизнес-журнала «ХитёрБобёр.ru» Александр Бережнов.

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

Тема создания лендинга не из легких, но весьма актуальная и интересная. Зная, как это делать, вы сможете зарабатывать деньги разными способами, например, как . Разбираясь в этом направлении, вы сможете начать свой малый бизнес, просто продавая товары или услуги через landing page.

1. Что такое лендинг пейдж - обзор для новичков

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

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

Landing page дословно переводится с английского: «целевая» или «посадочная страница».

Такие одностраничники вы наверняка видели в Интернете.

Почему делают лэндинги:

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

Лэндинги создают для:

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

Лендинг и воронка продаж

Воронка продаж – это процесс продажи товара/услуги. На каждом этапе этого процесса отсеивается часть людей – потенциальных клиентов коммерческой компании. У нас на сайте есть отдельная статья о .

Процесс продаж через лендинг пейдж выглядит примерно так:

увидели ссылку на посадочную страницу 100 человек;
перешли по ссылке 40 пользователей;
заявку оставило 10 человек;
купили продукт 2 человек.

Из сотни – две продажи. Отдача – 2%. Это неплохой вариант. Не совершенный, но и не проигрышный.

Воронка продаж выглядит как перевернутая кухонная воронка: широкое основание и узкое горлышко.

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

CTR – отношение числа кликов к числу показов. Измеряется в процентах.

Средняя часть – заявка. Анализируем эффективность посадочной страницы – ее дизайн, текстовую часть.

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

Когда анализируют лендинг, рассчитывают еще один показатель – EPC.

EPC – это усредненный показатель заработка с одной тысячи посещений лендинга.

Чем выше показатель доходности, тем выше эффективность вашей рекламной кампании.

В каких случаях необходимо создать лендинг?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итак, что такое Landing Page? Лендинг это место, где посетитель как-бы «Приземляется «, после того как он нажал на объявление в Google Adwords или Яндекс-Директ. Лендинг пейдж это - простыми словами целевая страница, то есть у нее одна цель - побудить человека к действию (CTA). Простота Landing Page сделала этот инструмент невероятно популярным и лучшим вариантом для повышения конверсий от рекламы.

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

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

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

Лендинг снижает затраты на продажу, потому что имеют одну конкретную цель.

Взлом лендинга: копирайтинг для не писателей

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

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

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

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

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

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

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

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

Но, во всем этом нет смысла, если у вас плохой заголовок. Заголовок вдохновляет и заставляет посетителя остаться и представить ощутимую выгоду после покупки. Посмотрите пример Apple iPad:

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

Также очень настаиваю пройти обучение у Антона Петроченкова по созданию Landing Page , в котором он делится секретными лайф-хаками, как писать убойные тексты не имея опыта в копирайтинге. Даже я думал что все знаю, оказывается нет:)

Изображение

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

К счастью, для этого у нас есть картинки.

Главное изображение может быть так же важно, как заголовок. Изображения — это эстетическая составляющая вашего лендинга, которая говорит людям: “да, вы находитесь в правильном месте, и вы можете доверять этой компании”, даже не осознавая этого.

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

Покажите преимущества

Если кто-то начинает прокручивать вниз, значит вы сделали что-то правильно. Возможно это текст объявления, заголовок, главное изображение или что-то еще, люди, которые читают все страницы лендинга говорят вам, “я заинтересован».

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

Но людям плевать!

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

Это облегчит мне жизнь?

Хватит хвастаться. Просто ответьте на этот вопрос. Как ваш продукт облегчит жизнь? Что у клиента изменится к лучшему?

Лайф-хак. Наверняка вы встречали где-то потрясающие лендинги и задавались вопросом как скопировать лендинг . По ссылке можно заказать копию Landing Page всего за 500 руб.

Отзывы

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

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

По мнению Reevo, отзывы покупателей увеличивают продажи на 18%.

Отличие Landing Page от других страниц

Задавая вопрос «Чем отличается лендинг от других страниц?», Вы должны понимать, что целевые страницы предназначены для платного трафика, такого как Google Adwords, а домашняя страница сайта предназначена для органического поискового трафика.

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

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

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

Типы лендингов

Существует два основных типа Landing Page.

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

Лендинги с переходом по клику . Если вы что-либо покупали в интернете, то вы скорее всего использовали Landing Page. Используются для E-commerce и имеют простую кнопку действия. Предназначены исключительно для продаж. Преобразуют теплых клиентов в горячих и повторных покупателей. Длинна лендинга зависит от цены, уровня доверия аудитории и сложностью предложения. Чем меньше барьеров возникает до покупки, тем короче лендинг.

Релевантность лендинг-пейдж

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

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

Это концепция, которую я называю «выравнивание ». Чем лучше выровнены ваш источник (откуда посетитель пришел) и ваш лендинг, тем выше вероятность конверсии.

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

Звучит просто, но на деле большинство допускают это не простительную ошибку.

Пример плохого соответствия : Получите скидку 50% на iphone X. Текст лендинге: Добро пожаловать в магазин техники Apple.

Пример хорошего соответствия : Получите скидку 50% на ihpone X. Текст на лендинге: Получите скидку 50% на ihpone X в магазине техники Apple.

Когда нужно использовать целевую страницу?

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

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

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

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

Видео на Landing Page

Видео это маст-хэв, и его нужно использовать обязательно. Это самый легкий способ взаимодействия с посетителем. Результаты исследований eyeviewdigital.com говорят, что видео-ролики поднимают конверсию до 80%.

Люди приклеены к экранам телевизоров с середины 20 века. Видео изменило интернет, и теперь YouTube стал “новой поисковой системой”.

Все ленивы и любят смотреть а не читать.
Увеличивает продолжительность пребывания на лендинге.
Если вы показываете себя или сотрудников компании в видео, значительно повышается доверие.

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

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

Повторное использование контента . Добавьте свое видео на YouTube и оптимизируйте его для SEO. Видео в 52 раза чаще появляется на первой странице Google, чем текстовая статья (скорее всего, из-за отсутствия конкуренции).

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

Как измерить эффективность лендинг-пейдж?

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

Затем вы должны разделить количество участников на количество посетителей, чтобы получить свой ‘коэффициент конверсии’. Хороший , зависит от типа вашего Landing Page. Исследования показывают, что коэффициенты конверсии лидогенерации составляют около 3-5%, а показатели электронной коммерции — 1-2%.

Эффективная посадочная страница

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

Узнавание – представление или мысль, которую посетитель испытывает находя то, что он искал в момент попадания на лендинг.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Секретный соус

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

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

Что такое А/B тестирование? Это одновременный эксперимент между двумя или более лендингами, чтобы определить, какой из них работает хуже или лучше. Несмотря на название, эксперимент может проводиться с любым количеством лендингов.

Трафик случайным образом распределяется каждому варианту страницы на основе заданного веса – например, если вы выполняете тест с 2 вариантами страницы, вы можете разделить трафик 50/50 или 60/40. Посетители, как правило, направляются так, что они всегда будут видеть одну и ту же версию страницы.

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

Что нужно протестировать на лендинге?

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

Будьте готовы выбросить все догадки в окно и получить реальное понимание того, что работает, а что нет – тестирование, как фотокамера, никогда не лжет.

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

Некоторые из элементов, которые вы должны рассмотреть тестирование:

Основной заголовок
Призыв к действию (CTA) – обычно текст на кнопке
Изображение . Картинка с контекстом. Попробуйте свою фотографию (если она у вас есть)
Дизайн кнопок
Цвет кнопки – зеленый для действия, синий для цвета ссылки, оранжевый или красный для эмоциональной реакции
Количество полей ввода на форме
Длинная копия против короткой копии . Часто более короткий лучший, но для некоторых продуктов деталь важна в процессе принятия решения. Проверьте это и посмотрите.

Продолжайте отслеживать, улучшаются ли ваши результаты. Если результаты не меняются, вернитесь к исходной версии и попробуйте другое изменение. Мы наблюдали как этот тип тестирования улучшал результаты Landing Page во много раз!

Последние мысли

Теперь вы четко понимаете что это такое лендинг. У вас на уме одно — продажи. Поэтому с помощью этого руководства вы сможете сделать идеальный Landing Page. Признаюсь, что в этой статье я охватил только 10% информации, было интересно, но это только поверхностно, поэтому я рекомендую вам пройти углубленный курс, например этот!

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