Как создать продающий лендинг пейдж: правила разработки и типичные ошибки. Три правила хорошего лендинга

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

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

Сегодняшняя статья будет посвящена началу начал – что такое правильная структура лендинга с высокой конверсией.

Я знаю, что ничего не знаю

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

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

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

провести ;
выявить ожидания, стереотипы, страхи, боли и возражения ;
разделить ЦА на сегменты и определить их критерии выбора.

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

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

НАС УЖЕ БОЛЕЕ 29 000 чел.
ВКЛЮЧАЙТЕСЬ

Правильная и продающая структура лендинга

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

И наполнение, и фото, и тексты, и . На этом моменте многие допускают ошибку, но мы ведь не такие? 😉

Настоящей находкой для тех, кто задумался о создании лендинга станет, так называемая, “ ”. Выглядит схема следующим образом:

Лестница Ханта

Согласно этой схеме, клиент должен “созреть” и пройти все 5 этапов от отсутствия потребности до готовности купить. Конкретный пример как применять Лестницу Ханта мы разобрали в этом видео:

Для того, чтобы не объяснять все “на пальцах”, далее все будет основано на реальных событиях, а именно на примере landing page одного из наших клиентов – компании по чистке ковров “Чистый квадрат”.

Конверсия компании по чистке ковров “Чистый квадрат”

К слову, средний результат всего трафика – 6% конверсии в заявку, которая в их нише можно назвать покупкой. Много это или мало? Читайте об этом в нашей статье

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

Этап 1: Нет проблемы

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

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

Чаще всего это клиенты, которые его только-только купили. Поэтому в этом случае весь наш сайт будет пропитан структурой PMPHS.

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

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

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

Этап 2: Есть проблема, нет решения

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

Используйте эту информацию на своём сайте, что есть решение этой неприятной ситуации.

А именно в первой половине сайта покажите свой вариант решения. Что оказывается можно вызвать компанию, которая приедет и всё сделает на дому, либо приедет, увезёт и привезёт.

И тут мы показываем решение только в рамках нашей услуги. Не показывая другие решения. Чем отличается данный этап от третьего.

Этап 3: Решение есть, сравниваем варианты

Если Ваш потенциальный клиент ещё не на этом этапе, что возможно при условии, что Вы продаёте новое или редкое решение, о котором люди не слышали, то Вам нужно вернуться на 1 и 2 этап. Но если же клиент уже находится на этой стадии, то он знает, что:

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

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

Так как в данном случае клиент выбирает между разными подходами для избавления от задач, которые я написал выше.

Сравнение с конкурентами

Но надо понимать, что эти люди еще не готовы купить, они довольно “холодные” и еще размышляют:

– Может, всё-таки на автомойку или самостоятельно?

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

Этап 4: Выбор продукта

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

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

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

Результат до/после

Этап 5: Уверенность и намерение

Клиенты, которые приходят по таким запросам как “чистка ковров чистый квадрат” ищут конкретную компанию.

Если вы еще не слишком известны, таких запросов либо будет крайне мало, либо не будет вообще.

Такие клиенты, что называется, “горячее” некуда. Все, что им нужно предоставить – наши контакты и .

А Вы откуда?

Наверное у вас в голове сейчас полный хаос после прочитанного, по крайней мере, у меня так было в первый раз.

И я не уделяла бы столько внимания этому, если бы структура landing page не зависела от “Лестницы Ханта”.

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

Когда лендинг создается с нуля, ответ получается очень размытый, в стиле “Да мы все попробуем…Хотя, наверное что-то одно, либо таргегинг, либо … Еще не решили”.

Почему это так важно?

Прототип

Коротко о главном

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

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

При разработке структуры вам нужно: провести , определить уровень осознанности трафика и определить возражения с критериями выбора клиента. И только после этого (не раньше) приступать к разработке.

12 сентября 2016

Эффективная посадочная страница (landing page) — чудо инженерной мысли, невероятный конструкторский проект, где нет ничего лишнего и все сделано для того, чтобы человек мог быстро получить полезную ему информацию и совершить нужное вам действие. Скажу сразу, что нет универсального ответа, как сделать на 100% успешный лендинг. Вы можете для начала постараться не повторять ошибок других и тестировать, тестировать, тестировать!

Сегодня мы поговорим о следующих вопросах:

Размер шрифта
Акценты
Типы шрифта и их разнообразие
Длина строк и верстка
Заголовки
Размер блоков текста и их компоновка
Иллюстрации
Иконки и списки
Фон и цвет шрифта
Психология цвета

Мало кто задумывается о том, что успешность посадочной страницы (мы говорим не только о landing page) зависит не только от верного маркетингового предложения, точного попадания в ЦА и правильного контента, но и от грамотного оформления. У вас есть всего несколько секунд, чтобы произвести хорошее впечатление на потенциального покупателя и «зацепить» его. Если точно - 5 секунд.

Какой размер шрифта лучше?

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

Размер экранного шрифта измеряется в нескольких вариантах единиц: пикселях (px), процентах (%) и ems (em). Px - самая известная и старая единица измерения, которая, в отличие от % и em, не дает возможности масштабировать текст для чтения на различных экранах, т. е. это абсолютный размер шрифта, и пользователь не сможет его адаптировать под свои вкусы и предпочтения.

Когда-то стандартным для всех сайтов был размер 12 px, но со временем стало понятно, что для экранов он мелковат, и от него отказались в пользу более крупного шрифта. Сегодня в ходу шрифт не меньше 14-16 px или его аналог в em и %.

1 em = 16 px = 100% Times New Roman (serif).

Обратите внимание, что не все шрифты имеют одинаковый размер: 16 px Arial больше, чем например версия 16 px Trebuchet.

16 px - это оптимальный размер, потому что набранный им текст на экране выглядит примерно так же, как текст, напечатанный в качественной книге (мы не берем карманные форматы и т. д.). И он отлично подходит для людей, имеющих проблемы со зрением, или тех, кто старше 40 и видит уже не так хорошо, как в 20. Например, текст, который вы сейчас читаете, - это Arial 16 px. Если вы распечатаете листок бумаги с шрифтом 10 px и поместите рядом с экраном, то увидите, что размеры шрифтов будут одинаковые. Так что мой выбор это 16 px. Отдельные, не значимые куски текста можно делать 14 px. Многие используют в качестве основного шрифта 14 px, это допустимый вариант, но если ваша ЦА старше 40 лет, то я бы точно выбрал 16 px.

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

Как привлечь внимание к заголовкам?

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

Для контрастности смело выделяйте заголовки другим шрифтом (кстати, в них допустимо использование шрифтов с засечками). Обязательно берите для заголовков больший шрифт - это привлечет к ним дополнительное внимание.

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

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

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

Пример того, как делать не надо. Заголовок и подзаголовок написаны прописными буквами.

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

Например, так:

Можете экспериментировать с цветами и эффектами (инверсия, цветная плашка и т. д.).

Применяйте в заголовках кавычки - они привлекают взгляд.

Но лучше любой типографики заголовок выделит хороший копирайтинг. Почитайте пару книг и дерзайте! Вот несколько советов:

Заголовок или подзаголовок в форме вопроса вызовет интерес у читателя.

Заголовок должен быть не длиннее 140 символов.

Заголовок может быть усилен подзаголовком, раскрывающим некоторые детали.

Какой шрифт выбрать?

Традиционно для веб применяют шрифты, у которых отсутствуют насечки (шрифты семейства sans-serif, или «рубленые»): Tahoma, Arial, Verdana, Trebuchet и аналогичные. Зачем это нужно? Чтобы избавить читателей вашего текста от «лесенок» по краям символов, которые появляются на экранах с низким разрешением.

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

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

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

Как правильно расставлять акценты

Всегда помните, что пользователь читает не более трети созданного вами контента, поэтому помогите ему сразу найти нужное! Самый простой способ обратить на что-то внимание человека внутри основной массы текста - выделить это с помощью:

полужирного написания (bold),

НАПИСАВ ВЕРХНИМ РЕГИСТРОМ (ПРОПИСНЫМИ),

выделив другим цветом.

Полужирное написание

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

Курсив

Курсив в веб - зло. Думаю, вы уже догадались почему. Если нет, вернитесь к разделу про типы шрифта. Курсив создает те самые «лесенки». Если берете курсив, то следите за размером: нет ничего хуже мелкого курсива. Я считаю, что курсив в веб уместен только в оформлении цитат.

Немного о ВЕРХНЕМ РЕГИСТРЕ

Можно, но не злоупотребляйте! Выше я говорил, как наш мозг реагирует на предложения, полностью написанные прописными буквами. Но есть еще один важный аспект. Текст, полностью написанный заглавными буквами, в интернет-среде означает крик. Если в тексте встречается предложение, написанное прописными, - вы его прокричали! Подумайте, уместен ли «повышенный тон» в конкретном случае.

Разряжение

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

Подчеркивание и Ссылки

Хотите подчеркнуть? Только ссылку! Если на сайте есть некликабельный подчеркнутый текст, вы облажались. Убирайте! В веб этот вид выделения принадлежит гиперссылкам. Традиционно гиперссылки оформляются как выделенный голубым подчеркнутый текст. Это устоявшийся в интернете стандарт, и я не рекомендую менять его без веских на то причин. Выделенная другим цветом ссылка выглядит странновато и непонятно. Даже Google и «Яндекс» оставили их именно в таком варианте, хотя могли бы позволить себе задать новую моду.

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

Типичной ошибкой является оформление ссылок в корпоративных цветах компании.

Как правильно оформить Call To Action?

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

Что касается расположения Call To Action, то он всегда есть на первом экране и в конце страницы и может несколько раз повторяться в тексте (это зависит от длины страницы).

Вот некоторые правила оформления «кнопки»:

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

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

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

А тут кнопка «Купить» красного цвета, как и кнопка «Найти», не считая того, что логотип имеет более насыщенный цвет. Это так же не удачный вариант.

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

Длина строк и верстка: главные правила

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

Забудьте о том, чтобы дать человеку право выбора («что бы еще тут почитать»), - ведите его по нужной вам тропинке, предугадывая и контролируя каждый его шаг. Это возможно только при оформлении контента в одну колонку. Несколько колонок допустимы только тогда, когда вы хотите подчеркнуть разницу предложений.

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

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

Верно: Не верно:

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

Проблема длины строк становится еще более актуальной с появлением адаптивной верстки и требует от разработчика аккуратности и внимательности: разбег размера экрана сегодня варьируется от 5’’ до 55’’.

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

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

Как оформить текстовый блок?

Структура любой страницы состоит из блоков. Их количество и наполнение зависят от целей сайта.

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

Обратите внимание, что россияне стали заходить в интернет через мобильные устройства чаще (51%), чем через обычные компьютеры. Смартфоны и планшеты - совершенно другой тип экрана, поведения и мышления пользователя! Порой специальная посадочная страница для мобильных устройств дает большую конверсию, чем просто адаптированная верстка.

Что касается компоновки картинки, заголовка и блока, то тут есть много вариантов, но вот три классических.

Картинка слева , блок с заголовком и текстом справа. Очень удачный вариант: картинка привлекает внимание к тексту (eye catch).

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

Картинка сверху , заголовок и текст внизу - неплохой вариант, когда надо «показать товар лицом».

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

Можно ли легко и просто создать лендинг-пейдж? Можно!

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

Правила создания лендинг-пейджа

Пример с блогом можно легко применить и к лендинг-пейджу. По своему опыту могу сказать, что клиенты очень часто забывают о базовых принципах построения лендингов. И дело не в том, что они не могут подобрать красивые картинки или иллюстрации, так как часто клиенты совсем забывают добавить на лендинг фотографии своего продукта. И дело также не в том, что они не умеют придумывать ярких слоганов для своих заголовков. Самой распространённой ошибкой является, например, то что нужно с лупой искать кнопку Call to action . То есть мы говорим об основах лендинг-пейджей. Поэтому я приготовила для Вас 23 правила построения хороших целевых страниц . Приглашаю Вас с ними ознакомиться 🙂

(Чтобы увеличить правило, нажмите на картинку. Чтобы выйти, нажмите ESC)

Sign up for a regular dose of news, tips & tricks and freebies on conversion, sales, and marketing.

By joining the list I agree to receive commercial information from Landingi sp. z o.o. located in Gliwice, Poland, ul. Witkiewicza 6 (Data Administrator). I can withdraw my consent at any time. The data will be processed until the consent is withdrawn. The administrator processes data following the . I have the right to access, rectify, delete or limit processing of the data, the right to object, the right to submit a complaint to the supervisory authority or transfer the data.

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

Что такое лендинг?

Лендинг (или landing) - это посадочная страница, которая должна мотивировать посетителя купить товар или услугу.

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

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

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

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

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

1. Призыв к действию

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

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

2. Эффективный заголовок

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

Заголовок должен заинтересовать и заставить пользователя провести на странице как можно больше времени (и выполнить целевое действие).

Ключевой момент - достаточно ли заголовок интересен для того, чтобы дальше просматривать страницу? Если ответ «да», то заголовок придуман удачно; если «нет», то имеет смысл поменять его.

Несколько правил эффективного заголовка:

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

3. Простая структура

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

Чтобы создать эффектную структуру, основывайтесь на следующих принципах:

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

4. Контроль взгляда

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

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

Что можно использовать?

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

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

5. Соответствие рекламе

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

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

6. Доверие

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

Обычно это могут быть такие способы:

гарантия на товар;
тестовый период (если речь об услуге);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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