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

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

Обязательными составляющими качественного landing page являются:

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

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

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

Тексты

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

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

Там, где уместно, используйте «эффект срочности». Доказательством послужит , который доказал — этот фактор, или эффект, увеличивает конверсию.

Специалисты тестировали два варианта хедера. Один вариант оффера сообщал «Get started now for just 1$» (Начать сейчас всего за доллар). Во второй версии использовалась фраза «Get started for just 1$» (Начать всего за доллар). Образцы хедеров представлены ниже.

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

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

Структура текста

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

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

Объем данных

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

Иллюстрации

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

Собственно, что получилось. Начальная версия оказалась гораздо менее популярна двух последующих. При этом изображение сотрудников увеличило конверсию на 45,5%, а фото автомобиля на 45,05%.

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

Эффективным лендинг пейдж можно считать при условии, когда дизайн «говорит» все об услуге. Он должен ассоциироваться с бизнесом, который презентуется посредством веб-ресурса. Представляем хедер очередного макета от LPg — он сделан по тому же принципу.

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

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

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

Посмотрите на форму связи шаблона ниже, презентующего вебинар. Только имя и email.

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

«Плоский дизайн»/ «белое пространство»

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

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

Безусловно, посадочные страницы с высокой конверсией могут сочетать плоские и объемные составляющие. Главное — удобство для пользователя, внешняя привлекательность. Ниже пример удачного сочетания: плоский текст/формы, но объемное фоновое изображение.

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

Шрифты

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

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

Что представляет собой посадочная страница?

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

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

Зачем нужна посадочная страница?

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

Для кого необходим Landing page?

Кому в первую очередь нужно завести подобную страницу:

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

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

Структура страницы

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

Заголовок лендинга

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

Информация о продаваемой услуге

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

Отзывы о работе и прямая связь

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

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

Призывы к действию и форма социальных сетей

Главный маркетинговый инструмент - призыв посетителя к действию. На лендинге должны быть мотивирующие заголовки. Помимо блоков с призывом к действию, рекомендуем прописать такие названия кнопок, чтобы мотивировать пользователя нажимать их. Например, "получить консультацию" вместо «заказать звонок». С точки зрения маркетинга на сайте выгодно размещать предложение о получении бесплатного и полезного материала в обмен на контактные данные. Например, лид-магнит. Это может быть призыв получить «10 бесплатных и действенных советов». Материал можно использовать для мотивации к покупке основного продукта.

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

Разновидности лендинга

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

В настоящее время существует порядка четырех разновидностей Landing Page, а именно:

• long page - длинная посадочная страница;
• short page - короткая посадочная страница;
• one step - одношаговая посадочная страница;
• two step - двухшаговая посадочная страница, где на первой странице закладывается интерес к услуге, а на второй осуществляется призыв к действию.

Стоит отметить, что успех Long- и Short-страницы зависит от того, как тщательно вы будете говорить о собственном продукте или услуге. Другое дело в выборе меж 2 крайними страницами, здесь выбор может быть реализован на вашем желании создать интригу.

Создание посадочной страницы

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

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

Выбор шаблона

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

Есть шаблоны, сразу ориентированные на предпринимательскую деятельность, на них уже установлены виджеты обратной связи и прямой чат-консультации, интегрированы ссылки в социальные сети. Более того, на многих таких биржах есть специальные пакеты “все включено”, в которых предлагается приобрести уже готовый бизнес-проект, то есть полностью настроенный и функционирующий Landing Page, который на 100 % готов к запуску вашего продукта. Все, что остается молодому предпринимателю, так это начать зарабатывать на данной посадочной странице.

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

• обширному ассортименту готовых лендинговых шаблонов;
• экономичным ценам;
• месячной гарантированной системе поддержки;
• удобной и быстрой передаче проекта в руки предпринимателя.

Наполнение информационными блоками

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

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

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

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

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

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

Хостинг лендинга

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

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

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

Можно сказать, что лэндинг почти на 100% определяет успешность рекламной кампании. Хороший лендинг = хороший ROI (коэффициент возврата инвестиций ). Плохой лэндинг – напрасная трата денег.

Три нерушимых правила

Правило 1: никогда не направляйте трафик с рекламы на главную страницу сайта

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

Правило 2: ясность и актуальность превыше всего

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

Чтобы этого не произошло, ответьте на вопросы, возникающие у каждого пользователя :

• Есть ли тут то, что мне нужно?
• Хватает ли мне имеющейся информации?
• Могу ли я доверять этому сайту?
• Сколько времени потребуется?

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

Правило 3: качественный лэндинг имеет определенную структуру

1. Заголовок, сулящий выгоду

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

1. Краткость и актуальность

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

1. Акцентируйте внимание на одном действии, которое необходимо выполнить посетителю

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

1. Удаляйте отвлекающие навигационные ссылки

1. Сделайте форму подписки или оформления заказа заметной

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

1. Соблюдайте единообразие стиля

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

Качественные продающие лендинги шаблоны грузятся быстро. Скорость загрузки страниц отслеживайте с помощью сервиса 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 » , подготовленной дружной командой проекта

Хорошо Плохо

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

Дайте выгоду в заголовке

Напишите просто и кратко

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

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

Ограничьте возможный выбор

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

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

Покажите 2-3 возможности - человек легко выберет что-то. Предоставьте 8 возможностей - гость почувствует дискомфорт и уйдет.

Уберите лишние элементы

Удалите все нерабочее. Landing Page высокой конверсией состоит из железно необходимых элементов. Посмотрите на прототип. Нет ли там лишних меню или кнопок? Нет ли каких-нибудь левых ссылок? Нашли - немедленно убирайте.

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

Ставьте удобную форму подписки

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

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

Не забудьте о дизайне бренда

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

Типичная структура продающего лендинга:

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

• Призыв к действию (Call-to-Action). Этот важнейший блок обычно повторяется несколько раз. Call-to-Action зачастую дают в виде растяжки на всю ширину web-страницы.

• Список с буллитами (небольшими схематическими иконками). Хорошо иллюстрирует ключевые достоинства товара (или услуги).

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

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

• Блок закрытия возражений. Этот жизненно важный блок чаще всего обособлен. Он дается в виде ответов на естественные вопросы (опасения и тревоги) ЦА.

• Блок тарифов. Ставится, если покупателю нужно выбрать из 2-3 различных тарифов.

• Форма обратной связи. Лучше, если она содержит не более 3 полей для заполнения.

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

с высокой конверсией?

• Меню с возможностью навигации - посетитель должен сосредоточиться лишь на одном предложении.

• Ссылок на ваш корпоративный web-сайт - гость может просто отвлечься и забыть про конкретный товар.

• Отвлекающих иллюстраций, не имеющих отношения к рекламируемому продукту.

• Слишком мелкого шрифта, который трудно воспринимать людям с ослабленным зрением.

• Кнопок и ссылок типа «нажмите здесь, чтобы узнать больше». Cтруктура хорошего лендинга

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

Объем идеального лендинга вытекает из 3 главных факторов:

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

• Степени доверия к самому бренду и выпускаемым им товарам. Давно известную торговую марку продвигать куда легче.

• Цены товара (либо услуги). Чем больше денег нужно потратить, тем дольше придется уговаривать покупателя.

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

Более длинные посадочные страницы применяются для дорогих и технически сложных изделий.

Проверьте качество вашего лендинга

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

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