Landing Page от A до Я

Самостоятельная разработка лендинга: ключевые этапы

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

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

Landing page, или посадочная страница — это сайт-одностраничник, цель которого – конвертировать наибольшее число посетителей страницы в целевые заявки.

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

Шаг 1. Восполняем пробелы в знаниях

Стоит начать с изучения основ в бесплатных источниках. К ним относятся:

  • блоги и Youtube-каналы digital агентств и школ онлайн-маркетинга. Рекомендуем начать с 3-дневного бесплатного доступа к самым востребованным курсам Convert Monster по интернет-маркетингу;
  • блоги и Youtube-каналы онлайн-сервисов для маркетологов (например, сервисов-конструкторов лендингов). Лично мне нравится справка и блог Tilda;
  • специализированные цифровые СМИ: vc.ru, cossa, likeni и др.;
  • бесплатные обучающие курсы от крупных диджитал компаний и сервисов – писали о них в нашем Дзен-канале тут и тут;

Шаг 2. Исследовательская часть

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

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

Какая информация нам понадобится в первую очередь:

  • данные о продукте или услуге (что вы продаете?);
  • данные о целевой аудитории (кому вы продаете?);
  • данные о состоянии рынка (где вы продаете?);
  • данные о конкурентах (кто еще продает то же самое?);
  • расчет рентабельности (сколько заработаем на продукте?); Здесь пригодится сервис Прогноз бюджета от Яндекс.Директ и калькулятор unit-экономики;

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

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

Шаг 3. Структура страницы

Если карта персонажей была составлена корректно, то в ней будет следующая информация о вашей целевой аудитории:

  1. социально-демографические данные;
  2. цель покупки;
  3. потребности и боли;
  4. ключевые и дополнительные факторы принятия решения;
  5. путь к покупке;
  6. возражения;

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

  • фактор принятия решения – цена;
  • выгоды – цена 3500 рублей, ниже, чем у конкурентов;
  • подтверждение на лендинге – блок-каталог с ценами;

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

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

Шаг 4. Создание прототипа

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

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

Шаг 5. Копирайтинг

Об этом мы подробно писали в подробном руководстве по копирайтингу сайтов.

Хотелось бы добавить лишь пару слов – научиться писать за 1 присест нельзя, но можно сделать свои тексты сильно лучше, используя протестированные шаблоны. Мы собрали самые важные из них:

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

Шаг 6. Прокачиваем насмотренность

Смотрим базы и подборки лендингов, прокачивая насмотренность. Здесь нам помогут подборки лендингов и их разборе в формате статей, либо специализированные сайты типа https://www.awwwards.com/.

Сюда участники сообщества выкладывают свои лучшие работы, так что это одно из лучших мест, где можно отслеживать тренды и черпать идеи по дизайну лендингов. Изучите также специальные сайты с шаблонами лендингов, где вы можете найти примеры: themeforest, free-landingpage, или лендинги из коллекции «Сделано на Tilda».

Задание прямо сейчас: изучить 5 подборок лендингов по вашей тематике и выписать как минимум 10 идей в Google-таблицу.

Шаг 7. Сбор лендинга в конструкторе

Мы намеренно пропустили такие этапы как дизайн и верстка, чаще всего маркетологи делегируют их профессионалам. Создание дизайн макета и HTML верстка требуют отдельных навыков, которые не освоишь за 1 день. Для создания дизайна нужно как минимум хорошо владеть Photoshop или Figma, а для верстальщика просто необходимо знание HTML+css+jquery (и это только обязательный минимум!). Но даже начинающему маркетологу вполне под силам заменить верстку конструктором, а разработку дизайна – готовыми шаблонами.

Поэтому регистрируемся в сервисе по созданию лендингов на конструкторе и используем по максимуму триальный (бесплатный) период. Есть несколько подобных сервисов: Tilda, LPgenerator, WIX и аналоги.

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

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

  • настройка сбора заявок на почту, в гугл-таблицу или в CRM;
  • настройка аналитики (Яндекс.Метрика и Google Analytics);
  • настройка мета-данных для SEO;

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

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

Создаем Landing Page своими руками

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

Для чего нужен лендинг

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

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

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

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

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

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

Создание лендинга посредством WordPress

Несмотря на обилие всевозможных плагинов и тем, позволяющих собрать посадочную страницу, мы выберем один — Free Landing Pages Builder by Wishpond — и рассмотрим, как создать лендинг самому бесплатно — пошаговая инструкция для всех. Мы не будем рассматривать процесс самого создания и запуска сайта, а также установки плагина, поскольку туториалов в Рунете на эти темы представлено предостаточно. Приступим непосредственно к обзору сборки лендинга.

Создание Landing Page с помощью плагина Вордпресс

Первым делом необходимо пройти регистрацию, потому после установки жмем «SIGN UP», далее «STAR TRIAL FREE». Вводим адрес электронной почты, создаем пароль. Кликаем по «NEXT», после чего выбираем создание новой страницы — «NEW LANDING PAGE».

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

  • Выбираем поле «Landing Page». После чего нам будут даны на выбор темы. Рассмотрите все предложенные варианты и ознакомьтесь с ними с помощью превью. Выбрав наиболее подходящую, кликайте на «Choose Template».
  • Экран разделится на две части, подобно тому, как происходит в случае настройки темы: левая сторона монитора представляет собой панель инструментов, правая же отображает получаемый эффект от изменений. Все действия производятся простым перетаскиванием элементов мышью и их вставкой в нужное место. После всех произведенных манипуляций не забываем сохраняться путем нажатия на «Save as draft».
  • Отображение изменений можно просмотреть с помощью инструмента «Preview». Данная функция позволяет визуально адаптировать отображения под любые устройства: стандартные мониторы, планшеты, мобильные телефоны.
  • Публикация лендинга осуществляется нажатием на «Publish» после проведения всех действий по настройке внешнего вида.
  • Даем название нашей странице, а также прописываем метатеги в настройках.

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

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

Плюсы и минусы плагина Free Landing Pages Builder by Wishpond

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

Создание лендинга в конструкторе Wix

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

Переходим на сайт. Он встречает нас приветливым дизайном.

Жмем «Создать сайт». Появляется форма регистрации, которую можно быстро пройти, благодаря аккаунтам Facebook или Google.

Далее меню предоставляет нам модификации сайтов — мы выбираем пункт «Лендинги».

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

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

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

Общие правила создания лендинга

Следующие советы помогут сделать лендинг в соответствии с требованиями маркетинга:

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

Готовим прототип

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

Наполнение контентом

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

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

Ваша страница должна придерживаться параметров маркетингового стандарта AIDAS, где:

A — attention — привлечение внимания посетителя.
I — interest — пробуждение интереса потенциального клиента.
D — desire — разжигание желания.
A — action — побуждение пользователя к действию (покупке, заказу).
S — satisfaction — удовлетворение клиента приобретением и закрепление его для дальнейшего сотрудничества.

Оформление landing page

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

Несколько советов по оформлению:

  1. Не допускайте сильных разбросов в цветовой гамме — ваша страница должна привлекать взгляд приятным сочетанием, а не крикливостью красок.
  2. Используйте минималистичный стиль, так как это, во-первых, упростит задачу, а во-вторых, согласно исследованиям, повысит доверие пользователя.
  3. Не забывайте о структуре сайта — одни блоки (первостепенные) должны привлечь внимание раньше других (второстепенных), находящихся в соподчинении первым. Потому выделяйте их разными цветами и абрисами, задавайте им разные размеры.
  4. Соблюдайте дистанцию между блоками и элементами, не позволяйте им слиться воедино.

Подведем итоги

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

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

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

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

Как сделать лендинг самому. Пошаговая инструкция (2019)

Автор: Ольга Берестецкая Опубликован 16.04.2019

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

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

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

Как сделать лендинг самому — подготовка контента

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

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

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

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

Этап 1. Сформулировать гипотезу

Если вы решили сделать лендинг, значит, у вас есть идея или представление о странице. Запишите их коротко по плану:

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

Этап 2. Изучить конкурентов

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

Как это сделать? Посмотрите, что предлагают в ответ на запросы поисковики Google или Яндекс.

Поиск вариантов ключевых слов в Google Adwords

Поиск вариантов ключевых слов в Google Adwords

Затем введите в строку поиска подходящие ключевые слова и изучите страницы конкурентов:

Рекламные объявления компаний по запросу «беседка для дачи»

Рекламные объявления компаний по запросу «беседка для дачи»

Конкуренты могут работать без сайта, продавая через соцсети. Поэтому есть смысл изучить предложения в Facebook, Instagram, «Вконтакте».

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

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

Этап 3. Описать целевую аудиторию и выделить сегменты

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

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

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

Как изучить свою аудиторию и найти сегменты:

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

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

Пример отзыва на сайте магазина настольных игр

Пример отзыва на сайте магазина настольных игр

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

Этап 4. Написать текст лендинга

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

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

Структура лендинга

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

Этап 5. Подобрать картинки, видео, фотографии

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

Фотографии товара можно попросить у поставщика или сфотографировать самому.

Подобрать фотографии в высоком разрешении можно также на платных и бесплатных фотостоках.

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

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

Как сделать лендинг — оформляем текст в конструкторе

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

Сделать лендинг бесплатно можно с помощью конструкторов:

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

Зарегистрироваться на сайте и ознакомиться с подсказками

После регистрации сервис сразу предложит вам создать сайт.

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

Справочные материалы на сайте Tilda

Создать сайт

Придумайте название сайта. Это рабочий вариант, он виден только вам:

Создание сайта в конструкторе Tilda

Создание сайта в конструкторе Tilda

Выбрать шаблон

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

Выбор шаблона на сайте Tilda

Выбор шаблона на сайте Tilda

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

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

Шаблон «Ремонтная компания» для создания страницы

Шаблон «Ремонтная компания» для создания страницы

Вставить свой текст и фотографии

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

Шаблон со своим текстом и фотографией

Шаблон со своим текстом и фотографией

Опубликовать сайт

Когда все отредактировано, нажимаем «сохранить» и смотрим результат.

Если результат вас устраивает, ссылки работают, можно публиковать страницу в интернете и запускать рекламу.

На бесплатном тарифе адрес страницы будет иметь такой вид:

Бесплатный адрес сайта на субдомене Tilda

Бесплатный адрес сайта на субдомене Tilda

Чтобы подключить домен и получить короткий адрес страницы, нужно перейти на платный тариф.

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

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

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

Email рассылки

Рассылки помогают прогреть посетителей, которые пока не готовы к покупке. Вы можете добавить на лендинг форму подписки из SendPulse. Тогда контакты подписчиков будут сразу попадать в сервис. В справочном разделе Tilda описано, как вставить на страницу форму подписки SendPulse и собирать email адреса потенциальных клиентов.

Автоматические серии писем

Конвертировать посетителей лендинга в покупателей помогут такие виды автоматических рассылок:

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

Чтобы настроить авторассылки, нужно зайти в SendPulse и выбрать раздел «Авторассылки»:

Создание автоматических рассылок в SendPulse

Создание автоматических рассылок в SendPulse

Web push уведомления

Еще один способ повысить конверсию лендинга — настроить web push уведомления. Когда посетитель находится на странице, в браузере появляется предложение подписаться на уведомления:

Предложение подписаться на push уведомления

Предложение подписаться на push уведомления

Если человек нажимает «разрешить уведомления», он в будущем будет получать сообщения в браузере или на рабочем столе компьютера.

Web push уведомления помогают решить несколько задач:

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

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

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

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

Регистрируйтесь в SendPulse, чтобы повышать конверсию лендинга с помощью рассылок и push уведомлений и превращать посетителей в покупателей!

Лендинг пейдж от «А» до «Я»

Лендинг от «А» до «Я»

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

Рассмотрим это понятие подробно, от «А» до «Я».

  • Копирайтинг — 25 000 руб
  • Копирайтинг — 25 000 руб
  • Копирайтинг — 25 000 руб
  • Копирайтинг — 25 000 руб

Содержание

Чем посадочная страница отличается от классического сайта?

Чем посадочная страница отличается от классического сайта?

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

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

Термин «одностраничник» мы будем применять к классическому продающему лендингу.

Перечислим все синонимы, использующиеся для определения понятия «Лендинг»:

Где применяются лендинги?

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

Классический Landing Page состоит из:

шапки с навигационным меню, заглавием и логотипом,

CTA — call to action — призывом к действию,

формы создания заказа.

посадочные страницы работают на разогреве у интернет-магазинов и торговых порталов

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

Достоинства лендинг пейдж

Достоинства лендинг пейдж

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

Почему клиенты так любят этот маркетинговый инструмент?

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

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

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

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

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

Минусы посадочных страниц

Landing Pages бесполезно применять, когда:

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

Хитроумный товар.
Не пытайтесь продавать технически-сложные товары. Фрезерный станок, состоящий из множества узлов и деталей, работающий от трехфазного источника электрического тока с напряжением в 380V невозможно продать с помощью лендинга. Не увенчается успехом попытка найти покупателя для карьерного самосвала, промышленной домны или услуги по проектированию промышленных объектов. Такие продукты хорошо продаются с помощью технологий, отработанных в модели «Бизнес-для-бизнеса» — «B2B».

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

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

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

Когда лендинг пейдж необходим?

Следующие задачи лучше всего решать именно с помощью одностраничников:

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

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

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

Реклама посадочной страницы

У вас появился лендинг и о нем надо рассказать широкой аудитории. Воспользуйтесь для этого проверенными методами:

Контекстная реклама.
Задействуйте самые популярные в СНГ контекстные рекламные площадки: Яндекс.Директ и Google AdWords. Посетители видят ваши рекламные объявления только в том случае, если вводят в строку только заданные поисковые слова и фразы. Соберите семантическое ядро, напишите цепляющие заголовки и яркие тексты объявлений. Ваша реклама отобразится в поиске соответствующей системы: Яндекс или Google.

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

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

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

Лендинг — что это такое простыми словами и 12 советов по созданию landing page в примерах

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

landing page

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

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

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

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

Лендинг это.

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

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

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

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

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

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

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

Пример лендинг пейджа для сбора подпиской базы

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

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

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

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

Пример лендинга с призывом к посетителяю

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

На landing page должны быть стрелки

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

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

Пример цепляющего заголовка для посадочной страницы

Что такое цепляющий заголовок для лендинг пейдж

Отзыв на лендинге - что это такое

Пример использования таймера на лендинге

Указывайте информацию о себе на целевой странице

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

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

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

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

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

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Комментарии и отзывы (18)

Полезная статья, а главное — актуальна!

На счет АБ-тестирования поддерживаю.

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

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

Как только пользователь увидел на странице таймер, с обратным отсчётом — он сразу убегает, так как понимает, что это лэндинг 90-х годов, лохотрон)

Отличные статьи. Подписался. Есть ошибочка «в социальных сетах»

Отличная статья. Согласен что лендинг должен быть индивидуальный, с индивидуальным дизайном, не шаблонным., и не замудренным. Я веду свой бизнес в сфере продажи и установки септиков, и было большим трудом выбиться на заказы из интернета, большая конкуренция! Цену ниже конкурентов не было смысла опускать, поэтому единственным решением было сделать сайт лучше всех, и продвигать в контекстной рекламе. Все получилось! Спасибо компании по разработке лендингов lp96.ru за их профессионализм. Вели до конца, все сделали идеально. Получился вот такой сайт septik-servis50.ru

Спасибо за вашу статью и отдельное спасибо за видео!

Посмотрел видео. Красота.

А можно просто определение лендинга?

А то в заголовке написано что это? и. где?

Спасибо большое за замечание. Добавил определение в начале публикации.

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

Первая статья попалась эта — и я очень рада, что именно она меня познакомила с этим понятием. Хотя есть одно маленькое «но»: у автора, по-моему, есть небольшие проблемы с падежами 🙂

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

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

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

Спасибо.Описание простое и понятное.

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

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

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

0 0 голоса
Рейтинг статьи

актеры сериала ментовские войны 12 сезон

иван царевич и серый волк новый мультфильм

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

Ссылка на основную публикацию