Создаем Landing Page своими руками. Как сделать лендинг самому: пошаговая инструкция


Так как спрос на Landing Page с каждым годом увеличивается более чем на 100%, даже новички, заинтересованные в бизнес-деятельности на просторах интернета, начинают задаваться вопросом – как создать лэндинг своими руками? Проведение распродаж, акций от крупных компаний, малый коммерческий бизнес, маркетинговое продвижение своего продукта, увеличение продаж, тестирование новой ниши – эти и многие другие факторы заставляют компаний заинтересовываться одностраничными сайтами.

Создаем Лендинг Пейдж с нуля без знаний и навыков

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

1. Создание лендингов с помощью онлайн-конструкторов

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

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

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

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

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

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

Пример создания лендинга с помощью Bloxy.ru:

  1. Переходим на Bloxy.ru .
  2. Кликаем по кнопке «Создать Landing Page».
  3. Проходим краткую регистрацию, либо авторизуемся через социальные сети (сервис не получает ваши данные от страниц в соц. сетях).
  4. Жмем по огромной кнопке со знаком «+» — «Создать сайт».
  5. При желании проходим краткий курс обучения (новичкам рекомендуем не отказываться от него).
  6. Перед нами открывается огромный визуальный редактор с инструментами, расположенными как внизу сайта, так и в самом верхнем меню. Каждый инструмент вполне понятен пользователям за счет своей иконки. Также при наведении на иконку появится подпись, поясняющая, что это за инструмент. Чтобы разместить его на сайте, нужно просто перетащить иконку в нужную область лендинга.
  7. Выбираем шаблон из сотни представленных в соответствующем разделе.
  8. Наполняем сайт контентом.
  9. Добавляем необходимые модули – они также встроенные.

Максимально подробно о работе с Bloxy.ru мы рассказывали в . Отметим, что внизу Bloxy.ru есть кнопка «Посмотреть обучающее видео». Если нет желания проходить курс, посмотрите видеоролик, подробно рассказывающий, как создать свой лендинг с нуля.

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

2. Разработка лендинга с использованием готового шаблона

Создание лендинга с нуля возможно путем установки готового HTML-шаблона, скаченного из интернета. Но этот способ более сложен для новичков в сравнении с теми же конструкторами.

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

Но тот факт, что потребуются лишь минимальные знания HTML и CSS, которые можно получить, «загуглив» пару статей, не оспоришь.

Если вы найдете подходящий по вашей тематике шаблон, то все, что останется сделать, это поменять демо-контент (видео, текст, изображения) на свой. После готовый HTML-шаблон нужно установить на купленный . В среднем он обходится в 200-500 рублей в месяц (это немного дороже, чем услуги Bloxy.ru).

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

Здесь мы не будем рассказывать, что можно создать лендинг своими руками при помощи HTML-редактора. Способ аналогичен всему вышесказанному, но в данном случае мы должны будем сами писать шаблон, либо собирать его по частям, находя нужные участки кода в готовых шаблонах. Нельзя сказать, что способ невероятно сложен, но новичкам браться за него необходимости. Идеальный шаблон вы с первого раза вряд ли сможете написать. Если сроки на создание одностраничника минимальные, лучше воспользоваться услугами онлайн-сервиса Bloxy.ru.

3. Создание одностраничника на движке WordPress

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

Все, что нужно сделать для работы с данной платформой, это:

  1. Приобрести хостинг (от 200 рублей);
  2. Купить домен (от 100 рублей);
  3. «Прикрутить» на хостинг CMS;
  4. Привязать домен;
  5. Далее найти готовый шаблон в самой же системе WordPress и активировать его одним кликом.
  6. Размещение текстового контента, изображений, видео – все это настолько же элементарные задачи, как и в случае с конструкторами. Но, опять же, домен и хостинг – это гораздо большие растраты, чем оплата услуг онлайн-сервисов.

Процедуру установки хостинга на CMS можно найти на сайте любого хостинг-провайдера.

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

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

Что такое Page Builder от WordPress?

  1. Первое, что нужно сделать с помощью плагина, это разработать разметку. Она позволит нам грамотно распределить блоки своего одностраничника, установить цвет блоков, их размер, разместить фоновое изображение, настроить отступы, число блоков и так далее. Атрибутов в плагине действительно много.
  2. Когда все нужные блоки готовы, необходимо разместить в них контент. В этом вам может помочь дополнительный плагин «SiteOrigin Сборник Виджетов». Очень много виджетов из всего сборника могут быть полезны для вашего лендинга, но и злоупотреблять ими ни в коем случае нельзя. Под виджетами мы подразумеваем слайдеры, иконки, заголовки, кнопки, формы и так далее.
  3. Если у вас есть сторонние плагины, их также можно будет активировать. Например, установить таймер обратного отсчета акции или распродажи, сделать кнопки интеграции с социальными сетями, разместить форму, в которой клиенты будут оставлять свои контактные данные. Для WordPress сегодня в сети можно найти невероятное количество разношерстных дополнений.

Если мы создаем Landing Page своими руками, останавливаться на базовом функционале CMS точно не стоит. Современные целевые страницы совершенствуются именно за счет дополнений.

Выше мы говорили про CRM-системы, E-mail рассылки. Интеграцию с такими сервисами WordPress разрешает. Правда, не все подобного рода плагины бесплатные. Но в интернете можно найти и бесплатно скачать сторонние дополнения.

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

Подытожим

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

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

Самостоятельное создание лендинга

Об одностраничниках

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

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

Способы создания

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

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

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

На что нужно обратить внимание при разработке сайта

Лендинг с подзаголовком, в котором отображаются преимущества предложения

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

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

Заголовок

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

Лендинг сосредоточен на одной цели

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

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

Один лендинг преследует только одну цель

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

Читайте также: Удаленная работа на дому с ежедневной оплатой

В чем выгода потребителя

Как оформить преимущества сотрудничества

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

Персонализация

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

Проработка структура

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

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

Прием персонализации

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

Социальные доказательства

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

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

Призывы к действию

Структура лендинга со инструментами продвижения

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

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

Призыв к действию в виде кнопки с призывающим текстом

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

Лид-формы

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

Лид-формы

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

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

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

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

В чем смысл создания лендинг пейдж?

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

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

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

Какие подвиды существуют?

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

Автономная страница

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

Целевые страницы на крупном сайте

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

Микросайт

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

Сайт из целевых страниц

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

Как создать такой сайт?

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

Обращение к профессионалам

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

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

Создание самостоятельно

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

  • аудит компании или товара/услуги. Это необходимо для определения целевой аудитории;
  • анализ уже существующих конкурентов;
  • разработка концепции лендинга;
  • создание прототипа лендинг пейдж;
  • написание текстов, создание заголовков, seo-оптимизация (если требуется);
  • создание дизайна;
  • верстка.

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

Нужна ли оптимизация лендинг пейдж?

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

  • используйте для продвижения нч и сч запросы, их количество не должно быть больше 2–3;
  • текст должен быть хорошим, информативным и структурированным. страницы только с изображениями продвигать трудно, текст должен быть. хотя бы 2–3 тысячи знаков;
  • используйте заголовки h1–h2;
  • alt картинок, title и description страницы нужно заполнять обязательно;
  • если это уместно, добавьте карту и адрес компании. не лишним будет блок отзывов;
  • покупка ссылок поможет продвинуть ваш лендинг в поисковых системах, но тут не стоит гнаться за количеством, лучше купить несколько дорогих, но хороших ссылок. нч и сч запросы так можно продвинуть довольно легко;
  • домен лендинга должен содержать ключевые слова - это очень важно.

Сервисы для создания лендингов

http://lpgenerator.ru - хороший сервис, очень много шаблонов, есть пробная версия. Стоимость создания и размещения одной лендинг пейдж начинается от 560 рублей в месяц.

http://lpmotor.ru - шаблонов много, есть шаблоны секций, которые позволяют создавать индивидуальные решения. Стоимость - от 450 рублей в месяц, но есть возможность сперва создать лендинг пейдж, оценить результат, а уже потом оплатить.

http://wppage.ru - генератор страниц для Wordpress. Стоит 2162 рубля (уже он бесплатный). Представляет собой плагин, который позволит вам легко и быстро создавать одностраничники на базе Wordpress. Но необходим навык работы с данной CMS.

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

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

Что такое лендинг пейдж и почему это так важно

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

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

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

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

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

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

Примеры лендингов

В зависимости от преследуемых вами целей можно разделить посадочные страницы (лендинги) на несколько типов:


12 шагов по созданию идеального лендинга

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

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

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

    Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):

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

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

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

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

  9. Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
  10. Для стимулирования подписчиков или покупателей некоторых товаров (например, ) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
  11. Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды.

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

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

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

Примеры ошибок делающих landing нерабочим

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

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

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

У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page» :

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

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

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

Конечно, самостоятельно заниматься созданием landing page достаточно сложное занятие. Нужно, как минимум, хорошо владеть фотошопом, для создания дизайна, знать HTML, CSS, Javascript и немного PHP.

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

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

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

1 место: PlatformaLP


На первом месте замечательный онлайн-конструктор посадочных страниц — PlatformaLP.ru . По нашему мнению, это лучший сервис для создания посадочных страниц.

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

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

Вторым важным моментом на который хочется обратить внимание, это хорошая интеграция с различными сервисами, такими как: «CRM системы, сервисы обратного звонка, почтовых рассылок, аналитики и социальные сети».

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

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

2 место: LPGenerator


На второе место мы ставим всем известный LPGenerator . Этот сервис, также заслуживает самых высоких оценок, за его богатство функций, настроек и возможностей.

Функционал, еще более богат, чем в первом сервисе, но как нам кажется, немного менее удобен (но тут на любителя). Если позволите, то lpgenerator — это, как Битрикс в нише CMS, тут тоже сотни винтиков и переключателей, которые помогут качественно настроить ваш landing. Мы бы рекомендовали этот сервис только профессионалам, у которых высокие требования, амбиции и они понимают, что лендинг — это инструмент, над которым нужно работать.

Этот сервис, может показаться вам немного дороговатым, и это действительно так. Минимальный тариф — 2000 рублей, да еще и с ограничением по посещаемости в 10000 человек в месяц. Но если вы ставите серьезные задачи, то должны понимать за что платите, выбирать как минимум средний тариф и тогда LPGenerator станет для вас любимым конструктором landing page.

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

3 место: LPmotor


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

В целом, конструктор не плохой, ведь первые 2 — это гиганты, а LPmotor — может стать отличным стартом. Присутствуют все инструменты, которые могут понадобится новичку. Кроме того, совсем недавно появился инструмент для создания Квизов, который взорвал индустрию в 2018 году. В рейтинге конструкторов лендинг пейдж, этот сервис заслужено занимает 3 место, и если вы не знаете с чего начать, то рекомендуем именно этот конструктор.

На какие еще конструкторы лендинг пейдж стоит обратить внимание?


Tobiz

Tobiz — не просто landing page конструктор. Это платформа для создания полноценного интернет-сайта. Начать создание одностраничника довольно просто: вам нужно всего лишь зарегистрироваться на конструкторе и выбрать шаблон.

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

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

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

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

15/02/2019 10/03/2019 TanyaVU 1826