Содержание

Landing page, которая работает / Habr

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

Что такое landing page?


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

Три наиболее частых причины создания landing page:
  • заставить пользователя зарегистрироваться или подписаться на рассылку
  • продать конкретный продукт в конкретной ситуации (распродажа или промо-акция)
  • заставить пользователя скачать или установить софт

Принципы разработки эффективной landing page


Давайте обсудим компоненты или факторы, присущие хорошей landing page.
Call to action (призыв к действию)

Call to action просит и даже заставляет пользователя совершить конкретное действие. Пример call to action – «Подпишитесь на нашу рассылку». Часто call to action предлагает пользователю кликнуть на какой-то элемент страницы (ссылку или кнопку) или заполнить форму.

Советы:

  • Выражайтесь четко. Конкретно говорите пользователю, что именно он должен сделать и что будет потом.
  • Не злоупотребляйте call to action-ами. Если на сайте их немного, то можно сфокусироваться на том, чтобы пользователь предпринял желаемое действие как можно скорее.
  • Используйте кнопки. Кнопки – это традиционный контрол и любой пользователь знает, что по нему можно кликнуть. Хороший дизайн кнопки еще раз обращает внимание на call to action.
  • Дополнительная информацию должна быть наготове. Именно она должна убедить пользователя предпринять необходимое действие.

Landing page компании Square – отличный пример хорошего call to action, который направлен на регистрацию пользователя. Сайт предлагает завести аккаунт, и, как результат действия, Вы бесплатно получаете продукт компании (считыватель кредитных карт Square).

Заголовок

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

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

Когда делаете заголовок, спросите себя: «Достаточно ли это интересный заголовок и действительно ли заставляет пользователя продолжать читать дальше?»

Советы:

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

Хороший пример заголовка у landing page компании Shopify. Он весьма короток и дает представление о том, чем занимается сервис, и привлекает внимание, ведь использован крупный размер шрифта и расположен заголовок на видном месте. Найти Shopify в поисковике можно, набрав «ecommerce store».

Простота

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

Советы:

  • Каждый элемент страницы должен подталкивать пользователя совершить действие.
    Используйте принципы редукционизма, чтоб убрать лишние элементы и текст.
  • У landing page должен быть один главный call to action. Цель странички должна быть предельно ясна и заключается в том, что пользователю необходимо выполнить одно единственное действие. Наличие других действий призвано способствовать выполнению главного.
  • На landing page должно быть много свободного пространства. Слишком перегруженная страница может отпугнуть пользователя.

Landing page Dropbox крайне простая. Там всего 3 элемента: логотип, видео и одна единственная кнопка. Call to action – скачать приложение. Но ведь видео – это дополнительный call to action, дающий пользователю информацию о том, почему он должен стать пользователем Dropbox.

Траектория взгляда

Чтобы быть уверенным, что посетитель увидел все элементы landing page, которые помогут ему принять решение для совершения call to action, траектория взгляда должна быть хорошо продуманной.

Надлежащая траектория ускоряет восприятие информации и гарантирует, что посетитель сайта в конечном счете понял call to action.

Советы:

  • Расположите элементы landing page в логической визуальной последовательности. Определите порядок, в котором нужно просматривать элементы и придерживайтесь его. Узнать больше о визуальной последовательности можно тут: «Working with Visual Weight in Your Designs», «Creating Focal Points in Your Web Design» «Using Power Structure and Gestalt for Visual Hierarchy».
  • Используйте графические элементы. Стрелки, иконки и яркие картинки могут помочь направить взгляд пользователя на нужную область страницы.
  • Используйте контрастные цвета для определенных компонентов веб-страницы. Яркие элементы выделяются, привлекая к себе внимание.

Пример хорошего использования ярких элементов – сайт LetDoThis!, который приглашает посетителей пожертвовать деньги для благотворительного фонда. Первое, что Вы видите, зайдя на страницу – call to action – многочисленные стрелки указывающие на ключевую кнопку «Пожертвовать». Обратите внимание на то, что кнопка и стрелки имеют высокую контрастность цветов по сравнению с темно-сером фоном.

Релевантность

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

Советы:

  • Создавайте отдельные landing page для каждой маркетинговой кампании. Если Вы делаете рекламную компанию с Facebook, то это должно быть отражено на landing page.
  • Landing page должна меняться в зависимости от источника – добавляйте контент, промо-коды и call to action-ы.

Не подвергайте пользователя риску

Очевидно, что никто не любит рисковать. Отнеситесь ответственно к вопросам безопасности, конфиденциальности и мошенничества.

Советы:

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

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

Дефицит

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

Советы:

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

На сайте Mighty Deals размещается таймер, показывающий срок действия скидки. Он подталкивает пользователей не откладывать покупку на потом.

Элементы доверия

Есть много способов, чтобы убедить пользователей в том, что пользование сайтом надежно и безопасно.

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

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

Советы:

  • Размещайте социальные данные из авторитетных и известных веб-сервисов. Хорошим примером является количество лайков в Facebook.
  • Используйте элементы доверия связанные с call to action и размещайте их рядом.
  • Будьте честными. Не стоит публиковать поддельные статусы или отзывы с других сайтов.

На сайте FreshBooks Вы можете видеть три различных элемента доверия: (1) число людей, использующих сервис, (2) цитаты из авторитетных и известных источников, таких как Нью-Йорк Таймс и (3) сертификат безопасности.

Заключение


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

habr.com

развенчание некоторых мифов о посадочных страницах

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

Лендинги – эффективный инструмент лидогенерации, но не стоит его переоценивать

Но для начала небольшая справка (чтобы вопросов не осталось ни у кого – не только у тех, кто знает о лендингах практически все, но и у тех, кто о них практически ничего не знает). Лендинг (от англ. landing page – «посадочная страница») – страница, продвигаемая, как правило, с помощью контекстной рекламы, та страница, на которой посетитель (лид) должен совершить (точнее, вы ожидаете, что он совершит) конверсионное действие, то есть закажет у вас нечто, составляющее ваш офер, – услугу, сервис, продукт, подписку на вашу email-рассылку (все зависит от целей, которые вы преследуете, создавая лендинг).

Самое основное в лендинге: он должен предлагать нечто одно. Один лендинг – один офер. Таково главное правило. Не пытайтесь в одном лендинге рассказать более чем об одной своей услуге (по статистике, 80% представителей ЦА покидают страницу, если суть предложения им не понятна сразу из заголовка, и только 20% дочитывают лендинг до середины). Неправильно делать один лендинг на пять разных товаров и услуг. Лучше создайте пять отдельных страниц.

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

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

В этом видео мы собрали 10 причин, почему лендинг может не принести желаемой отдачи.

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

Из чего состоит лендинг

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

  • Заголовок
  • Офер
  • Продающие триггеры
  • Список преимуществ
  • Кнопка «призыва к действию» (Call To Action)
  • Кнопки соцсетей
  • Картинки и видео
  • Социальные доказательства (отзывы или комментарии клиентов)

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

  1. Вы увидите эффект и поверите в абсолютную пользу лендингов.
  2. Не увидите результата и полностью разуверитесь в этом инструменте.

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

  1. Выдвижения гипотез
  2. A/Б-тестирований

Никаких других вариантов повысить эффективность лендинга не существует! Нет такого специалиста, который «знает, как надо». Приемы, которые работают в одной тематике, не будут работать в другой. Мы это проходили множество раз.

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

Чем «правильнее» собран лендинг, тем он конверсионней. Что в данном случае означает «правильней»? Последовательность очень проста: вы выдвигаете гипотезу (ваше пока еще субъективное мнение о том, что можно было бы изменить на странице, чтобы сделать ее привлекательней для аудитории) – и проверяете свою гипотезу с помощью А/Б-тестирований. Вы переместили кнопку СТА ближе к началу страницы. Дало ли это рост конверсии? Продолжайте собирать конструктор до тех пор, пока не добьетесь желаемой конверсии. Увеличение ее даже на 1% дает ощутимые результаты.

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

Лендинг – точечный инструмент

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

Почему не стоит делать ставку исключительно на лендинги:

  1. С помощью лендингов вы можете привлекать новых клиентов, но задача бизнеса – не только привлечение новых, но и удержание имеющихся, и возвращение старых. Что предложить клиенту, который пришел по лендингу, но еще не принял окончательного решения? Только сайт, который продвигается с помощью контент-маркетинга.
  2. Лендинг – это шаблон, активно продающий услугу или продукт, фактически навязывающий ваш офер аудитории. И в этом огромный минус данного инструмента. С некоторыми людьми активное навязывание работает, с некоторыми – нет. Количество «уставших» от лендингов растет. Эффект усталости усиливается за счет эксплуатации одних и тех же «удачных» приемов, ставших общим местом для самых разных лендингов. Например, одни и те же продающие триггеры, таймеры обратного отсчета, одни и те же приемы в текстах.
  3. Лендинг не снижает стоимость лида.

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

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

Кстати, в нашем портфолио вы можете найти некоторые наши лендинги.

lendingi-razvenchanie-nekotorykh-mifov-o-posadochnykh-stranitsakh

texterra.ru

что это такое и как работает

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

Почему компании помимо основного сайта используют лендинги (landing page)? Причина в том, что при помощи их можно быстро достичь своей цели, так как он направлен на что-то конкретное. Поэтому помимо веб-ресурса, стоит продумывать на будущее и про создание лендинга.

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

Landing Page

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

Лендинги: что это такое и как они работают?

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

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

Лендинги: что это такое и как они работают

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

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

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

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

Landing Page: преимущества и недостатки

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

Преимущества landing page:

  • Одностраничный сайт предлагает пользователям определенное предложение, а значит, сосредотачивает внимание на чем-то одном. Это позволит в большинстве случаев привести к совершению посетителем целевого действия.
  • Лендинги имеют простую структуру, поэтому посетителю не придется искать нужную ему информацию.
  • Стоимость и быстрота создания landing page также является его преимуществом. Лендинги разрабатываются и полностью наполняются за 1-5 дней.
  • Посетителю не придется долго ждать загрузки страницы, так как лендинг весит немного.
Landing Page: преимущества и недостатки

Минусы landing page:

  • Лендинг не основной канал для привлечения аудитории и продажи товаров и услуг, а вспомогательный. В бизнесе в любом случае требуется полноценный веб-ресурс.
  • Может случится так, что слишком навязчивый лендинг наоборот оттолкнет пользователя. Не стоит использовать при его создании слишком много шаблонов.
  • У landing page большая конкуренция, где представлено много компаний.
  • Сайт-страница рассчитан на одно конкретное целевое действие: продажа, сбор лидов, регистрация и т.д., поэтому не может продвигать широкий ассортимент.

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

Структура продающего лендинга

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

Структура продающего лендинга

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

Этапы прохождения пользователя по лендингу:

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

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

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

  • Оффер (заголовок). Данный элемент должен быть привлекательным. В нем отражается предложение компании. В основном, это цены и скидки.
  • Сведения о продукции (товар, услуга). В данной части вы должны рассказать о товаре или услуге: описание, характеристика, изображения. Если есть, то добавьте и видеоматериал.
  • Преимущества вашего предложения. Это повысит шанс на совершение действия. В основном, плюсы расписывают при помощи изображений, графики. Если расписывать преимущества только тестом, то читать аудитория не станет.
  • Схема работы. Здесь посетителю стоит рассказать о схеме вашей работы: клиент-заказчик.
  • Отзывы других клиентов. Это повысит доверие к вам и вашему предложению.
  • Дипломы, грамоты, сертификаты. Они также повышают доверие к вам и вашему предложению.
  • Стоимость. После предыдущих элементов правильной структуры лендинга стоит еще раз сказать о привлекательности стоимости (невысокой цене). Рядом можно разместить форму заказа.
  • Форма заказа (СТА). В основном, она в виде кнопки, нажатие на которую кидает на основной веб-ресурс, или форма для заполнения без перехода. Здесь можно предложить потенциальному клиенту скидку или бонус. Также хорошим приемом станет контрастный цвет кнопки или формы заполнения, повторение кнопки несколько раз.
  • Спецэлементы. Для увеличения конверсии landing page можно использовать различные виджеты. Например, счетчик времени завершения предложения.
  • Контактные данные. Помещаются они либо в хедере (шапка сайта), либо в футере (подвал сайта). И следует указывать все доступные для связи контакты: от телефона и электронной почты до местоположения офиса на карте и кнопок на соцсети.
Правильная структура лендинга

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

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

Дизайн лендинга: основные правила

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

Дизайн лендинга: основные правила

Основные правила разработки дизайна лендинга:

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

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

Как создать лендинг пейдж?

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

Как создать лендинг пейдж

Первым вариантом станет конструктор веб-ресурсов. В данном случае можно создать лендинг самому бесплатно. О том, что такое конструктор сайтов простыми словами, мы уже говорили ранее. В интернете их много. Как варианты, это Wix, Tilda, Flexbe, LPgenerator и другие.

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

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

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

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

pro-promotion.ru

что это такое простыми словами

Вы продаете в интернете? В большинстве случаев вам не обойтись без landingpage.

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

Содержание статьи

Суть посадочной страницы

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

Под «лендингом» чаще всего понимают именно автономную, отдельную страницу, которая самодостаточна и не требует наличия полноценного сайта.Она:

— имеет четкую задачу (действие конверсии)

— разделена по смысловым блокам (включая блоки конверсии), хорошо структурирована

— как правило, обладает четким, выпуклым дизайном, который помогает читателю идти по тексту

Действие конверсии — это то действие, которое мы хотим получить от посетителя: оплата, заказ, заявка, звонок или переход.

Ничто не отвлекает читателя от нужного нам действия. Он либо становится нашим лидом, либо уходит — всего 2 варианта.

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

Чем лендинг отличается от обычного сайта? Тем, что он работает автономно, имеет четкую задачу и структурирован.

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

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

Давайте проведем сравнение.

ЛендингПолулендинг (лендосайт)
Встречает посетителяВстречает посетителя
Работает на конверсиюРаботает на конверсию
Работает автономноРаботает вместе с другими страницами (общая шапка и меню)
Неудобен для SEO-оптимизацииМожно оптимизировать

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

В каких случаях не нужны ни те, ни другие:

 

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

 

Виды и примеры

Лендинг/полулендинг услуги/комплекса услуг

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

Цель— заявка на услугу (с нее начинается общение с менеджером). Это еще не завершенная продажа.

Основной источник трафика — контекстная реклама (ЯндексДирект, GoogleAdwords).

Пример от нашего Агентства (нажмите на картинку для полного просмотра):

 

пример полулендинга

 

Полулендинг на главную страницу сайта («лендосайт»)

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

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

Наш пример (нажмите на картинку для полного просмотра):

лендосайт пример

Товарный лендинг

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

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

Рекламные каналы: контекстная реклама, тизерные сети, реже социальные сети.

Пример, где мы занимались докруткой:

Товарный лендинг пример

 

Лендинг обучающего курса (инфопродукта, онлайн-школы)

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

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

Пример landingpage для тренинга:

Лендинг онлайн-школы пример

Подписная страница

Используется для обмена бесплатности на контакты посетителя. Мы получаем подписчика, с которым будем работать дальше, в воронке продаж (включая автоматические воронки).

Подписные активно используются онлайн-школами: длялид-магнита, вебинара, автовебинара, бесплатного тренинга. Но они могут пригодиться в любом другом бизнесе, где решения редко принимаются в лоб(подписная бесплатной консультации или аудита).

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

Пример подписной для вебинара (перв:

Пример подписной для вебинара

Лендинг офлайн-мероприятия

Это может быть конференция, другой event, офлайновый семинар или тренинг.

Задача— продать билеты на мероприятие.

Наш пример для тренинга Ирины Хакамады (нажмите на картинку для увеличения):

Лендинг офлайн-мероприятия

 

Квиз-лендинг

Трендовый формат — разновидность посадочной страницы. Позволяет получить подписчика с высокой конверсией (но более холодного) через вовлечение его с помощью опроса.

 

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

 

Типичные ошибки в создании лендингов

  1. Использовать landingpage там, где он это не нужно.

Бывают случаи, когда «лендос» вашему бизнесу просто не нужен (или заказывать его преждевременно). Например, если ваш товар успешно продается через интернет-магазин или в личных сообщениях в Инстаграме. Либо когда под него просто нет трафика.

  1. Использовать не тот формат, который нужен в вашем случае.

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

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

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

  1. Делать лендингпейдж«чтобы был»

Сейчас эта ошибка встречается всё реже. А на заре лендингов, благодаря ажиотажному интересу к ним (созданному БМ), многие бизнесы обзаводились ими по принципу «пусть будет».

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

  1. Пытаться купить готовый лендинг

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

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

А чаще всего такая посадочная и конвертировать не будет, потому что не предподносит в выгодном свете продавца.

Максимально эффективные целевые страницы должны быть О ВАС и вашей компании.

  1. Пытаться создать лендинг самому (например, в конструкторе)

Если вы не прошли специальное обучение маркетинговому анализу, копирайтингу, сборке в конструкторе, то, скорее всего, на результат не рассчитывайте.

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

  1. Поручать страницу целиком и полностью дизайнеру

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

  1. Заказывать дизайн или сборку раньше текста (минуя этап прототипа)

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

А правильный порядок в разработке лендинга выглядит так:

  • Брифование клиента — получение базовой маркетинговой информации от вас
  • Маркетинговый анализ целевой аудитории и конкурентов
  • Создание предварительной структуры
  • Написание текста
  • Оформление прототипа — наглядного промежуточного макета будущего лендинга
  • Отрисовка дизайна на основе прототипа в формате psd(Фотошоп)
  • Верстка или сборка в конструкторе
  • Установка метрик, проверка работоспособности форм

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

В нашем агентстве все эти этапы выполняются в нужном порядке.

  1. Нерешенные вопросы по трафику

Когда вы затеваете создание «ленда», то должны четко представлять, откуда на него пойдут посетители, из какого рекламного канала (или естественным путем).

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

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

  1. Неработающий отдел продаж

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

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

Проверьте этот момент, прежде чем делать заказ.

  1. Отсутствие докрутки

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

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

Грамотный подход выглядит так:

— создали посадочную

— запустили в работу

— проверяем по аналитике

— тестируем гипотезы в сплит-тесте

— определяем лучший результат

 

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

А ведь лучшие лендинги определяются только в ходе тестирования гипотез.

 

Лендинг в конструкторе или полностью уникальный?

лендинг в конструкторе

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

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

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

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

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

— много лишнего кода на странице

— неудобно с точки зрения стыковки страниц

— не подходит для ведения блога

— не нравятся поисковикам

Для многостраничников выбирайте старый добрый WordPressили другую платформу, которая вам подходит.

 

Что такое лендинг: итоги

  1. Лендинг — это страница, которая встречает посетителя и конвертирует) его в покупателя или в лида.
  2. Главный секрет его эффективности — в том, что ничто не отвлекает от действия конверсии.
  3. Полулендинг в составе многостраничного сайта имеет лендинговое оформление, но общую шапку и меню (еще этот формат называют лендосайтом).
  4. Посадочные страницы бывают самыми разными по формату, и отличаются по структуре и подходу.
  5. Избегайте типичных ошибок при создании страниц приземления — не создавайте их просто так и не поручайте целиком и полностью дизайнеру.
  6. Конструктор — хорошее решение на этапе проверки гипотезы (но многостраничники мы рекомендуем создавать в Wordress)

Вы можете заказать прототип для лендинга любого формата в нашем Агентстве — или сам лендинг под ключ.

troobadoor.ru

Лендинг — что это такое? Определение, значение, перевод

Что такое Лендинг

Лендинг (Landing page) это страница сайта, на которую приходят посетители с рекламных баннеров. Слово landing в переводе с английского означает «посадка, приземление», так что лендинг-пейдж это «посадочная страница» для посетителей, приходящих из рекламных кампаний.

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



Лендинг (Landing page) это страница сайта, на которую приходят посетители с рекламных баннеров. Слово landing в переводе с английского означает «посадка, приземление», так что лендинг-пейдж это «посадочная страница» для посетителей, приходящих из рекламных кампаний.

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


Лендинг находится в списке: Интернет


Вы узнали, откуда произошло слово Лендинг, его объяснение простыми словами, перевод, происхождение и смысл.
Пожалуйста, поделитесь ссылкой «Что такое Лендинг?» с друзьями:

И не забудьте подписаться на самый интересный паблик ВКонтакте!

 


Сайт новых и хорошо забытых слов Что-это-такое.ru
Добавить слово | Помочь проекту

Псст… Совесть есть?
А если найду?

chto-eto-takoe.ru

11 базовых принципов эффективного лендинга / AstoundCommerce corporate blog / Habr

Итак, вы запустили рекламную кампанию, и трафик пошел на посадочные страницы. Для того, чтобы конвертировать посетителей в покупателей/подписчиков и т.д. (в зависимости от целей), ваша задача — создать посетителю все условия для совершения желаемого действия. Прежде, чем искать секреты и фокусы, которые поднимут конверсию, стоит пройтись по базовым принципам.

Базовые элементы лендинг пейдж можно условно сгруппировать как “дизайн” и “копирайтинг” составляющие. Дизайн — это сердце, он будет порождать эмоции, направлять внимание и притягивать к самому главному — к призыву к действию. Копирайтинг — это мозг, текстовая подача аргументов и фактов, описание предложения, которое либо склонит посетителя к выполнению определенного действия, либо заставит закрыть страницу и отвергнуть ваше ценное предложение на веки вечные. C чего начать?

1. Посылайте пользователя на релевантную, таргетированную страницу

Каким типом рекламных сообщений вы привлекаете пользователя?
Как SEO-трафик, так и контекстная, баннерная реклама имеют общую цель — привести таргетированный трафик на конкретную страницу. Используйте простую формулу: одна цель — одно сообщение — одно действие — одна страница.

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

2. Без неожиданностей

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

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

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

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

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

3. Сфокусируйтесь на заголовке и подзаголовках

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

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

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

— Руководство, демонстрирующее положительное следствие, преимущество
— Обращение, апеллирующее к страху потери (или упущенной выгоде)
— Вопрос

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

9 признаков хорошего заголовка:

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

4. Избавляйтесь от лишнего

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

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

5. Меньше текста?

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

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

Пример того, как “В 6 раз длиннее, на 52% эффективнее” от Рэнда Фишкина

6. The fold — скролл, прокрутка

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

Вопреки популярности “портянок” — бесконечно длинных лендингов на 5-8 экранов — исследование тепловых карт показывает, что гораздо больше внимания сосредоточено на первом экране.

Убедительный текстовый контент, заинтересованность в товаре или услуге, эмоциональное вовлечение заставят посетителя прокрутить вниз и найти заветную кнопку в глубине нескольких экранов. Но… На длинных лендингах лучше оставлять фиксированную или повторяющуюся на каждом экране кнопку CTA (Call to action). Не всегда можно предугадать, в какой момент посетитель “готов”. Поэтому призыв к действию должен быть на виду.

Несколько слов о восприятии

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

Eye tracking center, Institute for Software ergonomics and usability AG

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

Данные исследований nngroup.com по айтрекингу говорят о том, что внимание распределяется следующим образом:

— Левая часть экрана — 69% пользовательского времени
— Правая часть экрана — 30% времени пользователя

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

— До скролла 80,3%
— Ниже скролла 19,7%

7. Последовательность и эмоциональность

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

Лого — это лицо вашего лендинга.

Посетитель должен как минимум вспомнить его при следующей встрече.

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

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

Изображения

Доносят ли изображения на сайте и стоковые картинки идею вашего бизнеса? На сайте желательно использовать картинки, совпадающие с идеей бизнеса. Как мы уже писали ранее, в тренде e-commerce дизайна — крупные изображения. Вокруг этого крупного изображения и стоит выстраивать свой лендинг пейдж. Крупная графика, крупный текст основного сообщения — вот все, что нужно, чтобы донести свой бизнес-месседж до посетителя. Но не ограничивайтесь только картинками.

8. Экспериментируйте с типами контента (данных, информации)

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

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

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

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

9. Возможность распространения

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

10. Не делайте умозаключений — тестируйте!

Значение имеет все — цвета, картинки, расположение, тестируйте все, что помогает вовлечь, удержать и сконвертировать посетителя.

A/B тестинг и другие метрики помогают точно определить, что именно влияет на ваш лендинг. Если вам кажется, что изображение розового слона принесет больше конверсий вашему сайту, чем слона серого — протестируйте это предположение.

Исследование dynamicwebsolutions

Интернет-маркетологи, дизайнеры, психологи ищут философский камень, который превратит в золото все вокруг… Но, увы, нет рецепта волшебной большой оранжевой кнопки в правом нижнем углу, c CTR 100%. Большая или маленькая? Зеленая или красная? А текст какого цвета? Со стрелкой или без? Есть только один способ узнать что будет работать — тестирование!

Call to action

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

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

11. Дайте что-то взамен или поблагодарите

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

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

habr.com

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

Хотите знать что такое лендинг? Я расскажу Вам об этом самыми простыми словами! Несколько лет назад ко мне пришел один клиент, и сказал: “Александр, сделай мне рекламу лудинга!”. Я немного растерялся. “Чего-чего сделать рекламу?”. “Клиент говорит”: Ну такого сайта, чтобы с него все сразу и быстро продавалось”. “Аааа- лендинга!” -догадался я. “Точно!” – сказал клиент!

Для меня было странно, что многие не знают, что такое лендинг. И чем он отличается от многостраничного сайта. Или от такого понятия как “лендинг пэйдж”. И не совсем знают для чего собственно говоря этот самый лендинг нужен. И какой вообще он должен быть.  Оказалось, что термин “лендинг” знаком действительно только не очень большой группе людей. Которые связаны или с созданием или с продвижением сайтов. А остальным конечно же желательно поподробнее объяснить, что такое лендинг.

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

Содержание статьи:

  1. Дайте мне таблеток от жадности! Да побольше! или Продажи через лендинг!
  2. Первый раз в первый класс! Или что такое лендинг?
  3. Ну не шмогла я, не шмогла! Или как лендингу выйти в топ-10?
  4. Покатай меня большааая черепаха! Или как сделать лендинг быстро!
  5. Кто на свете всех милее? Или что должно быть в лендинге?

Дайте мне таблеток от жадности! Да побольше! или Продажи через лендинг!

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

lending 3lending 3Например, Вы занимаетесь подготовкой Новогодних корпоративов. И конечно же считаете, что нужно как можно скорее начать продавать свои услуги. Ведь Новый год “на носу”! Можно конечно сделать многостраничный сайт. И разместить на каждой странице информацию о конкретной услуге. Ну типа там, отдельно “прокат Дедов Морозов”, отдельно “аренда Снегурочек” и отдельно “поедание новогодних подарков”. 🙂

Но можно сделать и просто отдельный лендинг, где указать просто: “Проведение Новогодних Корпоративов. Дед Мороз и Снегурочка в комплекте”. И это может сработать! Почему? Да потому что посетитель сайта пытается прочитать весь текст, все страницы. Часто ему не хватает терпения дочитать все Ваши конкурентные преимущества до конца. Типа “многобукав ниасилил” :).

А что такое лендинг? Это сжатая информация, разбавленная большими яркими картинками! И все это на одной странице! Текст короткий. Емкий. Броский. В наш век засилья рекламы и клипового мышления, как раз такая подача информации часто заходит “на ура”! Да еще если сделать на Вашем лендинге так называемый “дидлайн”. То есть ограничение по времени. Ну и еще добавить “типо распродажу”. То есть сделать “типо старую цену” зачеркнутой и “новую цену” с 90% скидкой. То такой лендинг смело можно назвать продающим!

А все почему? А потому что Вы не оставляете посетителю лендинга выбора! Один товар (или одна услуга). Два-три конкурентных преимущества. Суперская цена! Ну или якобы суперская. Главное, чтобы клиенту не пришло в голову начать сравнивать с другими предложениями. А для этого – ограничение по времени действия предложения в виде счетчика на лендинге. Ну или просто “написанное словами”!

И… Бинго! В теории посетители такого продающего лендинга должны начать выстраиваться в очередь, ожидая, пока Вы их облагодетельствуете своей услугой или соблагоизволите продать свой товар!

Первый раз в первый класс! Или что такое лендинг?

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

lending 4lending 4Обычно у далекого от интернет-реалий человека достаточно смутное понятие о лендинге. Он не знает, что такое лендинг, зато знает, что такое одностраничный сайт! Ну или одностраничник! Честно говоря, я бы всегда так и говорил своим клиентам. Одностраничник. Коротко и понятно! Однако зарубежный “лендинг” все-таки побеждает по частоте употребления. Так что будем все же называть одностраничный сайт лендингом.

Кстати, одностраничный сайт или тот же лендинг достаточно част бывает не одностраничным. А, как бы это сказать поточнее, малостраничным сайтов. Иногда создатели лендингов выносят на отдельные страницы контактную информацию или предложения по акциям. Иногда делают некий “мультилендинг”, где на 3-5 страницах продают несколько товаров. Но в любом случае, страниц не бывает больше 10. В отличие от больших “нормальных” сайтов. Где может быть и 100 страниц и больше.

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

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

И еще. Все-таки лендинг пейдж и лендинг, хотя и происходят из одного слова, немного разные вещи. Лендинг пейдж по умолчанию – это посадочная страница сайта. То есть та страница, куда Вы попадаете первым делом. Понятно, что в одностраничнике Вы попадаете на единственную страницу. Поэтому если задать себе вопрос: “что такое лендинг пейдж и что такое лендинг”, то ответ будет фактически один и тот же!

 

Ну не шмогла я, не шмогла! Или как лендингу выйти в топ-10?

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

Именно поэтому мне часто приходится отказывать владельцам одностраничников, когда они просят о СЕО продвижении их одностраничников. Я конечно же не берусь за это! Чтобы не получилось, как с той несчастной лошадью в анекдоте, которая “не шмогла”.

Даже если у лендинга достаточно много страниц, продвинуть его по СЕО все равно не самая лучшая идея! Почему? Да потому что “многословный” сайт и лаконичный лендинг предназначены для совершенно разных людей. И даже если лендинг каким-либо чудесным образом “всплывет” на первой страницы поиска Яндекса или Гугла, то продаж не будет. Или будет, но мало. Почему?

Потому что, на “обычный” сайт заходят люди, которые любят почитать. Любят повыбирать между разными вариантами. Любят поанализировать. Сравнить характеристики и цены. А на лендинг заходят посмотреть и по быстренькому купить. Пока действует акция!

lending 5lending 5И есть еще один фактор, который препятствует раскрутке лендингов по SEO принципам. Дело в том, что в подавляющем большинстве случаев лендинги делают с помощью онлайн конструкторов сайтов. А эти конструкторы относительно медленные. И сайты, созданные на их основе хуже индексируются поисковиками. Конечно, можно сделать лендинг с нуля. На “чистом коде”. И разместить на быстром хостинге. Только вот зачем? Все-таки лучше всего лендинги “идут” под контекст.

Поэтому лендинги конечно же создаются в основном под контекстную рекламу в Яндекс Директ или Гугл Адвордс (сейчас это Гугл Реклама). Обязательно учтите это, когда будете или делать сами или заказывать лендинг. В основном работает связка лендинг + контекстная реклама!

Покатай меня большааая черепаха! Или как сделать лендинг быстро!

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

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

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

  • Бесплатный период. При выборе конструктора для лендинга обратите внимание на то, чтобы у конструктора был бесплатный период пользования. А еще лучше, если есть какой-то минимальный бесплатный функционал. Дело в том, что иногда Вы не сможете с ходу выбрать необходимый Вам конструктор одностраничников. Нужно потестировать несколько. И тут бесплатный период будет очень кстати.
  • Возможность редактирования кода. Это тоже очень важный вопрос. Дело в том, что Вам может понадобиться добавить на Ваш лендинг какой либо код. Что это может быть? Например, онлайн-консультант на сайт. Или платежная система. Да мало-ли что Вам прикрутить захочется. Однако далеко не всегда это можно сделать штатными средствами или с помощью плагинов. Вот в этом случае и пригодится возможность редактирования кода.

lending 6lending 6

  • Возможность вставки целей. Как я уже писал выше, лендинги в основном предназначаются для того, чтобы их рекламировали в Яндекс Директ или Гугл Адвордс. Для того, чтобы такая реклама была как можно более эффективна, необходимо связать одностраничник с системой аналитики. Это делается с помощью целей. То есть таких программных вставок, которые должны быть помещены на кнопки сайта. Самостоятельно без программиста это сделать достаточно сложно. Поэтому очень важно, если на лендинге есть возможность простой вставки целей в соответствующие поля.
  • Наличие базы шаблонов. Конечно можно заказать создание лендингов веб-дизайнерам. Только их услуги весьма недешевы. Для 90% стандартных бизнес-ситуация достаточно немного видоизменить один из шаблонов, которые обычно идут в связке с конструкторами сайтов. Логично, что чем больше предлагается шаблонов – тем лучше для Вас.
  • Возможность динамического контента. И напоследок. Если есть возможность подмены динамического контента на лендинге – то это тоже очень круто. В двух словах как работает эта штука. Вы ищете на поиске “пластиковые окна”. И Вам сайт показывает, что сделает “пластиковые окна”. Ищете “деревянные”. Сайт покажет что “деревянные”. То есть, динамический лендинг подстраивается под конкретный запрос и показывает пользователю “то что он хочет”.

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

 

Кто на свете всех милее? Или что должно быть в лендинге?

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

  • Крупные картинки. Желательно с довольными людьми. Крупным планом.
  • Много свободного места. Не должно быть много мелких деталей.
  • Все кнопки крупный. Яркие. В хорошо видимых частях экрана
  • Контактная информация должна быть в шапке лендинга.
  • Посетитель должен заказать товар из любого места лендинга. Не экономьте на кнопках “заказать”. Располагайте из почаще

lending 7lending 7

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

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

 

lending 8lending 8

Вот Вы и узнали, что такое лендинг ! Я постарался объяснить это понятие самыми простыми словами. Ну проще некуда. А если у Вас остались какие-либо вопросы – пишите мне. Я отвечу!

Кстати, я собрал все свои бесплатные видеоуроки в одном месте. Вот тут – ТЫНЦ СЮДА ! Теперь Вы можете посмотреть все на одной станице! Желаю полезного просмотра!

Ваш Nаставник онлайN

Александр Бессонов

 

avbessonov.ru

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *