Для чего нужен лендинг — полное руководство. Идеальная структура landing page по версии LPgenerator

«Для чего мне лендинг?» вопрос от создателей: «Какие преимущества лендинга?» и «Какие задачи у лендинга?». Отвечаем на эти вопросы в одной статье.

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


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

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

Многие наши клиенты при заполнении брифа на разработку лендинга (или при встрече) упоминают, что на нем нужно будет отобразить все 270 видов шифера и бетона. Продающая страница — это не сайт компании, на котором целесообразно отображать все ваши товары или писать историю развития вашей компании. На нем нам главное зацепить потенциального клиента выгодным для него УТП (уникальным торговым предложением) и получить его контактные данные для того, чтобы продавать дальше. Для этого на одностраничном сайте обязательно должны быть призывы к действию (call-to-action, CTA).

Чтобы как можно больше посетителей совершали его, предлагайте ценность за заполнение формы, например, скидку 5%, важную и полезную информацию, советы и так далее. Яркий пример - сайт Lamoda.

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

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

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

Для кого подойдет Landing page?

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

Основная задача лендинга

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

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

Целью лендинга не является прямая продажа. Цель лендинга - заинтересовать клиента и «заставить» заполнить и отправить форму со своими контактными данными. Далее продают ваши менеджеры.

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

  1. Landing идеально подходит для рекламных кампаний в Яндекс или Google.
  2. Лендинги используют при проведении различных акций, конкурсов, концертов, конференций. Они помогут наилучшим образом донести до потребителя условия вашей акции или конкурса.
  3. В Email-маркетинге. Через email-маркетинг можно повышать лояльность клиентов, увеличивать продажи, делать допродажи тем, кто уже купил ваш товар и подогревать интерес у тех, кто сомневается.

Каким должен быть лендинг?

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

  • Заголовок должен цеплять. Его задача — удержать посетителя на сайте, рассказать, как же ему будет плохо без вашего продукта. Если нам не удастся с помощью первого экрана заинтересовать клиента в первые секунды, то он уйдет.
  • Изображение товара, визуализация услуги. Это помогает пользователю принять решение о покупке. Важно не использовать стоковые изображения из интернета, они оказывают обратный эффект.
  • Обязательно наличие Call to action.
    Призыв к действию делайте простой. Если ваш призыв "купить" или "заказать", то ждите маленькую конверсию. Если вы работаете в сегменте B2B, то призыв может быть "Получить КП" (коммерческое предложение), а если в сегменте B2C - "Забронировать скидку", "Получить скидку", "Узнать подробнее", "Проконсультироваться" и т.д.
  • Не должно быть рекламы и лишних ссылок. Одна страница - одно предложение.

Виды лендингов

Мы все привыкли, что лендинг - это одностраничный длинный сайт с 5-7 блоками. Но есть и другие типы лендингов:

One step для подогревания интереса - здесь есть только один call to action и нет форм обратной связи, «оставить заявку» или «заказать». Цель такого лендинга - рассказать о вашем продукте как можно больше, заинтересовать и сказать, что заказать можно в нашем каталоге, например. Идеальным примером такой промо страницы является практики автосалонов. Они разрабатывают отдельную one step, где описывают какую-либо определенную марку авто. И в заключении предлагают записаться на тест-драйв, например.

Squeeze Page - еще один тип лендинга, цель которого - получить email в обмен на какую-то интересную информацию или скидку. Такой тип популярен среди маркетологов, которые занимаются email-маркетингом, так как здесь можно легко получить базу. Главное предлагать действительно что-то полезное и не спамить, чтобы получить лояльную базу подписчиков.

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

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

Видео-презентация разработанного нами продающего сайта

Преимущества лендинга перед сайтом

Рассмотрим основные преимущества лендинга.

  • Рекламное предложение, которое содержит лендинг, конкретно. Это повышает вероятность того, что посетитель заинтересуется и закажет у вас.
  • Неограниченность в контенте. Когда мы создаем сайты для компаний, мы обязательно пишем контент с учетом всех ключевых слов, чтобы в дальнейшем был трафик из органической выдачи. Это не дает «разгуляться» в заголовках и описаниях, так как у нас есть регламент SEO-текстов. А на одностраничных сайтах такого нет. Лендинги обычно не продвигают по SEO, поэтому при написании контента не обязательно употреблять ключевые слова.
  • Навигация проста, отсутствуют переходы на другие страницы.
  • Скорость загрузки лендинг пейдж ниже.
  • Разработка landing занимает меньше времени по сравнению с корпоративным.
  • Несколько лендингов могут размещаться на одном домене. Благодаря этому вы можете запускать несколько промоакций с разными предложениями под разные целевые аудитории (например, если ваша компания одновременно оказывает услуги или поставляет товары в сегментах B2B и B2C)
  • На одностраничниках намного легче проводить сплит-тесты и отслеживать эффективность их работы.

Какой должна быть конверсия?

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

Трафик для лендинга

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

Самые популярные источники продвижения - контекстная и таргетированная реклама. О них подробнее.

  • Контекстная реклама — размещение рекламы в поисковых системах. Оплата происходит по типу PPC (pay per click) - оплата за клик. Тип продвижения зависит напрямую от целей вашего лендинга: если цель собрать базу клиентов - то лучше пойти в таргетированную рекламу, а если цель одностраничника - увеличить количество лидов, то контекст - ваше поле боя. Она подходит для того, чтобы привлечь людей, которые уже решили, что им необходим ваш продукт. То есть, если человек вводит запрос «купить стол», то он горячий, он уже понимает, что он нуждается в столе. А если человек ищет «куда можно сложить конспекты и учебники», то он теплый - у него есть проблема, вы предлагаете решение - купите стол и сложите все туда. Для этого подходит таргет.
  • Таргетированная реклама . Как мы уже писали выше, этот тип продвижения подходит для того, чтобы предлагать решения для теплых клиентов. Рекламируясь во Вконтакте или Инстаграм можно максимально точно таргетировать и попасть на 100% в целевую аудиторию. И тогда стоимость привлечения клиента будет в десятки, а то и в сотни раз меньше, чем в контекст.

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

  • Подготовка - важный этап. Нам часто присылают брифы на разработку лендинг пейдж, где ни слова нет об аудитории и позиционировании. Компании просто не знают свою аудиторию и кому они продают.
    Опорной точкой разработки любого сайта является определение аудитории и позиционирования.
    Также необходимо выявить боли и потребности клиентов, проанализировать конкурентов и найти их преимущества и недостатки. Это поможет создать убойное УТП.
  • Реклама . Лендинг в основном создается для контекстной или таргетированной рекламы. Поэтому предложение в рекламном объявлении должно совпадать с лендингом, например, цены и условия доставки.
    Если человек в рекламном объявлении видит цену 500 рублей, а на сайте указано 3 000 рублей, то он сразу уйдет, а вы потратите деньги впустую. Рекламное сообщение в контекстной рекламе должно соответствовать сообщению на сайте.
  • Контент . Стиль написания контента также должен опираться на портрет целевой аудитории. Он должен быть написан понятным для нее языком.
  • Тестирование . Успех сайта и рекламы в A/B тестировании. На сайте необходимо тестировать картинки и УТП, чтобы понять, что же больше всего подходит для ваших клиентов и увеличивать конверсию. В рекламе мы тестируем само объявление, чтобы повышать CTR.

Вывод

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

А подарком является скидка 7% на с контекстной рекламой, индивидуальным дизайном и текстами. Мы проанализируем нишу, конкурентов и проведем A/B-тестирование после запуска посадочной страницы. Для получения скидки скажите, что вы читали эту статью.

Какой должна быть структура лендинга, чтобы вы получали больше заказов и тратили меньше денег на рекламу? За годы практики я вывел простую формулу из 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 лет =)

Как должен выглядеть лендинг с точки зрения эффективности? Какие блоки он должен содержать и как эти блоки должны выглядеть? Прочитав статью, вы получите ответы на эти вопросы и увидите, как выглядят лучшие landing page.

1. Заголовок с УТП

У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:

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

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

От заголовка зависит показатель отказов.

Вот примеры заголовков лучших лендингов нашей компании.

2. Дескриптор

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

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

Лучшие лендинги всегда содержат оригинальный дескриптор.

3. Блок с контактными данными

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

  • реальный номер телефона;
  • электронную почту;
  • кнопку «Обратный звонок».

Обязательно используется призыв – просьба позвонить.

4. Привлекательное изображение

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

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

На скриншотах вы видите красивые лендинги с привлекательными изображениями.

5. Формы захвата

Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.

Форма захвата содержит графы для ввода имени и телефона. Призыв к действию описывает дополнительные выгоды (подарок, скидку, дополнительную услугу), которые побуждают посетителя к немедленной отправке данных.

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

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

6. Блок с выгодами для клиента

Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.

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

7. Отзывы клиентов

Блок с отзывами – ключевой в лендинге.

На лендинге должны быть реальные отзывы по меньшей мере от трех клиентов. Идеальный вариант – окно с возможностью прокрутки, например слайдер, вмещающий 5–10 отзывов.

Каждый отзыв:

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

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

8. Тарифы или пакеты услуг

Покупатели любят выбирать из нескольких альтернатив. Поэтому идеальный лендинг предлагает на выбор 2–3 тарифа или пакета. Неважно, продает лендинг товары или оказывает услуги, на сайте должен присутствовать блок с тарифами.

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

9. Примеры Лендинг Пейдж

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

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

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

10. Реальные контактные данные в футере

Заключительный триггер доверия – блок с контактной информацией о компании или авторе в футере.

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

Также тут размещается заключительная форма захвата.

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

Если вы зашли на эту статью, значит, перед вами стоит две цели:

  1. Подробнее узнать о структуре лендинга;
  2. Найти "схему" идеальной посадочной страницы.

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

Но если вы хотите подробнее узнать о структуре продающего лендинга и не боитесь больших, но очень интересных статей, то для вас мы приготовили ценную информацию. Эта статья научит вас создавать продающую структуру Landing page, раскроет ее принцип, особенности и правила. Готовы? Поехали!

Что собой представляет структура Landing page? Это разработанные и логически структурированные блоки, которые в виде своеобразной истории ведут посетителя к целевому действию. Конечно, никто не может вам точно сказать какой блок за каким следует ставить с точки зрения логики. Напомним, это все индивидуально. Но специалисты, и , в том числе, в качестве эффективного помощника используют маркетинговую стратегию AIDA.

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

AIDA - это аббревиатура с английского языка, которая заключает в себе четыре простых слова:

А (attention) - внимание:

I (interest) - интерес;

D (desire) - желание;

A (action) - действие.

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

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

  1. Цель посещения целевой страницы захвата;
  2. Цель покупки;
  3. Основные и дополнительные факторы принятия решения;
  4. Возможные возражения;
  5. Ваши преимущества.

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

Структура лендинг пейдж на трёх реальных примерах

Перейдем от слов к действию. Для понимания структуры продающего лендинга мы взяли за основу 3 лендинга, разработанные по стратегии AIDA.

Пример 1. Разработка лендинга по строительству и проектированию домов и коттеджей

Целевая аудитория: мужчины и женщины возрастом 30-60 лет.

Цель: получить проект дома/построить дом премиум качества, получить помощь в выборе материалов, узнать стоимость строительства.

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

Первый блок ATTENTION должен привлечь внимание посетителя. Для этого продающий лэндинг должен содержать:

  • Название компании и ее логотип;
  • Первый заголовок, он же уникальное торговое предложение;
  • Второй заголовок, логично продолжающий первый;
  • Какие-либо зацепки, которые могут привлечь внимание посетителя и заинтересоваться оффером/компанией.

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

  1. Зацепка для посетителя в качестве скидки;
  2. Возможность сделать заказ клиенту, который уже готов к сотрудничеству.

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

"INTEREST"

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

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

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

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

"DESIRE"

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

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

"ACTION"

Последний шаг к быстрой конвертации- призыв к действию и форма заказа.

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

Пример 2. Структура лендинга с высокой конверсией для HR-компании

Аудитория: руководители или менеджеры по персоналу, мужчины и женщины возрастом от 25 до 65 лет, нуждающиеся в поиске сотрудников

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

"ATTENTION"

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

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

Смотрите больше примеров оффера в статье с рекомендациями, как правильно написать оффер

"INTEREST"

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

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

"DESIRE"

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

"ACTION"

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

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

Пример 3. Продающая структура Landing page для систем отопления и кондиционирования

ЦА: мужчины до 60 лет, индивидуальные покупатели, руководители малого, среднего и крупного бизнеса любой сферы деятельности

Цель: обеспечить помещение грамотной системой отопления и кондиционирования под ключ, купить необходимое оборудование

  • неправильный расчет и планирование системы
  • непрофессиональный подбор оборудования

"ATTENTION"

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

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

"INTEREST"

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

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

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

Демонстрируем экспертность компании, которая выливается в выгоды клиента. Прочитав их, посетитель понимает, что имеет дело с профессионалами. Следовательно, все страхи угасают.

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

"DESIRE"

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

"ACTION"

Блок действия разбит на две части. Первая часть - это отдельная форма генерации лидов с призывом к действию.

Вторая - демонстрация дополнительных услуг компании + еще одна форма и СТА.

Несколько слов напоследок

Структура продающего сайта со всеми ее элементами должна мягко подводить посетителя к целевому действию. Здесь все играет ключевую роль, начиная от всего дизайна сайта, заканчивая наводящими стрелками. Вся сложность разработки Landing page 13 )

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


Конфигуратор

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

17. Видео


Боль

19. Сравнение

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

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

Люди не глупые, они могут проверить. И тогда Вы попадёте в неловкую ситуацию, если вдруг меня не послушались.


Сравнение

20. Не нашли ответ?/Нужна консультация?

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


Не нашли ответ

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

21. Карта

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

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


Карта

22. Гарантия

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


Гарантия

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

23. Цены/пакеты/тарифы

Если Вы продаёте одну конкурентную услугу или один товар, то у Вас априори нет каталога в классическом понимании.

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


Тарифы

Кстати говоря, а как Вы считаете, стоит на сайт показывать цены в открытом доступе или создавать интригу? Это вопрос подробно разобрали в видео, смотрите ниже:

24. Отзывы

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

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

Кстати, полезным будет также знать какой должна быть .