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

Все советы

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

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

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

День первый.

Задание 1. Прочитайте любые 2-3 статьи о том, что такое лендинг

Раз вы задумались о создании лендинга (лендинг-страницы – англ. landing page), скорее всего вы уже знаете что это такое.

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

Статьи могут быть в блогах сервисов, предлагающих создание лендингов (наиболее известные lpgenerator ; tilda , или на тематических сайтах.

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

Полный путеводитель по созданию лендингов, которые продают

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

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

Примеры подобных подборок

(лендингов) в блоге lpgenerator
12 примеров великолепных лендингов — статья на texterra.ru

Вам потребуется не больше 1 часа. Основная задача – поиск идей для вашего лендинга.

Задание 3. Изучите коллекции готовых шаблонов

Коллекции готовых шаблонов для лендингов вы можете найти на сайтах сервисов для создания лендингов, которые вы уже знаете по заданию 1 (еще один такой сервис — http://ru.wix.com/). Есть и специальные сайты с шаблонами лендингов, где вы можете найти примеры.

Задание 4. Создайте лендинг!

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

Примерное время работы — 4 часа.

Поздравляю! Ваш первый собственный лендинг готов! Всего один рабочий день, а у вас еще весь вечер впереди!

Задание 5. Подключите сбор почты на своем лендинге

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

Примерное время работы – 30 – 40 минут.

Задание 6. Подключите к сделанному лендингу аналитику

Подключите к вашему лендингу любую аналитику — Google Analytiсs или Яндекс.метрику — руководства по подключению есть в каждом сервисе. Если искать лень – вот справка по Google Analytiсs , а это справка по Яндекс-метрике По-возможности ставьте аналитику и от Гугл и от Яндекса. В Яндекс Метрике включите вебвизор. Опубликуйте ваш лендинг так, чтобы он был доступен по какому-нибудь адресу в сети, Не тратьте время на настройку домена — воспользуйтесь тем бесплатным вариантом, что предлагает сервис.

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

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

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

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

Лендинги, как маркетинговый инструмент, приобрели большую популярность за счет того, что они создаются под определённую категорию людей, а значит, дают большой процент конверсии в своей нише. Такие значения, как 10-20% являются очень хорошими и правильно сделанные лэндинги легко собирают подписную базу.

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

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

1.1. Основные принципы составления лендинга:

Каждый элемент лэндинга должен выполнить одну, самую главную цель: получить действие посетителя. Поэтому не стоит добавлять кучу мелочей, которые могут Вам показаться просто «миленькими», «красивенькими» и тому подобное.
Используйте маркетинговые фишки. В основном это срочность и дефицит. Практически на всех лэндингах есть таймер обратного отсчета или упоминание о том, что осталось столько-то копий до повышения цены. Это работает, проверено на личном опыте, причем работает так эффективно, что результат иногда поражает.
Свобода глазам! - Никто не ограничивает нас в размерах, не стоит громоздить элементы друг на друга. Решил упомянуть это, так как не раз видел примеры, где авторы видимо не знает, что такое «отступы».
Яркий и современный дизайн. Во время создания откройте 3-4 примера лэндингов, которые Вам очень нравятся. Смотрите, как сделали они и повторяйте до тех пор, пока идеи в голове не начнут генерироваться сами. У меня, например, было именно так.
После завершения работы, попросите своих близких посмотреть на результат. Любой вопрос, который у них может возникнуть, должен заставить Вас задуматься о том, что лэндинг не совершенен, так как хорошая работа в итоге должна оставить посетителя без вопросов.

1.2. Элементы, которые должны быть у каждого лендинга

Начнём с самого верха, где у нас обычно находится заголовок. Естественно, что должен он быть привлкательным, интересным и максимально интригующим, в общем его цель с первых секунд захватить внимание и в тоже время из его содержания должно быть понятно Ваше предложение.
Торговое предложение. Его стоит описать таким образом, чтобы донести суть, самый сок при этом не стоит злоупотреблять повторениями. Также не стоит думать, что если Вы вместо двух-трёх раз повторите Ваше переложение, то от этого увеличится конверсия, наоборот, действовать нужно постепенно по ходу всей страницы. Я предпочитаю в этой части лендинга, просто рассказать о том, что именно даст продукт и перечислить несколько плюсов, которые важны именно для моей аудитории.
Если лендинг пейдж небольшой, то сразу рядом размещайте кнопку призыва к действию, типа: «Получить», «Забрать», «Купить» и тому подобное. Здесь я использую яркие красные или контрастные фону цвета. Всё таки наша основанная задача заставить клиента нажать именно сюда.
Расскажите о преимуществах вашего товара над другими подобными, чем Вы лучше других?
Разместите карту действий, в которой подробно опишите процесс решения проблемы, указав каждый шаг с момента покупки.
Далее следует разместить несколько отзывов. Желательно не придумывать их, а узнать у тех людей, кто уже приобрёл товар. Ну, а если таких нет, то тогда уж придётся накалякать самому, причем не давать десять баллов из десяти, пишите отзывы на семёрочку-восьмёрочку. Можно дать попробовать продукт известным в вашей области людям, чтобы они дали свой отзыв, желательно в видео формате.
Обязательно укажите, гарантии безопасности платежа, анонимности, условия возврата товара и денег и так далее.
Ну и в самом конце, в футере - укажите свои реквизиты, ссылку на партнёрскую программу, можно поставить социальные кнопки рассказать о себе, как об авторе, указать контакты и так далее.

2. Делаем лендинг своими руками

После прочтения советов предоставленных выше, мы можем приступать непосредственно к самому созданию страницы на которой у нас будет лендинг. Использовать мы будем программу вебкоснтркутор: WYSIWYG Web Builder 9-ой версии. Хотя сейчас уже есть 10-ая, но там проблемы с русификацией, поэтому если Вы не опытный вебмастер, то рекомендую использовать 9-ую версию. Также нам понадобится:

Редактор изображений фотошоп;
Клиент для работы с хостингом FileZilla;
Сам хостинг;
Ну, и доменное имя.

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

2. Виды лендинг пейдж
4. Особенности landing page
- A/B тестирование посадочной страницы
- Как должен выглядеть продающий лендинг и что должен содержать
5. Налоги с лэндинг пэйджа
6. Заключение

Лендинг, что это такое? Многие начинающие предприниматели и люди, которые собираются что-либо продавать интересуются данным термином. Если говорить кратко, landing page является обычной интернет страницей на вашем домене, поддомене в формате по типу html/css или в другом формате. О подобных страницах мы слышали, но никогда, скорее всего, не вникали в их суть и цель.

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

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

Из этой статьи вы узнаете:

Лэндинг что это такое;
Какие виды лендингов бывают;
Как создать лендинг самому и бесплатно;
Всё про ведение бизнеса и налоги с лендинг пейджа;
и т.д.

1. Что такое лендинг пейдж в интернете

В интернет сфере подобные странице имеют различные названия, в частности, их называют: страницами приземления, посадочные страницы, страницами захвата, одностраничными сайтами, landing page и т.д.

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

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

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

Вот несколько работ от них:

http://olymp.winlanding.ru
http://verserb1.bget.ru/dom
http://autogazkz.kz
http://zub.winlanding.ru

А все портфолио winlanding можно посмотреть здесь.

Особенно выгодно использование landing page следующим организациям:

Любым компаниям, занимающимся продажей;
Компаниям, занимающимся оптовыми продажами;
Лидерам MLM;
Производителям продукции различного типа;
Инфо-предпринимателям;
Компаниям по продаже особо ценного, уникального товара;
Компаниям, специализирующимся на продаже обучающих программ;
Туристическим фирмам;
СПА-салонам, фитнес-клубам.

Идеальный пример ЛЕНДИНГА

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

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

Подать заявку на получении бесплатной консультации;
Приобрести товар;
Подать заявку на осуществление разнообразных подсчетов (расчетов);
Подписаться на какую-либо рассылку;
Зарегистрироваться на участие в акции;
Подать заявку на получение прайса;
И еще масса разных вариантов…

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

2. Виды лендинг пейдж

Существует четыре разновидности «продающей страницы»:

Long page : лендинг пейдж – является длинной страницей приземления. Именно такие типы лендинговых страниц превалируют в интернете.
Short : лендинг пейдж – это короткая страница приземления. Ее функция чаще всего заключается в перенаправлении для сбора электронных адресов и увеличение базы подписчиков.
One step : лендинг пейдж – является одношаговой страницой;
Two step : лендинг пейдж – такая страница, соответственно, является двух шаговой. Суть страницы заключается в том, что на one step странице подогревается интерес клиента, а на two step странице происходит непосредственное оформление необходимого действия.

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

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

Минимальная конверсия лендинг пейдж, как правило, колеблется в пределах 1-4%, но не превышает уровня 30-45%. На практике достижение конверсии 25-30% является хорошим показателем.

Неплохой конверсией считается 5-10%. В случае инфобизнеса, конверсия может достигать уровня 25% - 30%.

К ним можно отнести следующие:

Процент отказа;
Среднее время пребывания посетителя на соответствующей странице;
Карта кликов на странице и др.

Средней конверсии не существует. Это связано с тем, что конверсия напрямую зависит от трех вещей:

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

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

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

Представляем популярные сервисы, где можно cоздать одностраничник (landing page) бесплатно:

www.setup.ru ;
landingi.ru ;
ru.wix.com ;
lpgenerator.ru ;
фриланс сайты - где за 1500-2000 рублей фрилансеры сделают вам landing под заказ.

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

Идеальная «посадочная страница - landing page» - видео

Алгоритм создания Landing Page - видео

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

4. Особенности landing page

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

14.09.15 31957

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

Лэндинги наилучшим образом подходят для проведения рекламных кампаний для конкретной услуги или предложения с уникальной (низкой) ценой, а также для привлечения целевой аудитории из систем контекстной рекламы Google AdWords , Яндекс.Директ , социальных сетей и email-рассылок:

Что такое Landing Page?

Landing page – отдельная страница, которая используется для:

реализации конкретного товара или услуги;
создания подписной базы.

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

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

Типы лендинг пейдж:

Автономный . Это самый распространенный тип посадочных страниц. Основная задача – побуждение пользователя к покупке или определенному действию, рекомендуемому страницей;
Микросайт . Небольшой, чаще отдельный сайт, состоящий не более чем из 5 страниц, содержащих информацию о товаре или услуге;
Главный сайт . Для страницы приземления использует одну или более страниц ресурса;
Лендо-сайт . Ресурс, который полностью состоит из независимых целевых страниц:

Типы целевых страниц

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

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

Зачем нужны Landing Page?

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

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

Преимущества использования Landing Page

Лендинг в сравнении с обычными страницами ресурса, предлагающими услуги или товары, имеет ряд преимуществ:

Нацеленность на определенную аудиторию. На странице приземления предполагается не множество решений, требующих от пользователя выбора, а одно уникальное предложение, перед которым сложно устоять;
Высокая конверсия. Согласно статистике, использование посадочных страниц в рекламных целях позволяет увеличить конверсию на 10-15%;
Полная информация о предлагаемом товаре/услуге, но без дополнительных переходов и ссылок;
Возможность сбора контактов посетителей и пополнения базы потенциальных клиентов, которым в дальнейшем можно разослать информацию о предстоящих акциях/розыгрышах;
Невысокая стоимость создания лендинг пейдж. Даже начинающие бизнесмены могут позволить себе создание лендинга, таким образом, тестируя товарные ниши, чтобы начать продавать в интернете:

Где и как используются Landing Page?

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

Где используются Landing Page?

В рекламных кампаниях с использованием контекстной рекламы с оплатой да клик (PPC ) в Яндекс.Директ , Google AdWords , Бегун . При этом трафик перенаправляется на целевые страницы, оптимизированные под ключевые запросы;
В баннерных рекламных кампаниях, при условии, что графический материал размещается на тематических ресурсах, рассчитанных на целевую аудиторию. Например, баннерная реклама новинок в сфере электроники размещается на новостных порталах в сегменте для специалистов в области IT-технологий;
В рассылках информационных и маркетинговых писем, содержащих ссылку на посадочную страницу. Например, рассылки для интернет-магазина, учитывающие предыдущее покупки пользователя;
Проведение кампаний в блогах, в рамках которых пользователь перенаправляется на целевую страницу ресурса, с владельцем которого блогер предварительно заключает партнерское соглашение на размещение баннерной рекламы, постовых, PR-статей;
Кампании в социальных сетях (ВКонтакте, Facebook, Twitter и т.д. ) либо на популярных медиахостингах (например, YouTube, Flickr и т.п. ). Пользователи перенаправляются на посадочную страницу рекламодателя, имеющего договор о размещении рекламных материалов с выбранным медиа-ресурсом:

Основные способы создания Landing Page

Бесплатные шаблоны и генераторы лендингов. Сейчас в сети существует множество вариантов бесплатных шаблонов и конструкторов, позволяющих сгенерировать лендинг пейдж. Самым популярным сервисом . Это отличный вариант для компаний, ограниченных в бюджете, но имеющих в штате специалистов, разбирающихся в маркетинге и дизайне;
Обращение к специалистам. Можно заказать текст для лендинга у копирайтера, разработку дизайна — у дизайнера, и интеграцию с движком — у программиста. При этом в штате компании должен состоять маркетолог, который будет контролировать проект на всех его этапах. К преимуществам данного способа относят относительно невысокую стоимость и достаточно высокий результат, к недостаткам – риск ошибки в выборе специалистов;
Аутсорсинг агентства. Данный способ создания посадочной страницы подразумевает обращение в агентство, которое возьмет на себя анализ конкурентов, выбор концепции, разработку стратегии рекламной кампании, решит вопрос с интеграцией с движком и запустит проект. Все, что требуется от вас — это бриф на создание лендинга, а разработку посадочной страницы «под ключ» агентство возьмет на себя. К преимуществам данного способа можно отнести высокую эффективность и экономию времени, к недостаткам — более высокую стоимость, чем в предыдущих вариантах;
Содержать в штате специалистов, которые будут заниматься . Это самый дорогой и самый эффективный способ. Собственная команда, состоящая из дизайнера, копирайтера, маркетолога и программиста-верстальщика, позволит полноценно продвинуть ваш продукт/услугу на рынок.

Можно ли создать Landing Page самостоятельно?

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

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

Можно ли создать Landing Page бесплатно?

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

бесплатный лендинг создать можно, если зарегистрироваться на Wix ;
сделать посадочную страницу можно с помощью программы Adobe Photoshop ;

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

Оптимизация лендингов

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

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

Для оптимизации лендинга вам стоит сделать следующее:

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

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

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

Сегодня я решил на мгновение отвлечься от написания статей по 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% можно говорить о том, что необходимость создания лендинг пейджа совершенно оправдана.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Лично я достаточно долго искал подходящую и в конце-концов остановился на 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 ,