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

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

Основные элементы landing page

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

1 Элемент — дескриптор

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

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

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

Smartlanding – создание продающих лендинг пейдж.

Smartlanding – разработка посадочных страниц.

Smartlanding – блог о создании лендинг пейдж.

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

2 Элемент – контакты

После того, как человек понял и где он находится, и что ему могут предложить, появляется вопрос – как это получить? Поэтому следующим блоком являются контакты. Это может быть номер телефона и адрес. А также, часто, в этом блоке располагают кнопку “ ”

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

Можно сделать, например, так:

Возникли вопросы? Звоните!
8 800 900 90
с 9.00 до 18.00 без выходных!

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

3 Элемент – уникальное торговое предложение

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

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

4 Элемент — визуализация товара

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

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

5 Элемент – запрос контактных данных

Это основной пункт для вас. Обычно – это просьба указать свое имя, телефон, и в отдельных случаях e-mail, для того, чтобы заказать товар или услугу, а также, для того, чтобы выслать прайс, каталог или подарок.

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

Например:

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

Оставляйте заявку прямо сейчас и получите скидку 20%.

Получите купон на 100$ для заказа следующего сайта.

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

На кнопке, лучше писать “Получить скидку” чем “Подтвердить” – это работает лучше. Старайтесь показать то, что получит покупатель, если это возможно. (Об одних из самых эффективных видов скидок я писал )

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

Элемент 6 — преимущества

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

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

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

• Начало работы над макетом в день обращения.
• Оплата любым удобным для вас способом.
• Ежедневная отчетность о проделанной работе.
• Без предоплаты.
• Домен и хостинг в подарок.
• А/Б – тестирование и корректировка дизайна в течении 3 месяцев после запуска проекта.

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

Следующими блоками, после основных, могут быть:

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

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

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

Что такое лендинг простыми словами

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

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

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

Идеальная структура лендинга — это 8 основных экранов

Приступим к проработке структуры вашего идеального лендинга?

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

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

Часто на первом экране можно увидеть первый – кнопку «Узнать больше», и даже лид-форму, если посетителям уже известна ваша услуга, или это уже не первый контакт с вашей компанией.

Яркая иллюстрация – лендинг Сбербанка, посвящённый именной стипендии. Он рассчитан на тех, кто уже знает компанию (кто её не знает?). Здесь располагается краткий призывающий заголовок, интригующий подзаголовок и кнопка CTA («Готов попробовать»), дополненная логотипом акции.

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

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

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

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

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

Блок с ценами

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

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

Блок с отзывами

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

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

Ответы на часто задаваемые вопросы (снятие опасений)

Даже после всей этой информации у клиента могут остаться опасения. Почему так дорого/дёшево? А как я получу свой заказ? А могу ли я приехать в офис? И многое другое. Успокойте посетителя, и разместите ответы на часто задаваемые вопросы. Это поможет ему ещё больше проникнуться к вам доверием.

Например, так сделали на лендинге компании по доставке наборов вина на дом:

Выгодное предложение (акция, дефицит, истекающий срок действия)

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

Например, Тильда предлагает купить курс по интернет-маркетингу со скидкой в 40%.

А LPGenerator предлагает пройти первое занятие бесплатно – и выгодное предложение, и обработка возражений («а вдруг мне не подойдет») в одном блоке.

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

Контакты

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

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

Как работает лендинг

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

Когда есть смысл делать Landing Page? В первую очередь все зависит от ситуации, продукта и вашей ниши. Прежде чем решать запускать продающую страницу, нужно провести анализ рынка. Но есть уже ряд «стандартных ситуаций, в которых лендинг оказывается идеальным решением:

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

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

А если есть сайт, что тогда?

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

Как продвигать Landing Page

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

Заключение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

17. Видео

Боль

19. Сравнение

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

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

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

Сравнение

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

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

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

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

21. Карта

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

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

Карта

22. Гарантия

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

Гарантия

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

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

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

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

Тарифы

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

24. Отзывы

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

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

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