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

Дата публикации: 2016-10-14

image

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

Почему лендинги стали так популярны?

image

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

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

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

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

Для чего используют лендинги?

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

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

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

Собственно, рассмотрим всего 2 способа. И о первом я скажу совсем чуть-чуть. Он более прост и заключается в использовании платных и бесплатных конструкторов. Минус такого создания очевиден — вы собираете дизайн из неуникальных блоков, а чтобы уникализировать их, понадобятся уже навыки работы с html и css. А еще основы веб-дизайна. В платном конструкторе можно создавать по умолчанию качественные одностраничники, но вам едва ли хватит функционала, чтобы изменить в шаблоне что угодно и переделать все на свой вкус. К тому же для этого, как я уже говорил, тоже нужны знания.

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

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

Этапы создания лендинга с нуля

Планирование структуры одностраничника (какие на нем будут блоки, что в них будет и т.д.), составление ТЗ дизайнеру.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

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

Заказ дизайна у веб-дизайнера. В среднем это стоит 1-10 тысяч рублей, в зависимости от сложности и исполнителя.

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

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

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

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

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

Собственно, главный показатель качества одностраничника — конверсия. Это соотношение кол-ва целевых действий (заказ товара/услугу) к общему кол-ву людей, зашедших на сайт. Например, если вы купили платную рекламу и по ней на сайт перешло 120 человек, а получили вы 2 целевых действия, то ваша конверсия составляет примерно 1,66%. То есть 1,66% людей будет заказывать ваш товар. Правда, тут нужно оговориться, что 120 посещений и двух заказов недостаточно, чтобы высчитать средний показатель конверсии на сайте. Для этого нужно гораздо больше трафика.

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

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

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

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

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

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Фреймворк Bootstrap 5. Быстрый старт

Изучите основы Bootstrap 5 на практическом примере по верстке интернет-магазина с нуля!

Смотреть 7 плагинов WordPress для бизнес-сайтов, которые должны быть у каждого Переезд WordPress сайта с помощью перемещения базы данных и файлов —>

Метки: landing page

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

https://webformyself.com/kak-sozdat-lending-pejdzh-landing-page-samostoyatelno/—> Содержание

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

Что такое Landing page простыми словами

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

Актуален ли лендинг в 2019-2020?

  • Широкая их распространенность неизбежна привела к весьма противоречивому отношению к ним. И, справедливости ради, причины, почему многих интернет-пользователей одностраничники откровенно раздражают.
  • Большинство lading page на просторах сети откровенно убоги — это тяжеловесные, перегруженные текстом, картинками и видео тормозящие страницы, которые вызывают у посетителей только раздражение. Увы, но востребованность услуги всегда приводит к появлению множества низкоквалифицированных исполнителей.
  • В то же время грамотно построенный и написанный лендинг, предлагаемый аудитории, которой интересно данное предложение, отлично работает в 2019 году и будет работать и в дальнейшем. Потому что в его основе лежит простой принцип — людям нравятся короткие и доходчивые предложения. И “интернет-мода” на это не влияет.

Что нужно знать для того, чтобы сделать хороший лендинг

Классическая “формула”  — AIDA (Attention. Interest, Desire, Action). Каждый из этих пунктов отражает этап взаимодействия посетителя с сайтом и, зачастую, один из элементов структуры лендинга. Но обо всем по порядку:

  • Attention (Внимание) — первый и самый главный пункт, на который стоит обращать внимание при создании лендинга. Нужно “ухватить” внимание посетителя в первые несколько секунд его пребывания на сайте. За это в структуре лендинга отвечает заголовок и первый экран с оффером, кратко описывающим предлагаемый продукт. Классический оффер выглядит примерно так:
  • Interest (интерес) — на этом этапе нужно “подогреть” интерес посетителя дополнительным контентом — преимуществами вашего продукта, видео, изображениями и так далее. При этом не нужно использовать стоковые фото и видео — делайте свой, уникальный и интересный контент.
  • Desire (Желание) — заинтересовав посетителя, нужно сформировать у него желание купить ваш продукт или, на худой конец, подписаться на рассылку. Делать это можно несколькими способами, например публиковать отзывы пользователей или максимально персонализировать предложения
  • Action (действие) — покупка продукта, заказ консультации, оформление подписки и так далее. Под него обычно выделяется один из разделов лендинга, но кнопки действия должны быть распределены по всей странице. При этом важно помнить два момента:
    • Во-первых, все формы, кнопки и функции должны работать идеально. Без всяких оговорок и багов.
    • Во-вторых, формы должны быть максимально простыми. Если в ней больше 3-5 граф — лучше “повесить” переход на страницу с формой на кнопку, а не пытаться “впихнуть” ее в лендинг. Взаимодействие посетителя с лендингом должно быть максимально простым и быстрым.

Четыре главных мифа о Landing Page

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

  1. “Продающий” текст. Чтобы не говорили маркетологи, никакого “продающего” текста не существует. Текст в одностраничнике должен легко читаться, быть простым, понятным и четко доносить ваше предложение посетителю. Но никаких “волшебных” слов нет.
  2. Лендинг должен быть длинным. Этот миф очень любят конторы, “штампующие” шаблонные сайты в надежде получить с клиента побольше денег. Ресурс должен доносить ваше предложение максимально интересно и заинтересовывать посетителя. Растягивать его нет смысла — он должен иметь минимальную длину, необходимую для выполнения этой задачи. Если вам удалось сделать это за один экран — идеально.
  3. В лендинге должно быть много-много пунктов с преимуществами продукта. На деле вымучивать кучу никому не интересных текстов, заголовок и иконок не нужно — они все равно не сработают. Сосредоточьтесь на том, что действительно интересно вашей аудитории.
  4. Лендинг решает все проблемы. Увы, но он не способен обеспечить вам продажи сам по себе. LP помогает потенциальным клиентам увидеть преимущества вашего продукта и заинтересоваться им, однако сам продукт должен обладать этими преимуществами. Вдобавок, нужен и качественный источник траффика, благодаря которому на страницу будет попадать ваша целевая аудитория, а не те, кому ваше предложение не интересно в принципе.

Варианты создания Lading Page

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

Итак, основные способы сделать продающую страничку:

  1. Сделать самому
  2. Заказать лендинг “под ключ”
  3. Воспользоваться онлайн-конструктором

Лендинг своими руками

  • Самый дешевый и доступный вариант, который можно реализовать, даже не используя специализированные инструменты. В сети не так уж мало лендингов, которые владельцы сайта сделали в Photoshop и самостоятельно заверстали. Как правило они предельно простые, но если одностраничник выполняет свою задачу, то почему бы и нет?
  • Проблема этого способа очевидна — вам нужны навыки программирования, интернет-верстки, дизайна и копирайтинга. Хотя бы базовые.
  • Второй вариант создания лендинга самостоятельно — использовать популярную и недорогую CMS WordPress. Для нее существует специальный плагин — WordPress Landing Pages.
  • WordPress предлагает отличный и гибкий функционал — от готовых кнопок и элементов лендинга до возможности проведения сплит-тестирования. Однако работа с ним требует специальных знаний и интерфейс далеко не так удобен, как хотелось бы. Это скорее инструментарий для специалиста, чем для человека, который быстро хочет сделать пристойный одностраничник для себя.

Лендинг под ключ

Самый дорогой, но самый простой способ получить лендинг — нанять кого-нибудь, кто сделает его для вас. Заплатить, объяснить, что вы хотите — и пусть обо всем остальном голова болит уже у исполнителя. Этот подход однозначно оптимален для крупных компаний, когда сайт должен выдерживать большую нагрузку, а сам лендинг должен быть “сложнее среднего”.

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

Использование онлайн-конструкторов

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

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

  1. Самым популярным из таких конструкторов, несмотря на всю свою тяжеловесность, остается WordPress Landing Pages. Просто потому что компания, которой требуется одностраничник, в абсолютном большинстве случаев использует ту или иную CMS. И WordPress сегодня среди них наиболее популярна. Особого смысла искать другую платформу у компаний, использующих эту CMS, просто нет.
  2. Следующим по интенсивности использования идет LPGenerator. Если WordPress любят заказчики, то LPGenerator горячо любим веб-студиями, создающими лендинги под ключ. Просто потому что на сегодняшний день это самый мощный и полнофункциональный из конструкторов, позволяющий делать с одностраничником все что угодно.
  3. Помимо банальных шаблонов, здесь присутствует богатый инструментарий для прорисовки страниц, добавления собственного кода и развитая система обучения начинающих веб-дизайнеров. Ценят его и за полный набор средств маркетингового анализа — от банального A/B-тестирования до самой подробной статистики о поведении посетителей на странице.
  4. Минусов у LPGenerator всего два: возможностей слишком много, чтобы в них мог быстро разобраться новичок, а тарифы на платформе одни из самых высоких на рынке — от 560 рублей в месяц за ограниченный базовый функционал до 11 тысяч в месяц за “полный фарш”. В конце концов, они рассчитаны на профи, которые зарабатывают созданием лендингов.
  5. uKit — Представитель противоположного лагеря конструкторов лендингов. Он предельно прост и не требует никаких специальных знаний для использования. Пользователь получает не только набор готовых элементов, которые он может размещать по своему усмотрению, но и полноценные шаблоны. В них нужно просто подставить нужные картинки и тексты — все блоки уже заранее размещены в логически верном порядке, кнопки и функциональные элементы расставлены по странице авторами шаблонов — ошибиться трудно. 
  6. Тарифы довольно демократичны — от 4 долларов в месяц. За эти деньги вы получаете функционал, достаточный для большинства лендингов. Но если хотите получить возможность принимать платежи онлайн — придется выложить уже 9,6 долларов в месяц. А вот инструменты для анализа конверсии отсутствуют в принципе — придется использовать стороннюю аналитику.

Фактически, uKit — это оптимальное решение для создания своего первого лендинга либо одностраничника для блога, а также во всех тех случаях, когда вам не нужны профессиональные инструменты. Грубо говоря, зачем покупать строительный пистолет, если вам нужно забить два гвоздя?

Подпишитесь на новости блога!

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

Дополнительный заработок в сво..

Как открыть интернет-магазин с..

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

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

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

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

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

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

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

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

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

» alt=»»>

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

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

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

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

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

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

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

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

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

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

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

    или так

  6. На вашей landing page должны быть не только призывы к действию и эффектные заголовки, но и аргументация необходимости подписки, покупки, заказа или звонка. В случае страницы подписки это может быть, например, небольшой видеоролик с описанием и содержанием «халявы», или все то же самое оформлено в виде краткого списка (перечня). В случае продажника это тоже может быть видеоролик с обзором товара, списком тех услуг, которые вы предлагаете (в том числе и ваши конкурентные преимущества).
  7. Очень хорошо на посадочных страницах работают отзывы от уже состоявшихся клиентов, покупателей или подписчиков (лучше, если при этом будут указаны какие-то контакты тех, кто эти отзывы оставил, чтобы все выглядело правдоподобно).
  8. Также неплохо работают на посадочных страницах сравнения «до и после». Не для всех тематик это применимо, но в области похудения, косметологии, фитнеса и многих других ниш это можно с высокой эффективностью использовать. Например, так делает фирма, предоставляющая услуги ресторации.
  9. Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
  10. Для стимулирования подписчиков или покупателей некоторых товаров (например, инфопродуктов и прочих вариаций инфо-бизнеса) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
  11. Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды. Рядом с таймером неплохо будет расположить форму подписки, заказа или контактный телефон. Это будет работать не всегда, поэтому надо проводить тесты (думаю написать ряд статей про проведение А/Б-тестирования — если не хотите пропустить, то подписывайтесь на рассылку), и возможно, что такой простой и очевидный способ позволит вам увеличить конверсию данной лендинг пейдж и с лихвой окупить деньги, потраченные на продвижение в социальных сетях или контекстной рекламе.
  12. Пользователи также хотят знать, кто именно им предлагает данный товар, услугу, видеокурс и т.п., поэтому необходимо в лендинге указывать информацию об авторе, магазине, фирме. Естественно, что хорошо было бы при этом упомянуть достоинства, достижения, конкурентные преимущества, но не перехваливайте себя, дабы не перейти ту грань, за которой уже снижается доверие к опубликованной информации.

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

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

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

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

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

» alt=»»>

Денис Имшенецкий, генеральный директор платформы Nethouse, в колонке для «Нетологии» рассказал, как самостоятельность запустить лендинг и ничего не забыть.

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

  • заказать услугу;
  • оставить заявку;
  • вызвать мастера.

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

Лендинг может располагаться как на отдельном домене вида site.ru, так и на поддомене вида domain.site.ru или же быть страницей домена вида site.ru/domain.

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

Программа обучения: «Landing Page: построение эффективных посадочных страниц»

Создание и наполнение лендинга

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

Обязательные элементы лендинга

  • Логотип компании/сервиса. Должен присутствовать либо в меню, либо на обложке (первом экране) лендинга.
  • Продающий заголовок. Элемент, с которого начинается знакомство с вашим лендингом. Если вы плохо сформулируете то, о чем пойдет речь дальше, и не «попадете» в потребность посетителя, он наверняка сразу уйдет.
  • Уникальное торговое предложение. Расшифровка заголовка, отвечающая на вопрос «Какую проблему клиента помогает решить товар/услуга?».
  • Подробное описание товара или услуги. Рассказываем об основных качествах и особенностях продукта. Применительно к товару это размеры, производитель, гарантия, доставка. К услугам — время выполнения, кому подходит, рекомендации. В этом блоке могут находиться цены.

  • Преимущества. Этот блок отвечает на вопрос «Чем вы лучше других и почему купить товар/услугу надо у вас?». Постарайтесь отстроиться от конкурентов.

  • Контактная информация. Телефон, email, мессенджеры, соц.сети, время работы — укажите все необходимое для удобной связи с вами.
  • Форма с призывом к действию. Это главный элемент лендинга, к которому мы подводим потенциального клиента. Именно здесь он должен оставить свои контактные данные для связи или оплатить товар/услугу онлайн. Возьмите только то, что нужно для оформления заказа. Чем больше полей, тем ниже конверсия.

Дополнительные элементы

  • Призыв к действию. Этот элемент нужен, если лендинг состоит более чем из 5–6 блоков. Всё-таки посетителю надо периодически напоминать, зачем он здесь.

  • Фото и видео. Для некоторых тематик лендинга это просто необходимость. Например, фотограф, салон красоты, организация семинаров.

  • Этапы. В этом элементе пошагово показывается, как легко воспользоваться услугой или получить товар.

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

  • Регистрация и подключение своего домена. Как правило, все конструкторы сайтов после регистрации в сервисе предоставляют бесплатно домен третьего уровня вида site.nethouse.ru. Для успешного продвижения понадобится свой домен вида site.ru.
  • Подключение почты. Приятным дополнением к домену является подключение к нему почты. Адрес вида [email protected] вызывает доверие у потенциальных клиентов.
  • Добавление favicon. Значок лендинга, который отображается браузерами во вкладке перед названием страницы. Обычно представляет собой логотип или часть логотипа.

Пример фавикона

  • Добавление мета-тегов. Title и Description важны для индексации в поисковых системах, keywords заполнять необязательно. Title также отображается во вкладке браузера.
  • Подключение систем аналитики Яндекс.Метрика и/или Google Analytics, настройка целей. Поскольку задача лендинга — привлечение посетителей, очень важно понимать, кто они, откуда пришли, сколько времени провели, куда нажимали. С помощью систем аналитики вы сможете понять эффективность рекламных каналов и перераспределять бюджет.
  • Подключение дополнительных сервисов (при необходимости). Например, онлайн-консультант или обратный звонок. С помощью этих сервисов вы можете взаимодействовать с посетителями и продавать больше.
  • Проверка отображения сайта на ПК, планшете и мобильном телефоне. Важно, чтобы на всех устройствах информация легко считывалась, контент не терялся, а формы легко заполнялись и отправлялись. Ссылки должны корректно открываться.

Запуск контекстной рекламы в Яндекс.Директ

  • Подбор ключевых слов. Подумайте, по каким запросам ваш товар или услугу могут искать с помощью Яндекса. Составьте свой список, а остальные запросы поможет сформулировать сервис https://wordstat.yandex.ru.

  • Добавление минус-слов. Минус-слова используются, чтобы по запросам, где имеются такие слова, не показывалось объявление.
  • Составление объявлений. Используйте методику «одно объявление — одно слово» или «одно объявление на группу слов». В тексте объявления укажите поисковый запрос (например, «создать лендинг»), преимущества («без программирования и помощи специалистов») и призыв к действию («регистрируйтесь сейчас»).
  • Стратегия показа объявлений. Если вы не располагаете большим бюджетом, подойдёт стратегия «Недельный бюджет: максимум кликов».
  • Регион показа. Если вы оказываете услуги только в Москве, то не имеет смысла показывать рекламные объявления по всей России.
  • Временной таргетинг. Например, реклама товаров актуальна круглосуточно, а объявления услуг лучше показывать в часы работы организации.
  • Тематическая сеть и показы по дополнительным релевантным фразам. На начальных этапах рекомендуем отключить эти настройки.

Лендинг готов, рекламная кампания отправлена на модерацию. Готовьтесь принимать заявки от заинтересованных клиентов. Удачи!

Читать еще: «6 типичных ошибок при создании сайта своими руками»

Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации.

image

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий