Что такое landing page и в чем его особенности? Как самому быстро сделать крутой лэндинг с высокой конверсией? Какие конструкторы для создания посадочной страницы сейчас популярны?
Здравствуйте, уважаемые читатели! С вами один из авторов бизнес-журнала «ХитёрБобёр.ru» Александр Бережнов.
И я решил так – расскажу вам о лендингах, об основных приемах, которые использовал при их создании. Приведу примеры хороших одностраничных сайтов. А выводы каждый из вас сделает для себя сам. Договорились? Тогда начнем.
Тема создания лендинга не из легких, но весьма актуальная и интересная. Зная, как это делать, вы сможете зарабатывать деньги разными способами, например, как . Разбираясь в этом направлении, вы сможете начать свой малый бизнес, просто продавая товары или услуги через landing page.
1. Что такое лендинг пейдж - обзор для новичков
По теме создания посадочных страниц написаны сотни статей. В один материал сложно «впихнуть» все советы, весь опыт. Но я все-таки постараюсь рассказать вам о самом главном, что касается landing page.
Лендинг – это одностраничный сайт или просто страница, цель которой – побудить у пользователей желание совершить какое-то действие: купить, подписаться, позвонить, оставить заявку.
Landing page дословно переводится с английского: «целевая» или «посадочная страница».
Такие одностраничники вы наверняка видели в Интернете.
Почему делают лэндинги:
- Они хорошо мотивируют посетителя совершить нужное действие.
- Они быстро конструируются. И часто стоят дешевле обычного сайта. Еще один плюс: посадочную страницу можно сделать самостоятельно.
- Landing page легко переделать – улучшить, изменить, добавить недостающую информацию.
Лэндинги создают для:
- Продажи продукта. Для этого используют призывы: «купить», «оставить заявку», «позвонить».
- Сбора информации. Тут посетителям предлагают: «подписаться», «узнать больше».
- Распространения софта - продажа программного обеспечения.
Лендинг и воронка продаж
Воронка продаж – это процесс продажи товара/услуги. На каждом этапе этого процесса отсеивается часть людей – потенциальных клиентов коммерческой компании. У нас на сайте есть отдельная статья о .
Процесс продаж через лендинг пейдж выглядит примерно так:
- увидели ссылку на посадочную страницу 100 человек;
- перешли по ссылке 40 пользователей;
- заявку оставило 10 человек;
- купили продукт 2 человек.
Из сотни – две продажи. Отдача – 2%. Это неплохой вариант. Не совершенный, но и не проигрышный.
Воронка продаж выглядит как перевернутая кухонная воронка: широкое основание и узкое горлышко.
Самая широкая часть – переход на страницу. На этом этапе мы тестируем работу контекстной рекламы, сообщений в соцсетях, публикаций на других сайтах. Определяем CTR.
CTR – отношение числа кликов к числу показов. Измеряется в процентах.
Средняя часть – заявка. Анализируем эффективность посадочной страницы – ее дизайн, текстовую часть.
Узкая часть – обработка заявок и продажа. Здесь мы оцениваем работу живых людей – операторов, менеджеров.
Когда анализируют лендинг, рассчитывают еще один показатель – EPC.
EPC – это усредненный показатель заработка с одной тысячи посещений лендинга.
Чем выше показатель доходности, тем выше эффективность вашей рекламной кампании.
В каких случаях необходимо создать лендинг?
Ниже рассмотрим ряд случаев, когда вы можете столкнуться с необходимостью создания своего одностраничника.
Случай 1. Низкая конверсия (продажи) основного сайта компании
Когда сайт показывает низкий показатель конверсии – то есть покупатели уходят, ничего не купив. И денег на создание нового работающего большого сайта – нет.
Пример расчета: за 24 часа на сайте побывало 300 человек. Подписались на рассылку – 12 пользователей. Конверсия составит: 12 / 300 * 100% = 4%.
Средняя конверсия сайтов в зоне.РУ – 0,5%. Конверсия лэндингов 5–10%. В этих цифрах скрывается вся правда о том, почему предприниматели так любят продавать свои товары и услуги через одностраничники.
Случай 2. Запуск нового продукта
Когда вы запускаете новый продукт и желаете показать его в самом лучшем виде. Когда на новинке нужно сфокусировать контекстную рекламу.
Случай 3. Решение конкретной задачи
Когда нужно решить конкретную маркетинговую задачу. И основной сайт компании для этого не подходит.
Создание landing page без в большинстве случаев поможет увеличит продажи.
Само по себе наличие посадочной страницы не привлечет сразу кучу клиентов. На самом деле лендинг – это лишь инструмент. Даже самая навороченная дрель не просверлит дыру в стене, пока вы не возьмете ее в руки. Так и здесь.
Чтобы страница заработала – нужно ее «включить».
Для этого можно предпринять следующие ходы:
- Запустить контекстную рекламу на ваш одностраничный сайт.
- Запустить e-mail рассылку по заранее собранной базе подписчиков. В письме кратко расписать свойства продукта и добавить ссылку на лэндинг.
- Прорекламировать продукт на форумах, сайтах-партнерах, досках объявлений. Везде добавлять ссылку на страницу.
Ошибочно мнение, что лэндинг может быть единственным местом общения бизнеса и аудитории. Если компания не ведет блог, не развивает свое присутствие в социальных сетях, не использует email-маркетинг – landing page будет неэффективным.
Пример из практики
Молодой человек заинтересовался предложением компании «Кверти». Парень никогда раньше не слышал об этой фирме, а потому ищет доказательства ее существования. Посещает сайт и блог компании, вступает в группу в соцсетях.
Он убедился: компания работает. В блоге постоянно обновляется контент. В соцсетях админы быстро реагируют на вопросы пользователей. Клиент возвращается на одностраничник, делает предварительный заказ.
А теперь задайте себе вопрос: чтобы бы сделал парень, если бы не нашел следов «Кверти» в Интернете? Если бы все существование компании начиналось и заканчивалось на одной-единственной посадочной странице. Стал бы он заказывать их продукт?
Вывод из этого примера: используйте вспомогательные инструменты для усиления эффекта от продаж через ваш одностраничник.
2. Сколько стоит создание лендинг пейдж и от чего зависит цена на одностраничный сайт
Цена создания лендинг пейдж зависит от того, будете вы заказывать одностраничник или делать его самостоятельно.
- Первый вариант – дорогой. Фрилансеры берут от 100-200 у.е. за работу, дизайн-студии – от 1 000 у.е. Крутые агентства – от 5 000 у.е.
- Второй вариант – «почти» бесплатный. Если вы подключите к разработке программиста или копирайтера, если за основу возьмете платный шаблон – цена этого способа составит от 20 до 1 000 у.е. и еще выше. Для лучшего понимания цен на разные виды сайтов и лэндингов, прочтите нашу статью .
Если вы решитесь заказать лендинг, вас попросят заполнить бриф – специальный опросный лист: ответить на вопросы, что бы вы хотели видеть на сайте.
От ваших ответов и будет отталкиваться исполнитель при определении цены за работу.
Чем больше «фишек» и «наворотов» вы захотите видеть на своем одностраничнике, тем дороже обойдется лендинг пейдж.
Цена будет зависеть от:
- необычная структура и уникальный дизайн потянет на 7 00 у.е.;
- контекстная реклама и ее настройка – от 100 у.е. в месяц;
- текст от хорошего копирайтера – 50-100 у.е., от отличного коммерческого писателя – от 1 000 у.е.;
- уникальные картинки и иконки (не скаченные со стоков) – это еще как минимум 100-200 у.е.
Кроме этого, на цену landing page влияет анализ целевой аудитории, подборка ключевых фраз, тестирование структуры страницы, постоянный мониторинг и прочее.
Я встречал лэндинги, конверсия которых составляла 50–60% . То есть каждый второй посетитель оставлял свои данные или слал заявку на покупку продукта. Секрет такой большой отдачи заключался в двух факторах:
- На страницу приходила преимущественно целевая аудитория – то есть люди, которым этот продукт был интересен.
- Разработчики придерживались традиционных правил создания эффективной посадочной страницы.
Я расскажу вам об этих правилах.
Совет 1. Размещайте на лэндинге один продукт
Не сумели зацепить – читатель не дойдет до заветной кнопки «купить».
Следуйте следующим правилам:
- Сосредоточьте внимание клиента на чем-то одном.
- Расскажите ему о преимуществах только этой версии программы.
- Предложите ему скидку на один товар.
- Заинтересуйте его рассылкой по определенной теме.
Если вы разместите десять продуктов в рамках одного экрана – внимание посетителя рассеется. Он пробежит взглядом всю страницу. Быть может, обратит внимание на огромную скидку или на какую-нибудь веселую картинку. А потом закроет вкладку. Через пять секунд он уже забудет о вашем существовании.
Пользователь заходит на сайт. Первые мысли, которые его посещают: куда я попал, зачем я здесь? Если в ближайшие мгновения он не найдет ответа – вы потеряете клиента.
По статистике 80% потенциальных покупателей уходят со страницы в первые пятнадцать секунд. И вот основные причины:
- Они не нашли, что им здесь делать. На сайте отсутствует конкретный призыв к действию: «подпишитесь», «заказывайте», «узнайте больше» и прочее. Запомните, если на экране нет «большой красной кнопки», подписанной простым словом «купить», – перед вами плохой лэндинг.
- Посетители не понимают, что им тут предлагают. Их раздражают десятки наляпанных друг на друга деталей, кричащие гифки и сплошной Caps Lock. Несуразные элементы борются за внимание посетителя, сбивая его с главного – с покупки или подписки.
Данные советы помогут вам увеличить продажи вашего продукта:
- Наше всё – прямоугольная красная кнопка с емким глаголом в центре. Размещайте ее не только в конце, но и в начале страницы.
- Выражайтесь чётко. Говорите прямо: что должен сделать пользователь и что ему за это будет.
- Уберите всё, что отвлекает от главной мысли. Непонятные графики, нейтральные картинки, глупые заголовки, левые кнопки, огромные баннеры с рекламой чужих продуктов.
- Убедите посетителя примером исключительности своего продукта. В восхвалении товара используйте больше цифр, сравнений. Рядом с убеждением установите красную кнопку.
- Покажите конкретные выгоды, которые получит клиент от использования вашего предложения.
Но не будьте излишне страстны в своем желании одурманить клиента. Чрезмерное давление и переизбыток рекламных условок вызывает у читателей только тошноту.
Совет 3. Используйте продающие заголовки
Продаете люминесцентные лампы? Вот вам заголовок: «Экономьте энергию в 4 раза эффективнее».
Приглашаете толстушек в фитнес центр? Бейте в самое сердце: «Кто еще хочет фигуру телезвезды?»
При верстке заголовков обязательно используйте тэги h1 и h2. Если получится, включайте в них ключевые фразы – те слова и словосочетания, по которым вас будут находить клиенты через поисковик.
Совет 4. Составьте качественный продающий текст
Текст – это первоочередное. Пока у вас не будет полностью сформулированного предложения, даже и не думайте заказывать дизайн лендинга.
Чтобы текст был первоклассным необходимо:
- Первое - знать кто он тот человек, которому нужен ваш продукт. Сформируйте портрет «идеального покупателя».
- Второе - читать книги о маркетинге и психологии продаж.
- Третье - уметь вовлекать клиента в разговор. Даже если этот разговор на самом деле является монологом. Представьте себе, какие вопросы возникают в голове у собеседника. Ответы логично вписывайте в текст. Пишите до тех пор, пока не расскажете о продукте всё. И не зацикливайтесь на количестве символов.
Я обратил внимание на то, как гуру интернет-маркетинга любят покритиковать большие лендинги. Если присмотреться к объекту критики внимательнее, станет ясно – осуждают нудные и малоинформативные тексты. Интересные и стоящие длинные landing page критиканы почему-то обходят стороной.
Не бойтесь больших текстов, если:
- Продукт сложный и незнакомый . Клиенту придется разжевывать каждое преимущество товара. Приводить множество примеров, доказывающих его пользу.
- Продукт дорогой. Чтобы добиться отклика, вам придется задействовать все суперспособности лендинга – отзывы, гарантии, кейсы, скидки, постгарантийное обслуживание, подарки.
Статистика
70% посетителей не дочитают вымученный вами лэндинг и до середины. Не вините себя. Постарайтесь захватить внимание оставшихся 30% – это тоже неплохо.
Совет 5. Избегайте агрессивной рекламы!!!
Как вам три восклицательных знака в конце предложения? Может, ЕЩЕ И CAPS LOCK стоило добавить?
Эти штуки – признак агрессивной рекламы. У нормального человека вид заглавных букв и трех восклицаний вызывает приступы паники: «Мне хотят впарить какую-то ерунду», «Опять эта навязчивая реклама!», «Я всегда говорил, что интернет – это помойка».
А для хороших копирайтеров, редакторов, контент-менеджеров – это еще и знак местечковости, непрофессионализма а иногда и, простите, идиотизма.
А еще я рекомендую исключить из текста следующие штампы: «гибкая система скидок», «лидер в области», «высокое качество и низкие цены», «огромный опыт», «индивидуальный подход». Удаляйте без сожаления все сырые и не подкрепленные цифрами фразы.
Этот этап очень важен для успешного продвижения и продажи товаров и услуг.
Сразу же перехожу к правилам:
- Читаемый шрифт – 16 кегль. Рекомендую: Georgia, Open Sans, PT Sans, Arial, PT Serif, Clear Sans, Garamond.
- В строке – до 80 символов.
- Каждые 3-5 строк – новый абзац.
- Каждые 2-4 абзаца – новый подзаголовок. Подзаголовки должны быть составлены так, чтобы читатель, пробежавшись по ним глазами, без труда понял о чём идет речь.
- Обязательно: списки, цитаты, таблицы.
Продумайте, по какой траектории будет двигаться взгляд посетителя. Когда все элементы стоят на своих местах, человек легко воспринимает информацию. А если клиент поймет ваш продукт, есть вероятность, что он тут же его и купит.
Используйте визуальную навигацию: стрелки, иконки, картинки. Привлекайте внимание контрастными оттенками: выделите цветом заголовки, используйте красную (желтую, оранжевую, зеленую) кнопку.
Релевантный лендинг – это страница, соответствующая ожиданиям пользователя.
Еще пример
Если пользователь кликает на баннер «купите новый айфон со скидкой в 10%», то на landing page должно висеть предложение именно о покупке этого телефона и именно с этой скидкой.
Создавайте свой лэндинг не только под каждую маркетинговую кампанию, но и под каждый источник трафика. Например, клиенты идут из социальной сети в Вконтакте – это должно быть отражено на сайте.
90% покупателей думают, прежде чем купить что-то. Люди боятся мошенничества, опасаются за свою безопасность. Многие не хотят, чтобы об их покупке кто-то знал. Страхи порождают возражения: «Я боюсь потерять деньги», «Не верю, что цена может быть такой низкой».
Так как вы не в силах лично успокоить клиента, позаботьтесь об ответах на их возражения заранее. Сформулируйте убедительные аргументы и вставьте их в текст.
Даю подсказки:
- Гарантия на возврат денег в течение 1-2 недель. «Если вам не понравится продукт, мы вернем все вложенные в него средства».
- Предложение попробовать продукт бесплатно. «Пробный 2-недельный период поможет вам определиться».
Подобные маркетинговые ходы были и остаются актуальными при создании посадочных страниц.
С дефицитом будьте аккуратнее. Мало кто сейчас верит таймерам обратного отсчета. Тем более, когда счетчик постоянно обновляется при перезагрузке лендинга.
Действуйте благоразумнее. Укажите количество оставшихся продуктов. Постоянно и вручную обновляйте информацию. Пользователь должен видеть – товар разбирают.
Заставьте покупателя думать так
«Вчера было 74 микроволновки с 50%-скидкой, сегодня утром – 23, а к обеду их осталось всего лишь 7 штук. Надо срочно брать!»
Совет 11. Убедите пользователя в том, что с вами надежно и безопасно
Размещайте элементы доверия недалеко от призыва к действию.
- Используйте кнопки социальных сетей – лента твитов, лайки в Facebook, список подписчиков в группе в ВК.
- Публикуйте отзывы со ссылкой на людей или компании, оставивших их.
- Отобразите награды и сертификаты. Документы должны открываться в полном размере и легко прочитываться.
Совет 12. Никаких сложных форм для заполнения
Сама по себе форма ввода данных не вызывает у посетителей неприятных эмоций. Большинство целевой аудитории готово взаимодействовать с вами. Если надо – они напишут свое имя, род деятельности и e-mail.
Трудности начинаются, когда на этапе регистрации пользователей просят рассказать о своей жизни более подробно. Я советую перенести момент более близкого знакомства на потом – когда посетитель подтвердит факт регистрации.
Еще одна проблема – сложная капча.
Капча - всплывающая форма в которую пользователь вносит набор символов (цифры и буквы на размытых картинках), подтверждая что он - не робот.
Над расшифровкой символов, над решением пазлов и головомок зависает каждый. А потому испытание проходят далеко не все – около 30-40% закроют вкладку и тут же забудут о вашем предложении. Забудьте о капче. Оставьте ее вашим конкурентам.
Этот совет объединяет суть всех предыдущих пунктов. Заказывайте простой Landing page.
Страница должна быть:
- Без лишней графики и текста
- С предложением совершить лишь одно действие: купить один продукт, подписаться на одну рассылку и так далее
- На вид свободной, просторной и не перегруженной
Идеальный лендинг – логотип, понятный заголовок и кнопка. Если ваш продукт позволяет сделать одностраничник в стиле минимализма – используйте это.
4. Что лучше: заказать лендинг у профессионалов или самостоятельно сделать посадочную станицу?
Команда, необходимая для создания лендинг пейдж с нуля:
- Маркетолог. Разрабатывает стратегию. Формирует предложение. Тестирует результаты. Создает прототип сайта.
- Копирайтер. Пишет тексты. Создает заголовки.
- Веб-дизайнер. На основании прототипа делает макет. Реализует спецэффекты.
- Front-end разработчик. Программирует и верстает. Тестирует отображение лендинга на разных устройствах. Настраивает форму обратной связи, кнопку призыва и прочее.
- Директолог, специалист по контекстной рекламе. Анализирует семантическое ядро. Подбирает ключевые слова. Настраивает контекстную рекламу.
- Менеджер. Контролирует работу. Рассчитывает окупаемость проекта. Принимает ключевые решения.
Услуги шести специалистов обойдутся вам от 3 000 у.е. Это цена за лендинг пейдж, который будет работать.
Если правильно спланировать каждый этап работы и заранее найти хороших людей – посадочная страница будет готова через 2-3 недели.
Теперь перейдем ко второму – «самостоятельному» варианту .
Если вы «обычный» человек – задачи по программированию, дизайну и верстке вы, скорее всего, провалите. Ничего не остается, как скачать готовый бесплатный шаблон или воспользоваться платным конструктором лендинг пейдж.
Работу копирайтера, менеджера, специалиста по контекстной рекламе и маркетолога придется взвалить на себя. Вот приблизительная схема действий:
- Придумайте идею. Сформулируйте предложение – посыл к аудитории, которой нужен ваш товар или услуга.
- Разбейте идею на логичные блоки. Если вы задаете в первом блоке вопрос – второй или третий блок должен быть ответом.
- Разработайте тизер* – картинку или текст. Сделайте его цепляющим и лаконичным.
- Поработайте над основным текстом . Здесь вы выступите в роли копирайтера.
- Придумайте заголовки. Желательно, чтобы они были не разнородными и складывались в рассказ.
- Призовите к действию. У вас на продающем сайте должны быть фразы и слова «закажите сейчас», «звоните», «подпишитесь».
- Займитесь дизайном. Выберите подходящий шаблон лендинг пейдж. Отредактируйте его под придуманную структуру. Фотографии, иллюстрации ищите в стоках. Или берите камеру и снимайте материал самостоятельно.
- Запускайте лендинг. Настройте контекстную рекламу.
Тяжело? Зато бесплатно! Правда, времени на это вы затратите немало: пожалуй не меньше 4-5 недель.
Давайте рассмотрим таблицу способов получения готового одностраничника.
5. Популярные конструкторы лендинг пейдж - ТОП-3 лучших
Популярность лендингов дала толчок к появлению целого ряда конструкторов. Я расскажу сейчас о нескольких – русскоязычных и самых популярных.
Конструктор 1. «Флексби» (flexbe.com)
- очень простой и надежный конструктор лендингов. Бесплатная версия действует 14 дней – времени достаточно, чтобы понять, удобен ли конструктор, подходит ли он для вашего бизнеса.
Самый дешевый тариф – 750 рублей в месяц. В эту сумму входит: один домен, 10 страниц, 250 СМС уведомлений, техподдержка, свой почтовый ящик и прочие «плюшки» вплоть до бесплатного домена в зоне.RU.
Самый дорогой тариф – 3 000 рублей в месяц. Это неограниченное число доменов, сколько угодно страниц, 1 000 СМС уведомлений и так далее.
Из минусов – создать что-то невообразимо крутое не получится. Набор инструментов «Флексби» без изысков.
Из плюсов – невероятная скорость. За 10 минут я создал приемлемый одностраничник. Он хорошо смотрелся на экранах мобильных устройств.
Конструктор 2. LPgenerator (lpgenerator.ru)
Представим себе, что вы уже скачали понравившийся шаблон. Что у вас есть хостинг и доменное имя. Что делать дальше?
Инструкция по установки лендинга
Несколько простых шагов как установить одностраничник:
- Зайдите на сайт своего хостинг-провайдера. Перейдите в панель управления аккаунтом.
- Найдите корневую папку сайта (она должна быть пустой). Название этой папки – заранее купленный вами домен.
- Нажмите кнопку загрузки, в появившимся окне выберите архив с шаблоном.
- Когда архив скопируется в папку домена, нажмите рядом с ним кнопку «Распаковать».
- Подождите секунд 20, пока закончится операция. Обновите страницу.
- Лендинг установлен!
Чтобы отредактировать landing page, перейдите в корневую папку вашего домена и ищите нужный файл. Меняйте текст, картинки, вставляйте видео. Научиться этому можно: прочитайте парочку статей по теме – и вперед, делать деньги.
7. Реальные примеры работающих лендингов
Лет 15-20 назад лэндинги создавались для импульсивных покупок. В старые времена на людей еще действовали кислотные цвета, сумасшедшие гифки и прочий мусор. Сейчас мы стали разборчивее: проходим мимо пустых обещаний, доверяем спокойному тону и убедительным доказательствам.
«Те» времена прошли, но все еще остаются люди, которые считают, что лендинг должен быть «кричащим». Этот раздел я создал, чтобы убедить их в обратном. Перед вами примеры лендинг пейдж. Давайте разберем их плюсы и минусы, поймем, почему они работают.
Пример 1. Мастер Климат - компания по установке и продаже климатического оборудования
www.masterclimat.pro - этот сайт мы сделали с другом, когда еще занимались .
Сайт имеет понятную структуру, приятный дизайн в стиле «вентиляции и кондиционирования». Также на данном лэндинге реализована адаптивная верстка, то есть сайт адаптируется под любые размеры экранов, в том числе под мобильные устройства.
Пример 2. Вакансии Альфа-Банка
www.job.alfabank.ru - прокручиваем сайт и видим – как стартует карьера молодого человека в Альфа-Банке. Через некоторое время, наглядевшись на заманчивую визуализацию, посетители сайта наконец-то видят буквы. На странице опубликован годный текст – его качество ничуть не хуже анимированной картинки.
Прямо на поверхности размещено описание новых вакансий, опубликован раздел возможностей. Для соискателей – небольшая и очень простая форма.
Кнопка действия: наверху небольшая и слабозаметная кнопка «отправить резюме» – это минус; в самом низу страницы яркая ссылка «смотреть вакансии» – это плюс.
На лэндингах глобально можно заработать тремя способами:
- Создавая лэндинги под заказ , то есть являясь веб-студией, дизайнером или менеджером всего проекта, найдя подходящую команду.
- Используя одностраничные сайты по назначению , то есть продавать через них товары и услуги.
- Заниматья лидогенерацией. Лиды - контакты потенциальных клиентов. Это «теплые» заявки, которые можно продать целевым компаниям. Например, вы можете создать лэндинг «Шкафы-купе в Самаре» гнать на него трафик и продавать сформированные заявки фирмам, которые эти шкафы изготавливают.
Какой именно способ выбрать - решать только вам. В первом случае вы будете получать деньги от клиентов, которым нужны сами сайты, а во втором - деньги, которые будут приносить лэндиг-пейджи от продаж конечным потребителям.
9. Заключение
По правде говоря, люди устали от лендинг пейдж. Им приелись одни и те же приемы – таймеры обратного отсчета, сумасшедшие скидки, «уникальные предложения», статичные отзывы, не меняющиеся на протяжении 2-3 лет.
Чтобы посетитель не закрыл ваш лэндинг – делайте его нешаблонным. Нет, шаблоны вы как раз использовать можете, но заполняйте их с умом. Не лгите, не гонитесь за мимолетной выгодой. Думайте о клиенте, о его потребностях.
Подведем итоги:
- Лендинг – это отличный инструмент для привлечения новых подписчиков, покупателей.
- Не делайте ставку только на посадочную страницу. Для общения с аудиторией развивайте другие направления – блог, основной сайт, группы в социальных сетях.
- Заказать landing page вы всегда успеете. Потому попробуйте сделать его сперва самостоятельно. В этом вам помогут готовые шаблоны и конструкторы. За вами останется лишь разработка маркетинговой стратегии, написание текста, настройка контекстной рекламы.
В завершение статьи – видео по теме изготовления идеального лэндинга:
Желаю вам удачи в бизнесе, запускайте landing page и увеличивайте продажи!
От автора: я приветствую вас. В предыдущих статьях вы могли прочитать много полезной информации о том, что такое лендинг, продающий текст, конверсия и т.д. В этой статье я хотел бы сделать подвести итог и собрать максимум советов по повышению конверсии на лендинге или в интернет магазине.
Как вы знаете, конверсия измеряется в процентах. Чем выше, тем лучше. В данном случае не получится углубиться конкретнее и точно сказать, какое значение конверсии является оптимальным.
Потому что если вы продаете квартиры, то и 0,3% быть хорошей конверсией, а если продаете цветы — даже 5% может быть плохим результатом. И категория товара/услуги это не единственное, что влияет на оптимальный показатель конверсии.
Очень важно понять тот момент, что невозможно получить хорошую конверсию, оптимизировав лишь что-то одно. Но очевидно, что улучшив ряд факторов, вы 100% поднимете конверсию.
Не пожалейте денег на хороший дизайн. И все-таки без хорошего дизайна намного труднее продавать что-либо. Если вы рассчитываете на большую прибыль, лучше отдать 10-30 тысяч дизайнеру и получить отличный уникальный дизайн.
Разработайте сайт/лендинг, максимально оптимизировав его под требуемые цели. Это на самом деле достаточно обширный пункт и тут можно много чего обсуждать. Также тут много технических нюансов, в которые вам необязательно вникать, если вы платите специалисту за разработку проекта. Но все же иметь хотя бы малейшее представление об этих тех. требованиях вам нужно, так вы сможете проверить качество разработки. Собственно, я не буду вам рассказывать про все параметры, а лишь про те, которые наиболее всего могут влиять на конверсию:
Разработка под требуемые цели также подразумевает, что к сайту не будут подключаться те библиотеки и плагины, которые не нужны. Опять же, это улучшит скорость.
Оптимизировать юзабилити сайта. Работа над этим начинается уже на этапе создания дизайна. Помните о том, что ваша цель — максимально упростить клиенту путь к заказу, создать ему как можно меньше барьеров на пути к конверсии. Например, максимально упростить форму заказа, предоставить удобное меню, разместить несколько форм на лендинге и т.д.
Сформулируйте четко свое УТП чтобы позже использовать его в продающем тексте. УТП — это уникальное торговое педложение. В том-то и дело, что у многих предпринимателей оно неуникальное и выглядит примерно так: “покупайте наш товар, он хороший”. А вам нужно хорошенько подумать над своим УТП и сделать его максимально привлекательным.
Создать качественный продающий текст на основе УТП. В первую очередь мы говорим сегодня о конверсии на лендинге, а там всегда используется продающий текст. Его можно написать самому, если у вас уже есть в этом деле небольшой опыт, а можно заказать копирайтеру.
Продающий текст всегда должен составляться на основе УТП и крутиться около него.
Создать ощущение надежности у пользователя. Для этого можно использовать разные приемы: разместить на лендинге телефон и адрес вашей компании, предоставить отзывы клиентов, страницы в соц. сетях, показать сайты-партнеры.
Не завраться. Лучше пусть все, что вы размещаете на лендинге будет правдивым. Почему? Скажу честно, многие покупатели до вашего лендинга видели массу других, где тоже были хвалебные отзывы и много другой лапши, которую им пытались незаметно повесить на уши.
Поверьте, нейтральный отзыв часто может оказать лучшее влияние на человека, чем чрезмерно хвалебный.
Несколько примеров из реальной рекламы лендингов, которые понижают конверсию
Настало время рассмотреть несколько примеров, как недоработки на лендинге могут понизить конверсию. Я возьму эти примеры из своей практики, потому что видел тысячи лендингов.
1. Заходишь на лендинг и несколько секунд видишь только попытки браузера загрузить его. На первом экране красуется картинка на весь экран (неоптимизированная), которая загружается секунд 5-6, а то и больше. Стоит понимать, что у многих людей по-прежнему нет доступа к быстрому интернет-каналу и загрузка даже нескольких мегабайт может длиться у них гораздо дольше.
Однажды я проводил анализ лендингов, скачав парочку из CPA-сети. Так вот, одни только картинки в общей сложности весили порой более 10 мегабайт. Мало того, что они не были оптимизированы для web, они очень часто еще и были больших размеров, чем необходимо.
Например, картинку 3800 на 1900, которая использовалась для фона, на самом деле можно было уменьшить до 1500 на 750, после чего еще и оптимизировать. На выходе получилось изображение, которое примерно в 10 раз меньше изначального.
2. Рекламируется товар с доставкой только по России. В блоке отзывов же можно найти отзывы от людей, проживающих в Казахстане и Украине. Этот недочет очень легко бросается в глаза и может вызвать подозрения у посетителя.
3. При заходе на лендинг какой-то элемент сайта не работает. Например, обнулился таймер обратного отсчета, не переключается слайдер, видео, которое вы залили с ютуба, перестало быть доступным. Таких проблем может быть масса, все они бьют по конверсии.
4. Текст не оформлен надлежащим образом. Иногда при заходе можно видеть продающий текст на сайте, но он идет просто сплошным полотном, даже без особого форматирования. Мало кто захочет читать такое.
5. Неправильно подобранные цвета. Когда один блок — ядовито-зеленый, а следующий за ним — ярко-оранжевый, посетитель может закрыть страницу, так как глаза ему дороже любого вашего товара.
6. Недоработки в верстке. Когда при заходе на лендинг видно, что один блок наезжает на второй, а где-то вообще форма заказа вылезла наполовину за пределы экрана, ни о какой хорошей конверсии речи быть не может.
7. Ошибки и опечатки. Многие не придают этому значения, но по-хорошему стоит перечитать хотя бы заголовки, потому что опечатка в значимом заголовке не придаст вашему лендингу солидности, а вашему товару — доверия.
Если в тексте много ошибок, пользователь может думать примерно так: “Какой-то безграмотный школьник писал этот текст и я должен этому верить? Ну уж нет”. Одно дело, сделать пару ошибок в информационной статье, которая не влияет на продажи, но другое — написать безграмотный продающий текст, поставив крест на бизнес-идее.
8. Слишком сложная форма заказа. В последнее время это встречается все меньше, но все же. Нужно помнить, что на лендинге посетитель едва ли будет согласен заполнять более 2-3 полей, лучше попросить его ввести имя и телефон, а остальные детали согласовать по телефону.
9. Неработающая форма заказа. Ну это без комментариев, в таком случае информация просто не дойдет до вас. То есть заказы могут быть, но вы об этом не узнаете. Вывод: всегда тестировать форму самостоятельно и проверять, корректно ли приходят данные.
10. Слишком большой лендинг. Тут, конечно, все неоднозначно. Большой лендинг — это не всегда плохо. Например, если вы рекламируете на нем свой инфопродукт или услугу, то описывать это можно долго.
И все же лучше знать какие-то меры, потому что большинство людей не желает читать книгу о том, почему им нужно купить то, что вы предлагаете. Если ваш лендинг состоит из многих блоков, лучше сделать вверху фиксированное меню с основными блоками, чтобы человек мог быстро к ним перейти, а не прокручивать страницу 15 секунд в поиске нужного раздела.
В других же случаях, когда суть предложения и так крайне понятна, лучше ограничиться маленьким лендингом.
Неявный способ улучшения конверсии
По сути, конверсией можно считать заполнение пользователем формы заказа. Но приносит ли это его действие непосредственно деньги? Нет, потому что после этого его еще ожидает разговор с сотрудником call-центра, в итоге он вполне может отказаться от товара. Получается, что конверсия была, но денег не принесла. А вам нужны конверсии, за которыми следуют подтвержденные заказы клиентов.
Таким образом, вам нужно максимально улучшать обзвон клиентов. Делаете ли это лично вы, ваши сотрудники или наемные работники, со своей стороны вам нужно позаботиться как минимум о двух вещах:
Чтобы звонок человеку происходил практически мгновенно после заполнения им формы. Если позвонить даже через пару часов, желание приобрести товар может к этому времени значительно уменьшиться.
Чтобы те, кто проводит обзвон, более менее разбирались в особенностях товара/услуги, могли перечислить преимущества и вообще вести адекватный диалог с клиентом.
Что еще влияет на конверсию или от лендинга зависит не все
Лендинг всегда будет лишь одним из факторов, которые формируют конверсию. Вам всегда нужно помнить еще о некоторых факторах:
Как увеличить конверт, когда все уже оптимизировано?
Все никогда не будет полностью оптимизировано. Всегда будет то, что можно улучшить. Если вы сделали все возможное, но хотите продолжать повышать CR, самое время начать сплит тесты.
Сплит тест — это когда вы берете текущий лендинг (копируете его) и меняете на нем какую-то одну деталь. После этого вы льете примерно одинаковое количество трафика на обе страницы и смотрите, на какой из них оказалась лучше конверсия.
Далее вы берете наилучший из двух вариантов, вновь меняете какую-то деталь (уже другую), вновь льете трафик и смотрите на новые результаты. Сплит тесты стоит проводить, конечно, когда у вас уже достаточно денег, чтобы тестировать свои идеи.
Например, вы можете сделать лендинг под более узкую целевую аудиторию. Например, только под мужчин-автомобилистов. Соответственно, вы должны его существенно переработать — заменить картинки, немного изменить текст, возможно даже цвета, отзывы и т.д. То есть адаптировать весь одностраничник именно под узкую аудиторию.
И это лишь одна идея улучшения конверсии, вы можете придумывать свои.
Где посмотреть примеры лендингов с высокой конверсией?
Очень-очень много таких примеров вы можете посмотреть в CPA-сетях. В частности, одни из самых больших – это KMA.biz и m1-shop.ru. Просто пройдите регистрацию в этих агрегаторах и сможете свободно просматривать все офферы и лендинги для них соответственно.
В этих сетях сотни офферов, для каждого, как правило, представлено несколько лендингов. Могу дать совет смотреть в первую очередь лендинги топовых офферов, обычно именно они уже максимально оптимизированы и на них хорошая конверсия.
Эпилог
Что ж, пожалуй, я сказал все, что хотел сказать по поводу улучшения конверсии. Безусловно, все фишки и секреты повышения конверта не были раскрыты, но оптимизировав даже все то, о чем говорилось в статье, вы можете поднять конверт значительно. А тогда уже, возможно, вы придумаете что-то свое.
По-прежнему продолжаю собирать коллекцию примеров хороших посадочных страниц. Русскоязычных. Все три страницы принадлежат “перу” одной и той же студии. В портфолио этой студии были размещены видео-отзывы владельцев сайтов, из которых следует, что эти посадочные страницы имеют высокую конверсию в 11-16%.
Студию не указываю только потому, что планирую их слегка поругать и им может быть немножко стыдно 🙂
Как обычно, если кликнуть по миниатюре посадочной страницы, то можно лицезреть всю захваченную страницу целиком. Рядом ссылка на оригинальную страницу, но она уже может быть изменена.
Претензий к визуальному оформлению страницы нет. Всё сделано хорошо. Её, пожалуй, даже можно ставить в пример. И использовать как шаблон.
Но есть серьёзные претензии к пониманию студией сущности посадочной страницы. Потенциальному покупателю предлагаются на выбор все шины Nokian, имеющиеся в наличии.
То есть никакой сегментации трафика делать не предполагается. Хотя бы на самой странице. Тогда как любому очевидно, что владельцам Daewoo Matiz и Toyota Land Cruiser Prado интересны разные шины.
По сути покупателю предлагается сделать выбор по цене и порядковому номеру: что лучше Nokian Tyres Hakkapeliitta 7 за 3 030 рублей или Nokian Tyres Hakkapeliitta 8 за 3 250? Посадочная страница на этот вопрос ответа не даёт, а значит страдает конверсия этой страницы.
Ну и совершенно недопустимы грамматические ошибки на посадочных страницах:
Ошибки подрывают доверие к бизнесу, а значит ухудшают конверсию на посадочной странице. К слову о доверии. Дизайнер посадочной страницы напрочь забыл про то, что компания без физического адреса вызывает меньше доверия.
А вот акция оформлена хорошо: понятен размер скидки и причина дедлайна прозрачна – сезон.
Пример посадочной страницы консалтинговой компании
Пример посадочной страницы консалтинговой компании
Комментировать здесь ничего не хочу. Это просто наглядное пособие о том, как не надо оформлять первый экран посадочной страницы и как надо отбирать факты для её информационного наполнения. Я не понимаю, как одна и та же студия может допускать такой разброс по качеству.
Калька с бесплатным звонком по России с указанием обычного, т.е. платного номера, безумно огорчает.
Пример посадочной страницы для продажи кресел-мешков
Пример посадочной страницы по продаже кресел-мешков
Практически идеальная посадочная страница. Не побоюсь этого слова – шедевр эмоционального маркетинга. При посещении этой страницы возникает единственная эмоция: заверните две, можно вместе с девушкой-моделью 🙂 Это при том, что я абсолютно точно не планировал покупать кресло-грушу.
Разумеется, и на этой странице не обошлось без недостатков. Про своё я повторятся не буду.
И даже не буду повторять мысль про недопустимость множественности выбора на посадочной странице. Всё что хотел, я сказал при обзоре посадочной страницы с шинами в начале этой заметки.
Я сейчас о другом. Посмотри на фотографию мешка, который продаётся по акции и называется кресло Camedy XL по лучшей цене. А теперь на фотографию мешка с названием кресло-груша “Oxford”:
Мешок, как тебя зовут: кресло Груша Oxford или кресло Camedy XL?
Визуальной разницы никакой, но названия разные! Эмоциональный маркетинг выключает логическое восприятие информации, поэтому конверсия посадочной страницы достаточно высокая. Но придирчивого покупателя подобные головоломки всё-равно заставляют задуматься: а стоит ли раскрывать кошелёк?
А теперь самая важная ошибка этой посадочной страницы. Бьюсь об заклад, при беглом осмотре ты её даже не заметил. Посмотри внимательнее на один из вариантов использования рекламируемого товара и на сам товар, продаваемый по акции. Для твоего удобства я их поместил рядышком:
Рекламируемый товар на посадочной странице не совпадает с продаваемым!
Не трудно видеть, что девушка сидит на огромном кресле-подушке. Но продают-то по акции кресло-грушу. И совершенно очевидно, что сидеть на груше так, как сидит девушка на кресле-подушке физически невозможно. Более того, этой подушки нет среди 5 остальных вариантов бескаркасных кресел, предлагаемых на выбор на данной странице: там только ещё 3 варианта кресла-груши, круглый мячик и квадратный пуфик.
А это значит, что часть внимательных посетителей страницы заметит разницу сразу. И они не станут покупать грушу. Либо купят её отдавая себе отчёт в том, что это не подушка.
Но некоторые покупатели смогут обнаружить подмену только когда распакуют заказанный товар. В результате будет страдать репутация магазина.
Но сама по себе посадочная страница очень и очень хороша!
Твитнуть
Плюсануть
19.10.17
300
Суть структуры продающего лендинга заключается в том, чтобы побудить посетителей выполнить определенное действие. Например, совершить покупку, регистрацию или подписаться на рассылку.
Можно сказать, что лэндинг почти на 100% определяет успешность рекламной кампании. Хороший лендинг = хороший ROI (коэффициент возврата инвестиций ). Плохой лэндинг – напрасная трата денег.
Три нерушимых правила
Правило 1: никогда не направляйте трафик с рекламы на главную страницу сайта
Главные страницы перегружены информацией и действиями. Запутавшись во всем этом, пользователь может проигнорировать необходимое действие. Поэтому нужно направлять рекламный трафик на страницы, дающие возможность выполнить только целевое действие рекламной кампании.
Правило 2: ясность и актуальность превыше всего
Посетители тратят лишь пару секунд на то, чтобы понять, насколько полезна и актуальна данная страница. Если посетители не находят необходимой информации, или на сайте имеются проблемы с функционалом или юзабилити, то страницу закроют.
Чтобы этого не произошло, ответьте на вопросы, возникающие у каждого пользователя :
- Есть ли тут то, что мне нужно?
- Хватает ли мне имеющейся информации?
- Могу ли я доверять этому сайту?
- Сколько времени потребуется?
Перед тем, как решить, какой товар продавать на лендинге , нужно понять, что он должен стимулировать посетителей оставаться на странице и совершить целевое действие: заполнение формы подписки или покупка.
Правило 3: качественный лэндинг имеет определенную структуру
Заголовок, сулящий выгоду
Если посетитель попал на сайт после клика по баннеру, то тексты лэндинга и рекламного объявления должны соответствовать друг другу. Если баннер или РРС-реклама обещают «Уникальную технику медитации », то данная фраза должна присутствовать и в заголовке лэндинга.
Краткость и актуальность
Выбирайте простые и емкие фразы. Не размещайте слишком много текста, ведь посетитель должен иметь возможность бегло просмотреть информацию и понять ее сущность. Выделяйте основную мысль маркированным списком. Рекламное объявление и лэндинг должны писаться на одном языке.
Акцентируйте внимание на одном действии, которое необходимо выполнить посетителю
Пользователь должен иметь возможность совершать лишь одно действие на странице. Чем больше опций на странице, тем ниже конверсия.
Удаляйте отвлекающие навигационные ссылки
Сделайте форму подписки или оформления заказа заметной
Целевое действие должно бросаться в глаза. Выделяйте его. Размещайте большую форму входа в правой части лэндинга. Если на лэндинге предусмотрена прокрутка, то продублируйте форму или кнопку в самом низу страницы.
Соблюдайте единообразие стиля
Дизайн лэндинга не должен выбиваться из общей концепции сайта. Придерживайтесь общей цветовой гаммы и шрифтов, сохраняйте единое восприятие сайта и лэндинга. Так вы сможете повысить узнаваемость бренда.
Качественные продающие лендинги шаблоны грузятся быстро. Скорость загрузки страниц отслеживайте с помощью сервиса Google Page Speed . Там же можно получить рекомендации по улучшению производительности сайта.
Четыре этапа создания лендинга
Перед началом работы над лэндингом отрисуйте макет на бумаге. Для правильного эскиза необходимо руководствоваться четырьмя основными принципами. И пусть дизайнер работает с реальными данными. Так что сначала накидайте черновик.
1: определитесь с аудиторией
Важно, чтобы лэндинг обращался к целевой группе пользователей. Учитывайте проблемы, желания и потребности своей целевой аудитории. Создавайте черновик страницы под конкретных, а не абстрактных читателей.
Если вы привлекаете трафик на лэндинг с разных объявлений, то создавайте под каждую рекламу свой лэндинг. Пусть эти страницы будут почти одинаковыми, но с разными заголовками и слоганами, дублирующими тексты из рекламы.
2: определитесь с самым желаемым действием (MWA-действие)
То, каким оно будет, целиком и полностью зависит от продукта и стратегии. Если у вас дорогой и сложный продукт, то лучше использовать email пользователей и начинать выстраивать отношения с клиентами по электронной почте.
Ну, а если вы занимаетесь продажей дешевых или простых товаров (например, вино или подписка на какое-то издание ), то имеет смысл сразу переходить к непосредственной продаже. При продаже программ лучше предлагать пробные версии.
3: определитесь с посланием
Вы знаете свою аудиторию, ее проблемы и их возможные решения. Дело осталось за малым – придумать емкое послание. Универсального шаблона здесь нет, так что придумайте несколько слоганов и проведите сплит-тестирование.
4: придумайте дизайн лэндинга
Как же создать красивый лэндинг продающий , который сможет побудить посетителей к выполнению определенного действия? Для начала продумайте список всех элементов, которые должны быть представлены на странице.
Что должно присутствовать на странице:
- заголовок, обращенный к целевой аудитории;
- логотип компании;
- краткое описание предложения «над линией сгиба » (линия сгиба – это часть экрана, видимая без прокрутки) ;
- полное описание предложения «под линией сгиба » (зависит от сложности предложения и продукта);
- изображение предлагаемого продукта;
- простая форма регистрации. В идеале с 1-3 полями (обычно это имя и почта, но действительно ли вам нужно имя? );
- кнопка «Купить » или «Войти » (в зависимости от желаемого отклика) и ссылка на «Политику конфиденциальности » (открывайте ее во всплывающем окне, а не на новой странице – так вы сможете удержать посетителей на лэндинге ).
Что лучше убрать со страницы:
- навигационное меню. Помните, что акцент нужно делать на самом предложении;
- ссылки на другие разделы сайта (например, «О компании» );
- любую графику, не связанную с предложением. Иначе вы будете отвлекать посетителей от главного;
- трудночитаемый текст. Все, что мельче 10 px, – это плохо;
- любые ссылки из серии «чтобы подписаться, нажмите сюда » или «нажмите сюда, чтобы прочитать продолжение ». Если вы не можете вместить весь контент в верхней части экрана, то пусть пользователь воспользуется прокруткой. Прокрутка – это лучше, чем переход на другую страницу;
- громоздкие и пугающие формы с лишними полями (например, «должность», «факс» и т.д .);
В каждом правиле есть свои исключения, и вы точно не сможете скопировать все лучшие идеи в свой лендинг. Но эти советы должны помочь на начальных этапах.
5: собираем все воедино
После того, как был создан эскиз продающего лендинга шаблон и придумано наполнение, необходимо соединить их в одно целое и залить на сайт. Мы советуем использовать простые и легко запоминающиеся адреса. Бывает так, что для лэндинга приходится регистрировать отдельный домен, так как домены с точными ключевыми словами получают больше трафика с РРС-рекламы .
Если лэндинг посвящен вакансиям на нефтяной вышке, то лучше выбрать адрес www.OilRigJobOffers.com или www.somesite.com/oilrigjoboffers .
Такие адреса привлекают куда больше трафика, чем стандартный переход по ссылке с РРС-рекламы в Google . Пользователь, который заходит в поисковую систему и ищет «вакансии на нефтяной вышке », с большей вероятностью откроет рекламу с ключевым словом в адресе.
Длина лэндинга
Обычно для бесплатных предложений идеально подходит короткий лэндинг. Чем больше денег вы хотите получить от посетителя, тем длиннее должна быть целевая страница.
По мнению Боба Кемпера , на соотношение эффективности лэндинга и длины страницы влияют:
- мотивация пользователя;
- начальный уровень тревожности о продукте/компании;
- уровень затрат/обязательств, связанных с конверсией.
Подведем итог : короткий лендинг лучше подходит для бесплатных, дешевых или не вызывающих беспокойства продуктов. Также он отлично срабатывает со спонтанными покупками или покупками, дающими эмоциональное удовлетворение (билеты на концерты, сладости, всякие красивые штучки ).
Длинный лэндинг больше подходит для сложных или дорогих продуктов. Когда перед совершением покупки включается рациональное мышление и прагматичный анализ, то длинный лэндинг выглядит солиднее, так как он предоставляет посетителю дополнительную аргументацию, доказательства и отзывы. Он идеален для продуктов, где большее количество информации может склонить посетителя к совершению покупки.
Многие люди боятся создавать длинные схемы продающего лендинга , потому что подсознательно ассоциируют их с хайпом, мошенничеством и из серии «разбогатей за пару дней ». Не бойтесь длины, бойтесь убогого контента.
Conversion Rate Experts в разы увеличили конверсию лендинга SEOMoz , изменив лишь длину страницы:
Взгляните на страницы продуктов в Amazon – лэндинг у Kindle ОЧЕНЬ длинный . А в Amazon , как мы знаем, тестируют все!
Если вы выбрали длинный лэндинг, то убедитесь в том, что ваши посетители знают о прокрутке Есть отличные сервисы, например, CrazyEgg и Clicktale , которые помогают людям «прочувствовать» длину страницы.
Тесты, тесты, тесты
Как только все будет готово и настроено, переходите к тестированию эффективности лэндинга. Придумайте минимум два варианта целевой страницы, протестируйте их, выберите лучший и доведите его до ума.
Ошибки в лэндингах
Я просмотрел много целевых страниц, на которые попадал после клика по рекламе. К сожалению, идеального лендинга отыскать не удалось.
Ниже приведен небольшой «разбор полетов» , состоящий из плюсов лэндинга и того, что я бы изменил.
Университет Феникса
Что у них получилось хорошо при написании продающего текста для лендинга:
- живой заголовок и картинки;
- простой и четкий призыв к действию;
- понятный брендинг.
- уменьшил бы оранжевую область и сделал форму более заметной;
- увеличил заголовок и размер шрифта в форме;
- белый текст на оранжевом фоне читать достаточно трудно;
- слишком много текста, важная информация теряется на общем фоне;
- я бы удалил подробности о программе.
Zoho
Что у них получилось хорошо:
- заголовок ориентирован на выгоду;
- социальное доказательство;
- перечислены все главные плюсы;
- четкий призыв к действию;
- четкий брендинг.
Что лично я бы изменил или дополнительно протестировал:
- удалил ссылку на прайсы – мне кажется, это отвлекает. Добавил бы бесплатный тариф с возможностью последующего приобретения платных возможностей;
- добавил информацию о личных данных во всплывающем окне, а не уводил бы пользователя на другую страницу;
- уменьшил количество отмеченных элементов до трех, сделал шрифт темнее;
- в схема продающего лендинга поменял текст на CTA-кнопке. Там лучше указать то, что произойдет после нажатия.
CreateSpace
Что у них получилось хорошо:
- достоинства визуально выделяются;
- заметный призыв к действию;
- четкий брендинг.
Что лично я бы изменил или дополнительно протестировал:
- дизайн. Как будто новичок впервые открыл FrontPage ;
- заголовок ужасен. Нет конкретного предложения. Не стоило включать в заголовок название бренда;
- кнопка «Получить бесплатную консультацию » открывает точно такую же форму, как и та, что справа. Зачем плодить дубли?
- запрос на бесплатную консультацию – зачем он вообще нужен? Вместо продажи консультации они пытаются отвлечь меня бесплатными буклетами и акциями. Если я открыл этот сайт, значит, я уже хочу публиковаться!
- слишком длинные формы;
- я бы полностью изменил призыв к действию/предложение. Выбрал что-то связанное с публицистикой. Консультации – это лишняя морока и трата времени. Меня бы напугала агрессивная технология продаж в структуре продающего лендинга .
Allstate авто-страхование
Что у них получилось хорошо:
- укрепление бренда;
- обыгрывают самое главное: как сэкономить на страховке;
- четкий и совершенно понятный призыв к действию.
Что лично я бы изменил или дополнительно протестировал:
- ужасная картинка. Лучше бы взяли более реальное изображение;
- стоит доработать подпись на картинке. Фраза «важно для вас» в сочетании с изображением автомобиля мне видится как минимум странной.
Text Link Ads
Что у них получилось хорошо:
- четкий брендинг;
- выделены два главных преимущества;
- выделен призыв к действию;
- скриншот показывает то, как правильно пользоваться сервисом.
Что лично я бы изменил или дополнительно протестировал:
- а что вообще делает этот сайт? Лучше написать продающий текст для лендинга с пояснениями.
- убрал из лендинга меню.
- удалил дополнительные призывы к действию и ссылки;
- попробовал другой шаблон с лучше конверсией. Этот выглядит слишком громоздким. Не за что зацепиться взглядом;
- отдельные лэндинги под каждую целевую аудиторию (издатели и рекламодатели);
Инструменты для создания лэндинга
Существует множество сервисов для создания лэндингов. Обратите внимание на следующие :
- Unbounce – самый мощный.
- KickoffLabs – вирусные лендинги.
- LaunchRock – отличный вариант для лендингов-анонсов (из серии «открытие уже скоро»).
Данная публикация представляет собой перевод статьи «How To Build a High Converting Landing Page: Rules, Process and Critique » , подготовленной дружной командой проекта
Хорошо Плохо
Что лучшие ресурсы Интернета делают со своими домашними страницами? Какие дизайнерские, маркетинговые и функциональные элементы позволяют эффективно конвертировать новых посетителей в подписчиков или лояльных покупателей? Обязательно ли красивый лендинг будет работать хорошо?
Любопытно то, что на самом деле уродливые веб-сайты часто конвертируют лучше, чем ресурсы с более продвинутым и модным дизайном. Конечно же, это нельзя брать за правило, но время от времени такие прецеденты случаются и могут преподнести вам массу интересных маркетинговых инсайтов.
Характерным примером популярного ресурса с ужасным оформлением является Graigslist. Как видите, это лишь куча синих ссылок, сгруппированных между собой, но такой подход дает свои плоды, ведь Graigslist уже довольно давно считается одним из самых успешных сервисов в Сети.
Ниже мы затронем этот хрупкий баланс между уродливым и красивым дизайном более детально. А пока что просто постарайтесь запомнить, что вам вовсе необязательно создавать крутой современный лендинг, чтобы сделать его эффективным.
Красивые посадочные страницы, которые мы изучим сегодня
В этом списке перечислены симпатичные целевые страницы, которые могут преподать нам несколько важных маркетинговых уроков.
«3 шага, которые я использовал, чтобы построить 4 мультимиллионных бизнеса»
Нил Пател (Neil Patel) — известный предприниматель, венчурный частный инвестор и аналитический эксперт — постоянно изменяет внешний вид своего блога и лендинга, чтобы повысить конверсию или предоставить читателям доступ к разноплановым офферам.
Текущая версия является одной из самых эффективных, которые он когда-либо использовал. Этот дизайн демонстрирует невероятно высокий уровень конверсии даже несмотря на то, что в лид-форме посетителям необходимо указать телефонный номер.
«Получи моментальный бесплатный доступ к обучающей платформе»
Совсем недавно Крис Дакер (Chris Ducker) — успешный серийный предприниматель, спикер и блогер — перешел на другую платформу и вместе с этим реализовал блестящий новый дизайн. Его целевая страница конвертирует очень хорошо, и во многом таких показателей удалось достичь благодаря фотографии, где Крис смотрит (в буквальном смысле) на заголовок своей opt-in формы. Позже мы остановимся на этом примере более подробно.
«Эксклюзив: Мультимиллиардное будущее онлайн-маркетига»
Этот сторонний проект бизнес-менеджера и предпринимателя Глена Оллсопа (Glen Allsop) — именно тот случай, когда улучшение внешнего вида лендинга приводит к падению результатов. Глен утверждает, что конверсия его лендинга колеблется в диапазоне 45-64% в зависимости от того, как он структурирован.
Так, оффер конвертирует гораздо лучше, если на нем присутствует только белый фон с одной единственной лид-формой, а возможность прокрутки отсутствует.
«Стань лучшим собой. Бесплатные фитнес-планы для любого уровня подготовки»
Текущая версия посадочной страницы этого популярного сайта настолько хорошо оптимизирована, что может послужить отличным примером того, как следует использовать социальное доказательство.
Компания очень часто проводит сплит-тесты и постоянно меняет офферы.
«Мы здесь, чтобы заставить вас выглядеть лучше»
WPMU DEV разрабатывает свои собственные WordPress плагины и темы и делает это очень эффективно. Посадочная страница тщательно оптимизирована для продвижения оффера, и ниже мы поговорим о том, что удалось сделать команде, чтобы подтолкнуть читателей к более детальному изучению сайта.
«Все, что нужно, чтобы отправлять правильные email’ы»
Недавно AWeber провели редизайн лендинга и благодаря этому существенно повысили уровень конверсии. Команде удалось создать страницу с красивым оформлением, которая действительно приносит впечатляющие результаты.
10 уроков, которым нас учат эти целевые страницы
1. Внятный призыв к действию
Одним из самых важных выводов их представленных выше примеров является то, что на вашей лендинг пейдж должен размещаться очень четкий призыв к действию. Если вы можете сделать его вашим единственным CTA-элементом, так даже лучше. Главное, чтобы посетитель переходил на сайт и сразу же понимал, что от него требуется. Не сбивайте людей с толку лишними предложениями. Берите пример с посадочных страниц Marketing Inc и AWeber, которые ожидают от пользователей одного действия.
2. Фотографии (зрительный контакт)
Наличие хороших снимков очень важно для посадочной страницы. Практически все рассматриваемые лендинги используют очень грамотные изображения для вовлечения аудитории. Крис Дакер в этом отношении превзошел остальные примеры, так как на снимке его взгляд устремлен к той области, к которой он хочет привлечь внимание посетителей. Во многих случаях такой зрительный ориентир может значительно поднять конверсию ресурса.
3. Мобильная респонсивная дифференциация
Вряд ли вам нужно напоминать об этом, но в 2016 году адаптация посадочной страницы под мобильные устройства имеет колоссальное значение. Количество людей, которые читают блоги с портативных девайсов, стремительно растет, поэтому вы должны позаботиться о том, чтобы они не уходили с вашего сайта из-за неразборчивого текста или плохо структурированной страницы.
Мобильная респонсивная лендинг пейдж часто отличается от десктопной версии, ведь на разных устройствах люди склонны выполнять различные действия. Взгляните на перечисленные выше сайты со смартфона и с ПК, и вы увидите, какими интересными решениями пользуются эти компании.
4. Хорошо спланированный брендинг
Одной из характерных особенностей всех этих страниц является четкий брендинг. Цвета, шрифты, стили и изображения согласованы между собой и соответствуют целям и аудитории. Благодаря такому подходу сайты кажутся посетителям более профессиональными, что приводит к повышению конверсии. Доверие играет очень важную роль, когда вы просите читателей оставить email, номер телефона или кредитной карты. По меньшей мере, вы должны тестировать свои целевые страницы и проверять их на наличие ошибок.
5. Выгоды (не просто особенности)
Одна из классических маркетинговых поговорок гласит, что вы должны концентрироваться на выгодах, а не на свойствах оффера. Не перечисляйте людям все нюансы вашего предложения — лучше попытайтесь сказать им, как они будут себя чувствовать и чего они достигнут в итоге. Обратите внимание, как заголовок на сайте Bodybuilding.com говорит о «трансформации себя», вместо того чтобы показывать выбранный план упражнений. Это чрезвычайно стимулирующий призыв.
6. Качественные приманки
Практически все хорошие посадочные страницы предлагают посетителям некую приманку, чтобы побудить их подписаться или ознакомиться с оффером детальнее. Крис Дакер использует этот метод очень эффективно, отмечая каждое достижение, которое будет доступно его подписчикам. Сложно игнорировать такие ясные и веские аргументы.
7. Ощущение времени
Перейдите на сайт Marketing Inc, и вы увидите, что посреди страницы размещены часы, отсчитывающие время до следующего вебинара. Это проверенная маркетинговая методика, которая пробуждает в посетителях некоторое чувство тревоги — они знают, что время на исходе, и действуют. Если вы сможете включить правдивый и полезный таймер в ваш оффер, скорее всего, это существенно увеличит вашу подписную базу.
8. Дефицит
Нил Пател предоставляет ограниченное количество мест для участия в его в live-вебинере. Как и ограниченность по времени, дефицит побуждает людей действовать, ведь они опасаются упустить что-то ценное. Эта особенность психики буквально встроена в наше сознание еще с тех пор, когда мы боролись за выживание — чувствуя возможность лишиться чего-либо, мозг отправляет сигналы, которые заставляют нас действовать быстро.
9. Социальное доказательство
Фитнес-индустрия довольно часто использует социальное доказательство в виде фотоснимков «до и после» — это простой и эффективный способ. Bodybuilding.com основал на этой концепции практически весь контент, расположенный выше «линии сгиба», из-за чего вам сразу же хочется кликнуть по кнопке и изменить свое тело так, как это сделали люди, показанные справа.
Помните, что все изображения должны быть правдивыми, ведь во многих странах закон запрещает фальсифицировать подобную информацию. Даже если на ваш блог подписалось немного людей, постарайтесь получить несколько реальных отзывов от читателей и других блоггеров и разместите их в наиболее подходящих местах вашей страницы.
10. Знаки доверия
Разместите под вашей лид-формой блок с логотипами брендов, чтобы заручиться доверием новых посетителей. Они увидят, что другие авторитетные компании и клиенты поддерживают вас, и предоставят вам свои контактные данные без лишних опасений. Имейте ввиду, многие по-прежнему боятся оставлять свою персональную информацию в Интернете.
Если вы планируете задействовать любой из этих методов на своей целевой странице, обязательно тестируйте все внедряемые изменения, дабы убедиться в их положительном эффекте. Помните, то, что работает для одного лендинга, может иметь катастрофические последствия для другого.
Как мне создать красивую landing page?
У вас есть три варианта развития событий:
1. Проведите самостоятельный редизайн целевой страницы
Если вы разбираетесь в дизайне, то можете сами создать новую лендинг пейдж, а затем нанять компетентного верстальщика и программиста, чтобы они прописали весь нужный код (или воспользоваться ). Однако мы не рекомендуем прибегать к этому варианту, если вы не понимаете, какие элементы следует разместить на лендинге для получения лучших результатов.
2. Наймите профессионального дизайнера
Сегодня в Сети к вашим услугам — тысячи веб-дизайнеров, которые могут создать весьма впечатляющую посадочную страницу. Полноценный индивидуальный проект обойдется вам в пару тысяч долларов, но даже простая разработка дизайна лендинга принесет заметные плоды — особенно, если вы обратитесь к нашим специалистам.
3. Купите готовый шаблон
Последний вариант является самым простым и самым дешевым, и вполне вероятно, может принести вам хорошие результаты. В нашем представлено множество качественных тем, которые помогут вам сэкономить время и деньги на создании максимально привлекательного лендинга.
