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

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

Шаг №1: Анализ конкурентов

Анализ лендингов конкурентов – первый этап, который поможет выявить как допущенные другими компаниями ошибки, так и интересные фишки. На старте составляется выборка из 10-15 целевых страниц, которые можно найти в Яндекс и Google по ключевым словам. Landing page чаще всего продвигаются через рекламу, поэтому основное внимание – на контекстные объявления. Альтернатива – профильные сервисы, которые ищут конкурентов автоматически по запросам или ссылкам + настройка региональности, ниши и других критериев. Собранные сайты заносятся в таблицу, после чего осуществляется анализ по основным параметрам:

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

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

Шаг №2: Анализ целевой аудитории

Анализируя целевую аудиторию (ЦА), бизнес определяет, кто является клиентом. Это необходимо для решения следующих задач:

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

Изначально собирается ядро целевой аудитории – это все клиенты, прямо или косвенно заинтересованные в предложении. Информацию можно получить в социальных сетях, с помощью анализа конкурентов и товаров/услуг, которые представлены на Landing page. После этого осуществляет сегментация – разбивка ЦА на малые группы, объединенные разными признаками. Для классификации и сегментации ЦА привлекаются следующие критерии:

• географические: сюда входит место жительства, а также климатические, культурные и другие особенности. Например, потребности клиентов из Сочи и Новосибирска существенно различаются – это нужно учитывать;
• социально-демографические: пол, возраст, семейное положение и наличие детей, место работы и уровень дохода, образование и профессия. Студенты, женщины в декрете, владельцы бизнеса – это отдельные сегменты ЦА, имеющие разный уровень платежеспособности и несовпадающие интересы;
• психологические: хобби, боли, принципы, философия, предпочтения. Один человек легко покупает сладкие газированные напитки, другой – только без сахара с натуральным составом. Придется запускать разные рекламные кампании, ориентированные на вкусы отдельных сегментов;
• поведенческие: место и частота совершения покупок, потребительские выгоды, ожидания от товара/услуги, вовлеченность, подход к выбору. Люди пенсионного возраста предпочитают покупать офлайн, подростки – в социальных сетях, женщины и мужчины 35+ ориентируются на качество и гарантии, а вот место заключения сделки для них непринципиально.

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

Шаг №3: Проектирование структуры

Лендинг – одностраничный сайт, здесь нет корзины, личного кабинета, фильтров и других элементов, характерных для интернет-магазинов. Основные компоненты посадочной страницы – трафик (за счет рекламы) и кнопки, без которых целевые действия невозможны. При создании нужно ориентироваться на продвижение определенного продукта, услуги или предложения: оставить заявку на обратный звонок, сразу подписаться на рассылку и параллельно запросить расчет – это не про Landing page. В структуру лендингов входят блоки, выстраиваемые по четырехэтапной маркетинговой модели AIDA:

• attention (A) – внимание;
• interest (I) – интерес;
• desire (D) – желание;
• action (A) – действие.

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

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

• результат – это «до и после», чаще всего используется строительными компаниями, клиниками эстетической медицины и другими видами бизнеса, где нужно продемонстрировать как было и стало;

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

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

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

Шаг №4: Подготовка контента

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

• заголовки и подзаголовки;
• текстовое наполнение блоков;
• URL-адрес;
• метатеги title, description и keywords, теги изображений alt.

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

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

• основной акцент – на преимущества, что актуально для всех блоков. Не стоит прибегать к витиеватым фразам, лучше – цифры, четкие формулировки и демонстрация того, как заявка изменит жизнь потенциального клиента в лучшую сторону;
• CTA-элементы – это кнопки, подписи для которых должны быть краткими и понятными: «Хочу курс!», «Заказать уборку квартиры», «Записаться на первую тренировку» – пользователь видит, что получит;

• социальные доказательства – написаны простым и понятным языком, естественные, содержат имена и фото экспертов/клиентов;
• факты в цифрах с кратким текстовым дополнением, формирующие мнение об услугах/товарах и компании: вместо «Богатый опыт» – «На рынке с 2015 года».

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

Шаг №5: Выбор платформы для создания лендинга

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

Craftum

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

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

Бесплатно предоставляется SSL-сертификат, есть большая база знаний с пошаговыми инструкциями и курс по созданию Landing page с нуля, который поможет новичкам разобраться во всех деталях. Техническая поддержка отличается высокой скоростью ответа, если времени нет – легко заказать проект под ключ.

В течение первых 10 дней конструктор можно использовать бесплатно, потом нужно выбрать тариф по цене от 149 рублей в месяц. Количество страниц, объем диска и трафик в тарифах не лимитируются. При оплате за 1+ год рассчитывается скидка.

Платформа LP

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

• 100+ готовых шаблонов и секций;
• функционал зеро-блока (аналог дизайн-блока);
• встроенная аналитика для отслеживания посещаемости, конверсий, заявок;
• мультилендинг и А/В-тесты;
• интеграции с популярными сервисами;
• удобный текстовый редактор;
• расширенная библиотека компонентов;
• оптимизация загрузки страниц.

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

Джино

Конструктор Джино подходит для создания простых и компактных лендингов. Предусмотрены:

• готовые шаблоны и 300 блоков;
• галерея изображений;
• настраиваемые формы обратной связи;
• слайдеры и иконки;
• встроенная статистика.

Тестовый период предоставляется на 3 дня, дальше – 89 рублей в месяц.

Тильда

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

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

Есть база знаний и обучающие материалы по сборке лендингов. Предусмотрен бесплатный тариф: можно создать сайт объемом до 50 страниц и до 50 мегабайт. Цена платных – от 500 рублей (при оплате за год есть скидка), во всех установлен лимит на страницы (до 1000) и диск (1 гигабайт).

Tobiz

Конструктор Tobiz предлагает самую большую коллекцию шаблонов – 1700+ вариантов. Здесь есть простой визуальный редактор, встроенная мобильная версия, а также:

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

Как и в других конструкторах, предоставляется хостинг и управление доменным именем, SSL-сертификат – в некоторых тарифах. Бесплатный период – 14 дней, после его окончания нужно внести оплату от 690 рублей в месяц. Во всех тарифах лимитируется количество проектов (от 5 до 80) и страниц на сайт (от 300 до 1500).

Шаг №6: Сборка лендинга в конструкторе сайтов

Принцип создания посадочной страницы на конструкторах схож, рассмотрим на примере «Крафтум». Для начала нужно определить способ сборки, доступны следующие инструменты:

• готовые шаблоны для разных бизнес-направлений. Они имеют правильную структуру и адаптивный дизайн, остается лишь внести изменения, чтобы выполнить трансформацию под требования проекта;
• готовые блоки. Компактные «кирпичики», из которых можно создать лендинг, также привлекаются для расширения шаблонов. Если нет блока с таймером, отзывами, картой или сотрудниками – достаточно выбрать подходящий в каталоге и в несколько кликов отправить в редактор;
• дизайн-блок. Здесь полная свобода творчества – это чистый лист, легко перенести макет или осуществить сборку с нуля. Доступны добавление элементов, сетка для ровного расположения, гибкие настройки.

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

• контент. Осуществляется управление контентом: заголовки и подазголовки, подписи, адаптация изображений, добавление визуальных компонентов, SEO. В главном (первом) блоке дополнительно задаются контактные данные, логотип, меню и ссылки (внешние, якорные, файлы, прикрепление всплывающего окна, иные);
• дизайн. Легко настроить параметры блока и шрифтов, устанавливать цветовые сочетания, тени и границы – корректируется все, что связано с оформлением;
• форма. Есть только в блоках с формами, в этом разделе можем выбрать действия после заполнения, например, перенаправление на другую страницу или же попап, и настроить отправку данных (Телеграм, электронная почта, Google Таблицы, CRM, иное, требуется предварительное подключение канала). Дополнительно – аналитика, она станет доступна сразу после подключения Яндекс Метрики и Google Аналитики.

Для примера изменим первый блок:

• устанавливаем новую картинку для фона;
• изменяем текст: можно добавить собственный или применить ИИ-копирайтера для перефразирования содержимого шаблона;

• указываем свои контактные данные и изменяем кнопку.

Изменения сохраняются автоматически, таким образом можно отредактировать все блоки. Если какого-то не хватает – достаточно кликнуть на «+» между блоками, а потом выбрать в каталоге подходящий и отправить его в шаблон. Дополнительные настройки выполняются в личном кабинете, следует перейти в него, открыть раздел «Сайты» и кликнуть на колесико-шестеренку справа от названия проекта. Здесь работаем с основными параметрами:

• загружаем фавикон;
• включаем/выключаем режим обслуживания (скрываем сайт на время создания или изменений);
• настраиваем отображение ссылок для социальных сетей, если это необходимо;
• в разделе «Дизайн» управляем палитрой и шрифтами;
• подключаем Яндекс Метрику и Google Аналитику;
• в SEO задаем параметры для продвижения всего сайта. В графическом редакторе и личном кабинете («Сайты» → «Страницы сайта» → «Настройки» при клике на три точки) можно выполнить СЕО-оптимизацию отдельных страниц;
• подключаем интеграции, есть калькуляторы, онлайн-чат, обратный звонок, CRM и многое другое.

Для каждого этапа предусмотрены пошаговые инструкции, можно сразу выполнить переход в базу знаний. На финише – проверяем проект, отправляемся в раздел «Домены»: переносим имеющийся или регистрируем новый непосредственно на платформе. Регистрация осуществляется в течение 3-24 часов, после ее завершения остается привязать имя к домену, произойдет автоподключение SSL-сертификата. Лендинг готов к приему посетителей!

Шаг №7: Продвижение посадочной страницы

Продвижение включает несколько этапов, первый – проверка:

• мобильной/адаптивной версии и скорости загрузки, что можно сделать через сервис PageSpeed Insights от Google и «Проверка мобильных страниц» от Яндекс Вебмастер;
• работоспособности всех форм и правильности настройки отправки данных;
• подключения Яндекс Метрики или Google Analytics, а также корректности настроенных целей.

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

• контекстная реклама, она демонстрируется в поисковых системах, настраивается в Яндекс Директ;

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

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

В заключение

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