Оборудование        13.07.2019   

Лендинг пейдж — что это такое? Полное описание с примерами. Что такое landing page? Заливка готового лендинга на хостинг

В переводе с английского landing page — это дословно «посадочная страница». Означает это понятие отдельную страницу в интернете, где почти нет ссылок на другие разделы сайтов. Это своеобразная «заглушка», тупик в интернете, где у посетителя есть только два варианта действия — либо сделать то, что от него хотят на лендинге, либо уйти.

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

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

Для чего нужны лендинги (и при чем тут Чернобыль)?

Знаете, главную причину, почему человек не покупает то, что ему предлагают в интернете? Вовсе не потому, что он не хочет это покупать. Чаще всего причина в том, что он просто не понимает:

  • Что ему что-то предлагают
  • Что именно ему предлагают?
  • Зачем ему то, что ему предлагают?
  • и так далее

То есть люди просто не замечают ваших рекламных предложений. Вокруг слишком много информации. Сайты пестрят баннерами, ссылками, видосами, картинками. У среднестатистического пользователя интернета параллельно открыто 10 — 15 вкладок браузера, между которыми он хаотично передвигается («сёрфит»).

Лендинги призваны решить именно это проблему — максимально сконцентрировать внимание посетителя на той информации, которую вы предлагаете. Первыми все преимущества лендингов оценили, конечно, предприниматели. Обычный сайт дает 0,1 — 0,5% конверсии в заказ. А лендинг дает 1 — 7% конверсии в заказ. Вывод? Будем делать много лендингов.

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

Но что вы скажите например вот об этом (ссылка откроется в новой вкладке)?

Это тоже лендинг, на котором нам показывают обычную вроде статью. То есть здесь никто ничего не продает. Журналисты подготовили материал о катастрофе в Чернобыле и разместили его на лендинге — отдельной странице. Хотя они вполне могли точно так же разместить этот материал на сайте своей газеты. Что при этом поменялось бы?

Они потеряли бы наше внимание. На лендинге все внимание приковано к тому, что вы пытаетесь донести до посетителя. Кстати, этот материал про ЧАЭС стал одним из самых посещаемых в Рунете по этой теме. Не думаю, что им удалось бы достичь такого же успеха, если бы они разместили статью просто на сайте. Полистав этот лендинг так и хочется заново пройти «S.T.A.L.K.E.R — Тень Чернобыля».

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

Кстати, а в чем же заключается «магия» лендинга? Только ли в том, что там нет посторонних ссылок и менюшек?

Вторая причина, почему лендинги работают лучше обычных сайтов

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

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

Но эта причина не единственная. Еще один важный момент — это красивое графическое оформление информации.

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

Если вы захотите добавить какие-нибудь особенные элементы, то вам придется сильно потрудиться (и не факт, что у вас получится). А лендинг — это отдельный «мир». Там вы можете творить все, что пожелаете. А это очень важно.

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример крутого лендинга

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

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

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

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

Хотите уметь делать такие же красивые лендинги самостоятельно? Не вопрос.

Как сделать лендинг технически

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

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

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

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

Вот так выглядит рабочая область этого конструктора.

Но сделать оболочку одностраничника — это только полдела. Самое важное — это грамотное его наполнение.

Что написать на лендинге, чтобы он продавал

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

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

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

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

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

Поэтому лендинги в основном продвигают через контекстную рекламу. Это такие системы как Яндекс-Директ, РСЯ, Гугл Адвордс, КМС, таргетинг вконтакте и другие. Там вы даете рекламу, привлекаете аудиторию, которую могло бы заинтересовать ваше предложение, и оплачиваете отдельно каждый клик по вашему объявлению. Поэтому она и называется «PPC» — то есть «pay-per-click» («оплата за клик»).

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

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

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

До скорого!

Ваш Дмитрий Новосёлов

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

Лендинг-страница: понятие и причины создания

Наверняка вы не раз сталкивались с этим явлением, совершая серфинг в интернете. Возможно, вы просто не знали, что имеете дело с умело замаскированным рекламным продуктом. Однако после прочтения статьи распознать его не составит для вас труда. Итак, что такое лендинг-пейдж? Термин произошел от английского landing page и переводится как "входящая/целевая или продающая страница". Она представляет собой веб-страницу, содержащую важную информацию о товаре или услуге, и используется для усиления эффективности рекламы и увеличения аудитории. Попадают на нее просто - через баннер интернет-объявления или ссылку в поисковом запросе. Нередко переход на лендинг-пейдж осуществляется из email-рассылок, социальных медиа, а также различных рекламных компаний в поисковиках.

Причины создания целевой страницы очевидны. Их можно условно разделить на три группы:

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

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

Классификация целевых страниц: виды и типы

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

Типы landing page

Давайте рассмотрим наиболее популярные ее типы:

  • главный сайт;
  • микросайт;
  • автономная.

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

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

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

Виды landing page

Выделяют также несколько основных видов целевой страницы. Это:

  • вирусные;
  • лид-страницы;
  • рекламные.

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

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

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

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

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

  • техническая - веб-страница, состоящая из различных элементов (HTML, CSS, тексты, графика, видео);
  • бизнес - страница, подталкивающая посетителя на конкретное действие с целью получения выгоды (покупку/подписку);
  • пользователь - страница, на которую он попал по ссылке из поисковика/другого сайта/через баннер.

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

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

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

  • быть простыми и короткими;
  • быть привлекательными с точки зрения дизайна (расположение, шрифт);
  • быть емкими, содержать релевантные слова.

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

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

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

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

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

Заключение

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

Приветствую Вас. Сегодня мы поговорим о том, что такое Landing Page и для чего он нужен. Если Вы являетесь инфобизнесменом, то скорее всего уже не раз сталкивались с такой страницей захвата. И более подробней о данной странице сейчас расскажет мой постоянный читатель Денис Тумилович. Встречайте!

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

Сегодня с радостью хочу поднять тему лендингов – что такое страницы захвата (лендинги), зачем нужны эти посадочные страницы, кого куда они садят? Для кого они? Чтобы собирать подписчиков или для продажи товаров? Кто из вас уже задумывался на эту тему – поднимите руки!

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

Так вот, очень мне понравился этот вопрос, захотелось сразу написать статью, но как-то все времени не было. Хотя, тема интересна, согласитесь...

Итак, как вы думаете, что же такое Landing Page?

По основному определению из википедии – это “целевая страница”, или по-другому такие страницы называют «посадочными страницы», это такая страница, на которую попадает человек из каких-то источников. И именно на этой странице происходит взаимодействие с пользователем. Именно на этой странице пользователь принимает какой-то решение.

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

Страница эта может быть создана отдельно средствами HTML+CSS, или же с помощью специальных плагинов к WordPress.

Что примечательно — для таких посадочных страниц даже целые домены регистрируют, не то чтобы страничку на блоге!

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

В чем же задача посадочных страниц? Основным пунктом является то что они нужны для того, чтобы получать клиентов. Другими словами это настоящая реклама вашего инфопродукта.И задача этой рекламы продукта одна — ЗАИНТЕРЕСОВАТЬ посетителя, который является потенциальным клиентом!

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

Свою первую страницу я делал руками, средствами HTML+CSS. Получилось не очень, если честно, но это была действительно рабочий landing.

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

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

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

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

Итак. Главная цель посадочных страниц (лендингов) – это их конверсия (превращение посетителя в покупателя или подписчика)!

Теперь этот факт точно всем понятен. Я очень на это надеюсь.

Особенности Landing Page.

1. Самое главное — посадочные страницы не перегружены графическими элементами, рисунками, потому что много графики отвлекает. А нам нужно, чтобы посетитель был максимально сконцентрирован на нашем предложении. На заголовке!

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

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

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

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

Конечно, не стоит надеяться, что спамом у вас будет конверсия больше 1% по-моему это миф.

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

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

Красная кнопка 5,6% конверсия

Зеленая кнопка 3,2% конверсия

Следовательно – используйте красную кнопку для основного действия!

Кнопка “Узнать цену” 5,6% конверсия

Кнопка “Заказать” 0,8% конверсия (ШОК!)

Да, это действительно шокирующая информация! Я до сих пор под впечатлением! Тчательно подбирайте слова!

Форма “Имя, Телефон” лучше чем “Имя, телефон, емейл” и хуже чем “Телефон”.

Людям все-таки приятно когда вы, позвонив им, назовёте человека по имени!

Открытая форма лучше чем закрытая.

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

Заголовок “Закажи ЭТОТ курс и получи в подарок ВОТ ЭТО…” – хорошая конверсия.

Заголовок такого вида “Получи ЭТОТ подарок при заказе ЭТОГО курса…” — плохая конверсия.

На первом месте должно стоять основное действие «закажи курс» , а не «получи подарок». А уже вместе с основным заказом получаешь много плюшек. Плюшки не может быть целью лендинга.
Это реальный опыт одной их веб студий, которая специализируется именно на лендингах. Так что верить или нет… Странный вопрос 🙂

И помните еще одну штуку: адаптивность вашего лендинга – это +5% к конверсии! Сейчас достаточно большое количество людей используют планшеты и смартфоны для заказов через интернет – помните об этом. Адаптивность сейчас никак нельзя игнорировать!

Заключение.

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

Но как быть новичку, который не в курсе что такое landing page и как её создавать? Могу посоветовать научиться использовать конструкторы типа wp-page или его бесплатные аналоги. Ну или – обращайтесь ко мне – я помогу.

Вот наглядный пример некоторых Лендингов (кликабельно):



Приветствую вас, друзья 🙂

Сегодня я решил на мгновение отвлечься от написания статей по Laravel и поговорить с вами на более массовые темы, а именно, о всеми любимой электронной коммерции.

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

Тогда мы подробно рассмотрели блог и Интернет-магазин. Сегодня я решил продолжить разговор (внезапно… 🙂) и рассказать вам о том, что такое landing page и как его создать своими руками.

Landing page является прекрасным и уникальным инструментом электронной коммерции, позволяющим увеличивать продажи на 20-30% даже владельцам крупных и именитых Интернет магазинов.

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

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

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

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

Поехали 🙂

Что такое landing page?

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

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

Цели у посадочных страниц (еще одно альтернативное название лендинг пейджа) могут быть самыми разными.

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

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

К нам landing page пришли немного позже, но они также прекрасно подошли под реалии Рунета.

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

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

Структура Landing page

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

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

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

На сегодняшний день известно как минимум четыре типа landing:

  • long page (длинный одностраничник);
  • short page (короткий лендинг пейдж);
  • one step (одношаговая страница);
  • two step (двух шаговая страница, где на первой странице формируется интерес к продукту, а на второй — осуществляется призыв к действию).

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

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

Зачем нужен лендинг пейдж?

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

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

К задачам посадочной страницы относятся:

  1. Дает возможность клиенту, прочитав важную для него информацию, принять окончательное для себя решение и заказать ваш товар.
  2. Оформление заявки на обратный звонок от менеджера вашей компании для обсуждения некоторых деталей относительно покупки продукта, его возможной доставки и других параметров.
  3. Подписка пользователя на рассылку ваших новостей, чтобы быть в курсе некоторых новинок, акций и других выгодных предложений, или же регистрация в каком-нибудь мероприятии.
  4. Скачивание книг и другого материала, просмотр каталогов и т.д.
  5. Поиск работы и просмотр актуальных вакансий.

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

Страница с конверсией от 15% уже считается грамотно созданной и эффективной.

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

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

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

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

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

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

Но я, честно говоря, их недолюбливаю…

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

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

Итак, как же сделать лендинг самому?

Выбор шаблона лендинга

Лендинг — особенный тип сайтов.

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

А поскольку правильно подобранный шаблон — это 90% успеха, то к его выбору нужно подойти с особой ответственностью.

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

Критерии выбора должны быть следующие:

  1. Большой выбор шаблонов.
  2. Тщательная техническая модерация добавляемых продуктов (некачественный шаблон может не только непрезентабельно смотреться, но и стать источником вируса).
  3. Гарантированная техническая поддержка.
  4. Демократические цены.
  5. Удобная система оплаты.

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

Лично я достаточно долго искал подходящую и в конце-концов остановился на TemplateMonster , как идеально им соответствующую. Шаблонов там действительно масса.

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

Фото тематика/ Бизнес

Одностраничник, позволяющий связаться с владельцем такого лендинга, чтобы заказать какую-нибудь услугу. Блоки для размещения дополнительной информации, кнопка Call to action, фото — внутри весь функционал для быстрого запуска лендинга.

Свадебная тематика

Шаблон лендинг пейджа с собственной админкой. Удобный инструмент для приглашения родственников и друзей на мероприятие. Имеется функционал обратного отсчета времени.

Искусство и фотография

Еще одно решение для представления своих услуг и работ для заказа.

Организация событий

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

По поводу рассмотренных вариантов скажу, что качество их разработки — на высоте. Техподдержка также исправно осуществляется.

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

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

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

Тем более, что цены на TemplateMonster вполне приемлемые. К примеру, качественный шаблон лендинг пейдж можно купить, начиная с 19$.

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

Способов оплаты просто тьма, начиная от карт MasterCard/Visa, заканчивая привычными нам WebMoney и Яндекс.Деньги.

ThemeForest же сильно заточен под Западную аудиторию и PayPal, счёт в котором в Украине или России открыть нереально.

MasterCard/Visa тоже присутствуют, но при каждом платеже взымается комиссия в размере 2$, что не совсем красиво. Когда выбираешь шаблон, рассчитываешь на одну стоимость, а при оплате она оказывается другой.

Наполнение лендинга информацией

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

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

Благодаря ей вы узнаете, как найти интересующий элемент в коде, а изменить его значение на своё — вопрос техники 🙂

Если же вы понимаете, что описанное выше для вас всё равно слишком сложно, изменить необходимо “труднодоступные” надписи в шаблоне (например, текст на кнопке слайдера) или же поменять какие-то блоки местами, куда удобней будет использовать шаблонное решение на базе CMS.

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

Кстати, при покупке шаблона на TemplateMonster у вас есть возможность заказа установки админки даже на HTML шаблон лендинга и «натяжки» его на интересующую вас CMS за отдельную плату.

Заливка готового лендинга на хостинг

Этот процесс полностью идентичен с публикацией в сети обычного сайта.

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

Подходите к этому вопросу максимально ответственно, т.к. как корабль назовёте, так он и поплывёт 🙂

После этого необходимо не менее серьёзно подойти к выбору хостинга и тарифа.

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

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

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

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

Продвижение лендинга

Ну вот и всё. На этом процесс создания идеального лендинга окончен.

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

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

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

    Обмен статьями.

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

    Конкурсы и розыгрыши.

    Интерактивность редко бывает неинтересной и непривлекательной. Это очень эффективный способ обратить на себя внимание.

    Связь с партнерами.

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

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

    SEO-оптимизация.

    Этот пункт один из наиболее важных. При правильном SEO-продвижении вы можете рассчитывать на высокие позиции в поисковиках.

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

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

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

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

Так называемая техническая или внутренняя SEO оптимизация landing page включает:

    Мета-теги title и description.

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

    Мета-тег keywords.

    Хоть Google и Яндекс уже давно его не учитывают, масса других поисковиков все еще с ним считается.

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

    Заголовки H1, h2.

    Главный заголовок H1 должен использоваться на сайте не более одного раза, тогда как h2 допустимо прописывать до 6 раз на одной целевой странице.

    Alt и title в изображениях и другой графике.

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

    Есть мнение, что для одностраничников ничего в файле robots.txt прописывать не нужно, однако даже такие мелочи помогут вам эффективней продвигать свой лендинг пейдж.

Более подробно о вы можете узнать из статьи по ссылке.

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

Минимум функционала и только сжатая информация о продукте эффективно действуют на принятие решения о покупке.

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

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

На этом у меня всё.

Удачи и до новых встреч! 🙂

P.S. : если вам нужен сайт либо необходимо внести правки на существующий, но для этого нет времени и желания, могу предложить свои услуги.

Более 5 лет опыта профессиональной разработки сайтов. Работа с PHP ,

Продающие сайты. Что это такое? Каждый второй скажет: “Конечно же, это лендинги!”. Они же одностраничники, они же лендинг пэйдж, они же продающие страницы.

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

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

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

Критерии оценки сомнительны

По какому принципу оценивать ? Какие брать за основу? Как составить рейтинг ТОП-10 сайтов?

Где брать сайты на конкурс? Всё это усложняет ситуацию в создании настоящего и честного рейтинга лучших сайтов.

К тому же, мы не знаем сколько продаж компании совершают через подобные сайты. Им же нельзя позвонить и спросить: “А какая у вас ?” или “Сколько Вы получаете заявок из ?”.

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

Ага, размечтались!

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

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

2. Мастерская “Dinero”

Это не сайт, это целый фильм об одном “персонаже” - деревянном кошельке. Если бы он стоил 1 000- 2 000 р., то сайт бы провалился.

6. Проект “Большая сушка”

Большинство женщин (их целевая аудитория) слышали о проекте “Бешеная сушка”. Их реклама к запуску заполоняет весь интернет. И это не удивительно, когда инвестируются миллионы на трафик.

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


Проект “Большая сушка”

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

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

7.

Мы сами пользуемся системой взаимоотношений с клиентами Битрикс24. Но так как у нас тема не “ ”, то сайт системы Мегаплан превзошёл все ожидания.

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



CRM “МегаПлан”

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

Кстати! Если Вы хотите использовать в качестве своей CRM-системы, то советую не забыть промо-код “Megastart”. Так Вы получите скидку на первую покупку 10% и 14 дней бесплатного использования.

8. Банк для предпринимателей “Точка”

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

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


Банк для предпринимателей “Точка”

9. Оснащение тренажерных залов “Goodfit”

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

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

Для полной упаковки не хватает видео-презентации от лица генерального директора. Наверняка он у них в отличной физической форме.

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


Оснащение тренажерных залов “Goodfit”

10. Торговый центр “МЕТРОПОЛИС”

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

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

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


Торговый центр “МЕТРОПОЛИС”

Только Россия!?

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

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

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

Это сайт, состоящий из множества лендингов. Практически многостраничный сайт. Но все-таки лендинг.

https://youtu.be/ClF-txTHGnc

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

Мы, русские, другие. У нас другой тип мышления, так как мы живём в другой стране.

Например, у Американца почти нет опасений в голове, что компания возьмёт деньги и растворится. Так как у них всё защищено на десять рядов, что только один PayPal стоит.

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

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

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

Коротко о главном

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

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

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

Используйте для этого , например Платформа LP . А уже потом, мы ждём Вас к нам в гости на совместную разработку.