По-прежнему продолжаю собирать коллекцию примеров хороших посадочных страниц. Русскоязычных. Все три страницы принадлежат “перу” одной и той же студии. В портфолио этой студии были размещены видео-отзывы владельцев сайтов, из которых следует, что эти посадочные страницы имеют высокую конверсию в 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 варианта кресла-груши, круглый мячик и квадратный пуфик.

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

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

Но сама по себе посадочная страница очень и очень хороша!

Твитнуть

Плюсануть

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

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

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

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

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

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 % и удачно продавать в Интернете. А по-другому в современном мире с его обезумевшей конкурентной борьбой и не выйдет.

Лендинг пейдж (от англ. 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 делает свою работу профессионально, к каждому лендингу тщательно подбираются шрифты, соответствующие тематике и общему стилю.

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

В этой статье мы рассмотрим разные варианты одностраничников — от «классики» до «модерна». Самое интересное, что элементы везде будут почти одинаковые.

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

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

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

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

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

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

Что это за «минимум, необходимый для оформления заказа»? Вот об этом мы сейчас и поговорим.

Четыре обязательных блока главного экрана

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

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

Что нужно человеку для того, чтобы оформить заказ?

  • Уверенность в том, что ему предлагают именно то, что он искал
  • Что-то, что поставит вас выше других конкурентов, которых он рассматривал
  • Контакты для связи

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

Если вашим посетителям нужен ремонт Айфона — так и пишите «Ремонт Айфонов в Москве». Если они ищут суши с доставкой на дом — то тоже не надо вставлять в самое видное место логотип и название вашей компании.

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

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

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

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

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

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

Вот пример немного получше предыдущего.

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

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

А вот еще один пример, который мне понравился больше остальных:

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

Напоминаю, что у нас есть 4 обязательных элемента для главной страницы. Первые три мы уже разобрали: 1. Четкое описание, что мы предлагаем; 2. Изображение нашего товара/услуги; 3. Контакт для связи.

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

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

Чтобы резюмировать все сказанное про главный экран — посмотрите еще вот на этот пример.

Тут автор лендинга тоже явно не очень понимает, что он делает. Вроде бы все на месте — есть конкретное описание, что предлагается. Есть визуальное изображение услуги (какое-никакое). Есть даже оффер. Даже два оффера. Нет, даже три… Вот в этом и заключается ошибка. Тут сразу три оффера/отстройки:

  1. На 40-60% дешевле дилерского
  2. Сохранение гарантии Renault
  3. Чиним быстро/Работаем качественно/С нами выгодно

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

Уверен, что если просто убрать это «быстро/качественно», и вместо этого вставить номер телефона и «Звоните прямо сейчас» — конверсий получится намного больше.

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

Три блока на доверие

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

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

  • Регалии
  • Отзывы
  • «Как мы работаем»

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

Самый слабый вариант создания доверия — это «как мы работаем». Это когда мы схематично изображаем — «Шаг 1 — Вы нам звоните; Шаг 2 — Вы переводите нам деньги; Шаг 3 — Мы исчезаем в неизвестном направлении…» и так далее.

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

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

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

В результате получаем следующее:

Там где кружочки с рисунками внутри — вот там должны по идее располагаться регалии. Но то, что мы видим на примере выше — это не регалии. Это все офферы. «Скидка 30%» и «с нуля до Upper-Intermediate за 8 месяцев» — это не официальные достижения. Эта информация отлично смотрелась бы на главном экране.

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

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

Вот еще один неплохой пример:

Здесь только подкачал «100% результат». Это тоже не регалия, а оффер — «Гарантируем 100% результат или вернем деньги». Но первые две регалии делают свое дело.

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

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

Блок создания потребности

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

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

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

Кроме того, само описание выгод сделано неправильно. Вот что мы имеем:

  • Выступление сильных и успешных российских предпринимателей
  • Уникальные кейсы и практики и только из практики российских компаний, которыми мы можем гордиться
  • Живые истории взлетов и падений
  • 2 дня в кругу единомышленников, людей с широко открытыми глазами

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

Это все равно, что написать «холодильник с двумя морозильными камерами объемом 150 литров», и на этом остановиться. Но нам после каждой технической характеристики надо дать объяснение — «А это значит, что хватит места на все продукты, и не придется их упихивать ногами».

То же самое и с характеристиками из примера выше.

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

Ну или примерно так. Главное — давайте объяснение, зачем нужна та или иная характеристика. Ну и в идеале оформите это все графически. Например вот так:

Здесь правда даны пункты для разных продуктов. А вам надо будет сделать 5-7 кружочков с рисунками + технической характеристикой + объяснением выгоды для одного вашего продукта. Тогда блок создания потребности можно считать завершенным. А завершим мы наш лендинг «дожимом» тех, кто еще сомневается — заказывать или нет.

Блок «дожима»

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

Информация в виде вопрос/ответ легко читается, потому что создает ощущение диалога. Вспомните, в книгах диалоги всегда читать легче и приятнее, чем описания.

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

Формально это FAQ. Есть вопросы — и есть ответы. Но большинство вопросов здесь — организационные. Хороший вопрос только под номером 3. Это самое настоящее возражение — «Зачем мне выбирать ваши курсы, если я могу заниматься с репетитором?»

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

Подготовьте список из 9-10 основных возражений ваших потенциальных клиентов и разместите ответ на них в форме FAQа. Тогда блок «дожима» можно считать завершенным.

Резюме

Давайте теперь резюмируем все 9 блоков продающей структуры лендинга.

  • Блок 1 — Объясняем ЧТО конкретно мы предлагаем (на самом видном месте главного экрана)
  • Блок 2 — Визуальное изображение товара/услуги (тоже работает на объяснение, ЧТО мы предлагаем)
  • Блок 3 — Оффер/отстройка от конкурентов
  • Блок 4 — Контакт для быстрой связи и призыв к действию («Звоните прямо сейчас»)
  • Блок 5 — Список регалий, оформленный горизонтальным списком с иконками
  • Блок 6 — Создание потребности (технические характеристики + выгоды)
  • Блок 7 — Отзывы (создание вторичного уровня доверия)
  • Блок 8 — Как мы работаем (создание вторичного уровня доверия)
  • Блок 9 — Дожим (ответы на основные возражения клиентов, упакованные в FAQ).

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

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

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

Потому что если вы продаете квартиры, то и 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. Просто пройдите регистрацию в этих агрегаторах и сможете свободно просматривать все офферы и лендинги для них соответственно.

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

Эпилог

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