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

Лендинг или продающая страница – это одностраничный сайт, который предназначен для презентации одной услуги или одного товара. Правильно структурированный лендинг увеличивает конверсию страницы в разы.

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

1. Шаг первый: сформируйте уникальное торговое предложение

Какую пользу вы несете? Ведь важнее продавать решение какой-то проблемы, а не сам товар.

2. Шаг второй: докажите пользу и покажите ее

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

3. Шаг третий: проработайте возражения

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

4. Шаг четвертый: добавьте отзывы

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

5. Шаг пятый: сделайте предложение, от которого невозможно отказаться

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

Итак, правильная структура лендинга:

1. Экран с уникальным торговым предложением и визуализацией продукта/услуги, форма обратной связи.
2. Офферы, действующие акции.
3. Преимущества. Описание с доказательствами и примерами.
4. Снятие возражений, отзывы, ответы на часто задаваемые вопросы.
5. Предложение с формой обратной связи.

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

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

Существует ли правильная структура лендинга?

Разработка сайтов

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

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

1. Первый экран, на котором располагаются оффер и форма обратной связи.
2. Ваши преимущества, которые в идеале нужно преподнести как выгоды, которые получит ваш клиент.
3. Представление вашего товара, описание его характеристик в самом широком понимании.
4. Описание проблем, которые могут возникнуть и потребителя, если он решит приобрести аналогичный, но некачественный товар/услугу, а также убедительное пояснение, почему с вами таких неприятностей у него не будет.
5. Блок, в некотором роде дублирующий третий, но делающий другие акценты. Служит для закрепления у клиента положительного образа вашего товара, а также раскрывает его с других сторон. Это может быть фотогалерея, портфолио, кейсы и т.д., в зависимости от того, что вы продаете.
6. Акция. Еще один call to action – на этот раз с дополнительным преимуществом. Акция должна быть обоснована (скидку 50% любому обратившемуся предлагать не стоит, необходимо создать хотя бы ограничения по времени обращения), интересна клиенту и не бить слишком сильно по вашему карману.
7. Идеальный лендинг пейдж не может обойтись без отзывов. Отзывы должны быть реальными. Не спрашивайте, как, но если вы сами их придумаете, то посетитель это почувствует. В идеале это должны быть благодарственные письма с печатями конкретных юридических лиц, такие отзывы не очень сложно заполучить, если вы действительно качественно выполняете свою работу.
8. В футере сайта размещается контактная информация и еще одна форма оставления заявки.

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

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

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

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

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

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

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

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

Следовательно, схема первого экрана лендинга выглядит таким образом:

Теперь несколько важных моментов касательно других блоков.

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

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

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

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

Идеальный лендинг — реально ли добиться совершенных результатов?

Нет. И чем раньше вы это поймете, тем лучше. Ваш сайт может работать успешнее любого конкурента, показывать рекордную конверсию при громадном трафике, низкий процент отказов или попасть в списки самых красивых сайтов по версии каких-нибудь независимых экспертов, но никогда нельзя думать, что выше результата получить нельзя. Одна из причин тому – неоднородная целевая аудитория. Не только в плане предпочтений в разрезе вашего продукта, но и в плане отношений к сайту как таковому. А значит у вас есть бесконечное множество вариантов описания ваших конкурентных преимуществ и формы их преподнесения на сайте. Какой из них лучше, смогут показать лишь сплит-тесты, количество которых ограничено только вашей фантазией. Главное – не стоит слишком увлекаться и не резать курицу, несущую золотые яйца. Если ваша посадочная страница уже показывает превосходные результаты и способы их улучшения не представляются очевидными, то на исходную страницу стоит пускать минимум половину трафика, чтобы из-за экспериментов ваш доход изменялся несущественно. Еще одна причина невозможности достигнуть идеала – время. Правила создания лендингов меняются: сайты, которые хорошо смотрелись десять лет назад, сегодня редко могут посоперничать с более молодыми и актуально выглядящими конкурентами. Но даже если не брать в расчет такие большие промежутки, то все равно регулярно появляются новые тренды и фишки, по отдельности, возможно, и не являющиеся особо существенными, но в совокупности их применение может обеспечить положительный эффект. Поэтому, если сейчас сайт кажется вам близким к идеалу, то чем больше времени проходит, тем больше риск, что от совершенства он отдаляется всё дальше. И не менее важен следующий аспект: чем больше появляется лендингов ваших конкурентов, и чем чаще на них используются одни и те же приемы, тем сильнее у вашего клиента «замыливается» глаз, и в итоге информация, которую он встречал не единожды, его совсем не интригует или даже снижает доверие.

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

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

Правильная структура лендинга | PRIME

Landing page или «посадочными страницами» называют одностраничные сайты, которые продвигают услуги либо товары. Оптимальная структура лендинга в 2018 году позволит увеличить конверсию в покупки либо лиды в несколько раз.

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

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

Рассмотрим 5 наиболее важных шагов для создания лендинга

• Шаг 1. Определяем покупателя

Сперва нужно изучить целевую аудиторию, уделив внимание:

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

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

При создании промостраницы, в первую очередь, определите Вашу ЦА.

• Шаг 2. Определяем пользу

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

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

• Шаг 3. Доказываем и демонстрируем

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

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

Визуализация – первична, а тексты – вторичны.

• Шаг 4. Развеем опасения

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

Неплохая идея — разместить блок с отзывами, особенно если отзывы со ссылками на страницы реальных людей в социальных сетях.

Разместите ответы на самые распространенные вопросы, проработаете опасения, продемонстрируете отзывы реальных клиентов.

• Шаг 5. Делаем предложение

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

Цена, а также основные условия сделки — завершающий блок.

Вместо подытога

Рассмотри верную структуру леддинга

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

Возможно вам будет интересно:

Структура лендинга: руководство по разработке

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

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

Итак, поехали.

Для начала пример из Буржунета – страница сервиса TaleMed. 

Первое, что видит посетитель – описание «Работа для медсестер за границей / Зарабатывайте до $60 в час с помощью TaleMed». Это характеристика услуги, а не выгода. Что получит пользователь, заполнивший форму заявки? Конкретные предложения о работе или просто место в базе компании? Непонятно. 

К форме захвата обязательно должна быть подпись – объясните, что именно вы даете взамен телефона / емэйла посетителя страницы.

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

Вот суть контента посадочной страницы. А теперь пошаговый план – что именно писать.

Фишка лендингов с высокой конверсией – информация постепенно, шаг за шагом «подогревает» желание пользователя отдать свои контакты или позвонить. И здесь в помощь следующий алгоритм, который мы проверили на 98 проектах наших клиентов. Результат – минимальная конверсия 4,5% в суперконкурентной нише (пластиковые окна) и до 17,7% в оптовых поставках товаров из Китая.

Пример сайта Yagla (главная страница, куда ведет реклама).

1) Что вы продаете и что это дает. В нашем случае – уникальная фишка продукта:

2) Как ваш продукт работает, как это выглядит:

3)  Покажите почему пользователь должен выбрать именно вас – уникальность, конкурентные преимущества («10 причин использовать продукт и т.д.)

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

5) Покажите, как пользователь может воспользоваться вашим предложением. Напишите четкий и понятный призыв к действию (кнопка CTA).

6) Приведите социальные доказательства:  отзывы реальных клиентов, благодарственные письма партнеров, отзывы «лидеров мнений», экспертов в вашей области; скриншоты результатов.

Еще один пример – страница компании 1С: БухОбслуживание.

На первом экране они бьют потенциального клиента прямо в сердце: «Забудьте о проблемах с бухучетом + Какие услуги оказывают + Месяц бесплатной работы как дополнительная выгода»:

На втором экране говорят о своих преимуществах:

Объясняют принципы работы с помощью графики:

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

Вместо заключения

Разумеется, не существует единого рецепта для всех ниш бизнеса. Берите эту схему, комбинируйте, подгоняйте под свою специфику. Главное – дайте посетителям лендинга ответы на 4 вопроса:

• Что здесь есть для меня?
• Что это мне дает?
• Почему я должен обратиться именно к вам?
• Как получить обещанную выгоду, что для этого нужно сделать?

Как создавать уникальные торговые предложения смотрите на конкретных примерах в статье «Продающий оффер по методу 4U»

.

Высоких вам конверсий!