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


Содержание

Лендинг – что это такое простыми словами? В чем его польза и эффективность

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

Содержание

Что это такое

Лендинг (от английского landing page) – это сайт-одностраничник, предлагающий посетителю совершить одно целевое действие.

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

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

Лендинг – один из инструментов интернет-маркетинга. И, нужно отметить, чрезвычайно действенный.

Первоначально landing page создавались с целью спровоцировать пользователя совершить спонтанную покупку.

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

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

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

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

В зависимости от размера можно выделить типы лендингов:

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

В зависимости от цели создания выделяют 5 разновидностей лендинг пейджов:

  1. Продающие – направлены на продажу товара или услуги прямо сейчас. Обычно используется прием с зачеркиванием старой цены и указанием новой, намного меньше предыдущей.
  2. Информационные – предназначены, чтобы сообщить пользователям о новом проекте / продукте / событии. На таком лендинге может не быть призыва к действию, поскольку его задача проинформировать или перевести на главный сайт.
  3. Подписные — создаются с целью получить номер телефона или электронную почту пользователей, чтобы в дальнейшем рассылать им предложения или звонить. Часто используется приманка в виде подарка: посетитель оставляет информацию, а взамен получает, например, личный промо-код на скидку.
  4. Вирусные – представлены в виде развлекательной викторины или теста, которые нужно пройти, оставить адрес электронной почты и поделиться результатом в социальных сетях. Вирусные лендинги весьма любимы пользователями, поскольку основаны на, так называемом, вау-эффекте.
  5. Дифференциальные – конструируются из всех или нескольких вышеперечисленных видов, чаще всего используются интернет-магазинами.

Нужно выделить еще 2 очень интересных типа лендинг пейджов: мультилендинг и квиз.

  • Мультилендинг – как хамелеон, меняющий окраску в зависимости от потребности конкретной части целевой аудитории. К примеру, компания продает портмоне из Китая, но первый потребитель желает приобрести портмоне из искусственной кожи, а второй – из натуральной. Соответственно, мультилендинг каждому предложит искомое. Это возможно, поскольку посадочная страница подстроена под запросы пользователей. Обычно меняется только первый экран: заголовок, картинка, плюсы товара. Такой формат позволяет добиться отличной конверсии, но используется довольно редко.
  • Квиз представляет собой целевую страницу с встроенным опросником на 5 – 6 пунктов. Ответы на вопросы позволяют оправить пользователю индивидуальное предложение.

Эффективность

Согласно статистике, грамотный landing page способен увеличить конверсию клиентов на 5 – 40%.

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

  • Броский заголовок.
  • Подзаголовок + УТП, раскрывающие сущность продукта.
  • Понятное и простое целевое действие (купи, закажи, подпишись и т.д.).
  • Призыв действовать (Call To Action).
  • Картинка и видео.
  • Гарантии.
  • Отзывы.
  • Еще раз кнопка СТА.
  • Счетчик купивших клиентов.
  • Контакты компании.
  • Заказ обратного звонка.

Что подразумевает эффективность лендинга? Все просто: выпустили посадочную страницу в массы – приманили трафик – повысили конверсию.

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

Если полученные данные неудовлетворительны, landing page нужно корректировать и поднимать его эффективность. Эффективность страницы захвата меняется с помощью гипотез и А/Б-тестирования.

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

Всегда нужно проверять, какие формы захвата приносят наибольшее число лидов. Например, одностраничник содержит формы: «оставить заявку», «получить пробную партию» и «загрузить каталог». По прошествии 1 недели Вы изучаете конверсию и видите, что форма «загрузить каталог» принесла всего 2 заявки. Следовательно, нужно попробовать ее переместить либо убрать совсем.

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

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

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

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

  • таргетолога – исследует нишу, целевую аудиторию, сегментацию ЦА;
  • маркетолога – разрабатывает общую стратегию продвижения и УТП;
  • копирайтера – пишет продающий текст;
  • дизайнера – разрабатывает макет страницы и анимацию;
  • Front-end профессионала – верстает лендинг, проверяет адаптивность формы на разных устройствах.

Так что разработка одностраничника – недешевое удовольствие. Впрочем, работающий landing page окупится моментально.

Можно заказать целевую страницу у фрилансеров, которые в среднем берут за создание 5 000 – 30 000 руб. Но, в этом случае, фрилансер должен обладать навыками всех специалистов, поэтому следует искать проверенных людей, с положительными отзывами и внушительным портфолио.

Разработкой также занимаются дизайн-студии и агентства, которые в зависимости от ниши и целей заказчика, устанавливают ценник в 50 000 — 500 000 руб.

Популярные конструкторы

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

  • LPgenerator. Крутой конструктор, больше ориентированный на продвинутых пользователей. Однако для новичков предусмотрены обучающие материалы. Можно выбрать один из 300 шаблонов или создать индивидуальный. Аналитика, воронка продаж, геостатистика, CRM, А/Б – тестирование – все включено. Тарифов 4, цены начинаются от 559 руб. за месяц, при оплате сразу за год – скидка. Предусмотрен недельный бесплатный пробный период.
  • LPmotor. Пожалуй, самый оптимальный вариант для начинающих или продвинутых пользователей. Конструктор предлагает 90 стильных шаблонов, адаптированных под любой экран. Интерфейс понятный, аналитика и А/Б – тестирование включены. LPmotor с готовностью интегрируется с Яндекс Метрикой, Google Analytics и Битрикс 24. На выбор 4 тарифа: Нано, Мини, Стандарт и Безлимит. Цены приемлемые, от 360 руб. в месяц. Кстати, если платить сразу за год, скидка 40%. В общем, недостатков, практически, нет.
  • LPTrend. Удобный конструктор лендинг пейджов, предлагающий на выбор около 60 шаблонов. Предусмотрена аналитика, интеграция с различными сервисами, А/Б – тестирование, CRM. Действует 3 тарифа, стоимость начинается от 500 руб. в месяц, есть скидки и бесплатный тестовый период на 7 дней.
  • Wix. Этот конструктор однозначно заслуживает места в числе лучших, поскольку богатый функционал подкрепляется полноценной бесплатной версией. Подходит для новичков, поэтому шаблонов немного, но все отлично смотрятся, адаптированы под любое устройство. Предусмотрен магазин приложений, также есть 4 платных тарифа с весьма демократичными ценами.

Как избежать типичных ошибок

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

Чтобы этого не допустить, запомните важные правила:

  1. Одна страница захвата – одна цель — один продукт, товар, услуга, предложение. Лендинг – не матрешка, чтобы вмещать пару – тройку офферов.
  2. Понятный и цепляющий заголовок. По статистическим данным, 85% пользователей уходят, если сразу из заголовка (или хотя бы из подзаголовка) не понимают сути оффера.
  3. Дозированная анимация. Если на посадочной странице нет выскакивающих картинок, непонятных мерцаний и видео, запускающегося само по себе, ее уже можно любить. Слишком много подобного добра в интернете.
  4. Заранее ответьте на возражения. «Что это за компания и почему я должен ей верить?» Разместите триггеры, располагающие клиента, внушающие ему доверие к Вашей компании. Это могут быть сертификаты, лицензии, отзывы реальных людей, видео-ролики и т.д.
  5. До и после. Фотография, показывающая как жутко было, и как роскошно стало, всегда работает.
  6. Таймер обратного отсчета должен кануть в Лету. Лучше писать цифры, отражающие количество покупателей и регулярно их обновлять.
  7. Ограниченность полей для заполнения. Имя, телефон и (или) электронная почта – достаточно на первых порах.
  8. Долой капчу. «Это буква О или ноль?» Не сосчитать, сколько пользователей закрыло страницу, увидев капчу. Не надо так.
  9. Пожадничайте буквы. Относительно текста жадность – то, что нужно. Много текста позволительно писать, если Ваш товар настолько сложный, что требует подробного объяснения. В любом случае текст нужно подавать блочно, а не сплошной стеной. Везде, где возможно, целесообразнее заменить текст инфографикой.
  10. Уникальные картинки. Имеется в виду, отражающие именно Ваш товар, а не взятые из сети.
  11. Адаптивный дизайн. Его отсутствие – неуважение к пользователям.

Советы

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

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

Плюсы и минусы

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

  1. Высокая скорость создания и загрузки. На конструкторе посадочную страницу можно разработать за день, профессионалы готовы предоставить результат за 3 – 5 дней. Небольшой вес не требует скоростного интернета.
  2. Отличная конверсия. Еще раз подчеркнем: если одностраничник сделан правильно.
  3. Приемлемые цены за разработку.

Минусов немного, но их нужно учитывать:

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

Вывод

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

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

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

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

Анализ эффективности лендинга

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

Для определения эффективности лендинга пользуются инструментами статистики, например,

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

1. Отправляйтесь на Google Analytics , и регистрируйтесь.
2. Устанавливайте на вашем ресурсе код счетчика Google Analytics.
3. Настраивайте цели.

Выбираете вкладку «Администратор» и в открывшемся меню выбираете «+ ЦЕЛЬ»:

Даете ей наименование, указываете тип и клик по «Далее».
Для продающего лендинга целью указывается конверсия – клик по кнопке или переход по ссылке с CTA-элементом.


4. В поле «Цель» указываете «Равно» и вводите адрес страницы, которую вам надо проанализировать. Это страница, на которую пользователь попадет по завершению целевого действия (ок-page).

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

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

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

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

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

К примеру, поменять цвет CTA-кнопки, ее расположение, возможно, дополнить информацию о предложении и тд. При каждом предположении вы формулируете ГИПОТЕЗУ: в случае внесения данных изменений, конверсия увеличится. Сколько предположений, столько гипотез.

Гипотезы надо проверять. Самым доступным способом проверки гипотез является A/B-тестирование (сплит-тест) — проверка, при которой сравниваются несколько вариаций лендинга с целью определения наиболее конверсионного из них.

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

——
Важно! Итоги A/B-тестирования тем точнее, чем больше трафика приходит на ваш сайт во время тестового периода.

–—
Этот вид анализа достаточно трудозатратен, но результаты оправдывают себя. Проводя сплит-тестирование неоднократно, можно добиться, чтобы ваш лендинг стал максимально конверсионным.

Как улучшать лендинг с помощью веб-аналитики

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

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

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

Две популярные бесплатные системы аналитики — Яндекс.Метрика и Google Аналитика. Давайте разбираться, как с ними работать.

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

Мы придумали бюро догситтинга — это услуга присмотра за собаками. И сделали для него лендинг на конструкторе LPTREND. Теперь нужно подключить аналитику: Яндекс.Метрику и/или Google Аналитику.

Создаем аккаунты в Яндекс.Метрике и/или Google Аналитике и смотрим номера счётчиков. Они находятся во вкладке «Настройка» и выделены красными прямоугольниками на скриншоте. Сверху Яндекс.Метрика, снизу Google Аналитика:

Идем обратно в конструктор и добавляем номера счетчиков на лендинг через вкладку «Настройки» —> «Аналитика». В настройках же фиксируем название сайта, его адрес в интернете и значок.

Отлично! Теперь информация с лендинга будет поступать в систему аналитики.

Как анализировать эффективность лендинга?

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

  1. в динамике — то есть отслеживать изменения;
  2. в контексте бизнеса — как каждая метрика влияет на продажи.

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

Главная страница вашего счётчика должна выглядеть примерно так:

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

О чём говорят показатели в «Метрике»?

Показатель Что видим Пример предположения
Посетители.
Сколько людей пришло за выбранный период времени.
Растет, снижается или остается на одном уровне посещаемость. Посещаемость в последнюю неделю упала, потому что мы сократили рекламный бюджет. Посещаемость за последнюю неделю поднялась, хотя мы не увеличивали бюджет: ссылкой на лендинг поделились в популярной группе во ВКонтакте.
Адрес страницы.
Какие разделы лендинга посещают.
Что интересует вашу аудиторию больше всего. Люди чаще всего переходят в раздел «Цены», потому что сравнивают стоимость с конкурентным продуктом. Люди чаще всего переходят в раздел «О нас», потому что не доверяют компании и хотят узнать, как долго мы уже на рынке.
Технологии.
С каких устройств и операционных систем заходят люди.
С телефона или компьютера, Apple или Android приходят люди. К нам чаще приходят с «Андроида», а заказывают с «Виндоуса» — просматривать сайт с мобильного легко, а вот делать заказ не получается.
Время на сайте.
Сколько времени проводят на сайте.
Сколько требуется времени, чтобы вникнуть в информацию. Разобраться в предложении должно быть просто. Когда люди проводят на лендинге продукта по пять минут — это знак, что им сложно разобраться и решиться на заказ. Люди проводят по 2 минуты на лендинге и практически не оставляют заявок. У них достаточно интереса, чтобы изучить сайт, но не хватает аргументов в пользу покупки. Стоит добавить блок «Выгоды» сразу после обложки лендинга, чтобы людям сразу было ясно, что они получат.
Источники трафика.
С каких источников трафика приходят на лендинг.
Долю каждого источника трафика в общей посещаемости. Рекламная кампания А работает лучше, чем рекламная кампания Б, потому что с неё чаще приходят на сайт.
Отказы.
Какой процент людей проводит на сайте меньше 15 секунд.
Какому количеству людей не интересен лендинг и продукт. У нас довольно большой трафик с рекламы, но отказы растут. Значит, лендинг не соответствует рекламному объявлению, нужно переделать.
Глубина просмотра.
Сколько разделов просматривают пользователи.
Нажимают ли посетители на кнопки меню. Посетители активно переходят в три раздела, попробуем поставить там кнопку заказа — заявки должны увеличиться.
Последняя поисковая фраза.
С каких фраз приходят из поиска Яндекса.
По каким запросам показывается лендинг. Каких запросов не хватает, а какие наоборот приводят лишний трафик. У нас совсем нет трафика по целевому запросу, хотя мы расставили ключи. Возможно, запрос слишком высокочастотный — по нему очень сложно пробиться. Стоит обратить внимание на более узкие запросы.

Что такое конверсии?

Конверсия — это процент посетителей, совершивших целевой действие на лендинге.

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

Конверсии в Яндекс.Метрике настраивают во вкладке «Настройки» —> «Цели».

Например, одно из целевых действий лендинга «Бюро догситтинга» — отправка заявки на догситтера. Поэтому мы поставили цель на кнопку «Мне нужен догситтер»:

Нажимаем «Добавить цель» и видим ее идентификатор. Теперь заходим в конструктор и наводим курсор на кнопку. Выбираем сервис — Яндекс.Метрику — и вводим идентификатор цели.

Всё просто. Теперь в Метрике появится отчёт по конверсии — нажатию этой кнопки.

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

Обязательно настраивайте базовые конверсии, чтобы знать процент целевого трафика:

  • нажатие кнопки целевого действия;
  • нажатие ссылки «Цены»;
  • звонок — нажатие на номер телефона;
  • открытие формы заявки;
  • отправка заявки.

Решаем проблемы

Что делать, если посещения не фиксируются в Яндекс.Метрике?

  • номер счётчика в Метрике совпадает с номером счетчика, который вы добавили на лендинг;
  • вы сохранили и опубликовали сайт;
  • у вас есть посетители: если вы только что опубликовали лендинг и не продвигали его, то посетителей может вовсе не быть.

Почему значок счетчика в Яндекс.Метрике оранжевый, а не зеленый?

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

Есть счетчик от другого лендинга, в него можно добавить новый лендинг?

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

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

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

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

Преимущества landing page

С помощью landing page вы можете делать целевой аудитории конкретные предложения. Допустим, вы ищите ближайший детский клуб и открываете первые две ссылки, выданные поисковиком. Первая — это красивый, сложный сайт детского центра, со множеством разделов, обилием информации (только вот вы никак не можете найти цену, адрес и время работы). Вторая ссылка привела вас на лендинг: «Детский клуб «Одуванчик» на улице Павлова 15. Занятия от 1000 руб. 7 дней в неделю с 9.00 до 20.00». В этих трех коротких предложениях собрано всё, что вы хотели узнать. Готова спорить, что вы воспользуетесь услугами второй компании, так как ее владельцы не рассеивали ваше внимание, не заставляли прилагать лишних усилий, а просто предложили вам решение проблемы.

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

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

С помощью лендингов можно существенно снизить расходы на рекламу. Типовой лендинг на шаблоне Tilda, LP Generator или GetCourse можно сделать за 3000-5000 руб. Не требуется никакого вычурного дизайна, используйте белый фон, две-три фотографии и хороший тест красивым шрифтом — это всё, что нужно для того, чтобы начать работать с лендингом.

Мы в AzarenokPro свои первые лендинги делали за 3000 руб., первую рекламную кампанию — за 5000 руб., но получили с этого 200 000 руб. Конечно, в дальнейшем вам наверняка захочется создать что-то более солидное. Но это будет потом, а конверсии, регистрации, лиды и клиентов вы можете получать уже сейчас.

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

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

Правила создания landing page

  1. Будьте предельно просты и лаконичны.

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

  1. Пусть каждое ваше предложение отражает боль или мечту клиента.
  2. В одном лендинге содержится только одно предложение.

Не размещайте на одном лендинге два-три продукта! Можно сделать 10 одинаковых по дизайну лендингов, которые будут совпадать по второму, третьему экранам, но на первой странице должен быть только один уникальный оффер.

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

Илон Маск рекомендует:  Что такое код peek

Необходимо отслеживать откуда приходят люди и как они ведут себя на лендинге.

  1. Следуйте принципу «от человека к человеку».

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

Как работать с людьми, зашедшими на лендинг

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

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

Вариант первый — человек заходит, оставляет email и скачивает лид-магнит. Мы благодарим его и предлагаем купить недорогой продукт: «Спасибо тебе, твой чек-лист уже ждет тебя на почте, кстати, у меня есть для тебя вебинар всего за 200 руб.». Он соглашается купить —возникает страница благодарности номер два. Тут можно предложить еще один недорогой продукт в дополнение к первому. Если человек покупает и его, то попадает в нашу базу лояльных клиентов. Такие клиенты готовы покупать ваш основной продукт, up sell и vip- продукты.


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

Вариант третий — пользователь оставил email, получил лид-магнит, но покупать ничего не стал. При закрытии страницы мы обращаемся к нему: «Подожди, это же эксклюзивное предложение. Скидка 80%». Все равно не хочет. Такой человек остается в нашей базе в категории лида. Мы будем дальше доказывать ему, что на нас нужно потратить деньги, прогревать его до покупки.

Вариант четвертый — человек скачал лид-магнит и купил дешевый trip wire (продукт, который превращает лида в клиента), но второй товар покупать не стал. Здесь можно показать страницу-прощание, где снова предложат второй товар. Этот пользователь попадает в нашу базу как клиент.

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

Екатерина Азизова, совладелец обучающего проекта AzarenokPR

Инструкция «Как сделать лендинг за 1 вечер», которую мы даем своим заказчикам

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

Выбираем онлайн-конструктор

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

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

У Тильды есть пошаговое руководство по созданию сайта, которое применимо и к остальным платформам. А еще — познавательное видео о создании одностраничника:

Тильда. На русском. Русскоговорящая поддержка. Платная подписка — от 500 рублей в месяц.

Редимаг. На английском. Русскоговорящая поддержка. Платная подписка — от 16 долларов в месяц.

Собираем страницу

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

О дизайне, верстке и типографике — в Ководстве и Советах.

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

Люди без опыта ведения бизнеса в онлайне заморачиваются не тем. Заказывают унылые логотипы за 300. Бьются за цвет кнопочек. Колеблются между «купить» и «заказать». Все это не имеет смысла при объеме продаж, близким к нулю.

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

Текст. Посетитель сканирует страницу частями. Сначала — заголовки. Если находит, что искал, читает дальше. Задача — предугадать вопросы и ответить на них. А для этого нужно понимать свою аудиторию, и знать продукт.

Самое главное выносим на первый экран. Цель первого экрана — заставить прочитать второй, второго — третий и т. д.

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

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

Как хорошо описывать продукты — в блоге Максима Ильяхова.

Важно, что вы пишете. Людей мало интересуют характеристики, им нужна польза. Представьте, что описываете товар маме. Вы же не скажете ей: «Нож выполнен из закаленной нержавеющей хромо-молибдено-ванадиевой стали Х50СrMoV15 твердостью 52 HRC». Скорее так: «Удобно разделывать птицу и рыбу, резать филе, замороженные продукты и мясо с прожилками. Не ржавеет и не гнется. Точить надо у специалиста, раз в 2-3 месяца, чтобы не испортить режущую кромку».

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

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

Если статья полезна — ставьте плюсы и подписывайтесь. Вопросы в комментарии.

10 часто задаваемых вопросов о лендингах

В новом посте рубрики «Вопрос-ответ» CEO сервиса Q-page.com Владимир Полоник расскажет обо всем, что связано с лендингами. Для читателей блога Владимир подготовил небольшой FAQ с 10 вопросами, которые чаще всего задают люди, столкнувшиеся с необходимостью создания landing page.

1. Что такое лендинг?

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

2. Лендинг и сайт-визитка — это одно и то же?

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

3. Какие элементы повышают эффективность лендинга?

В первую очередь, это наличие понятного и заметного призыва к действию (Call to action). Это форма либо кнопка, с помощью которой ваш посетитель отправляет вам заявку. Другими элементы — сочные фотографии, качественные заголовки, а также триггеры доверия (то, что подтверждает качество вашего предложения). Это могут быть сертификаты, дипломы, отзывы (в текстовом или видеоформате).

4. Если у меня уже есть сайт, нужен ли мне лендинг?

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

5. Лендинг в роли основного сайта: миф или реальность?

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

6. Хороший лендинг — сколько стоит разработка?

Всё зависит от вашей задачи и от времени, которым вы готовы потратить. Если не готовы самостоятельно уделять этому время, то лучше заказать лендинг в агентстве. Индивидуальный (не шаблонный) лендинг обойдётся в сумму от 500 до 3000 долларов (зависит от агентства). Если вы (или ваш сотрудник) готовы посвятить этому время (и заметно снизить стоимость создания лендинга), тогда хороший вариант — это конструктор лендингов. Стоимость гораздо ниже — от 10 до 50 долларов в месяц, плюс в тариф чаще всего будут уже включены хостинг (хранение страницы), система приёма заявок и так далее. Если же вы хотите ещё сильнее удешевить процесс создания страницы, то можете попробовать сделать лендинг самостоятельно на основании одного из готовых шаблонов. В таком случае нужно обладать техническими навыками, либо посвятить этому как минимум несколько часов, а то и дней. Готовый шаблон может вам обойтись примерно в 10 долларов (без хостинга и приема заявок).

7. Можно ли создать лендинг бесплатно?

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

8. Лендинги — это про экономию или про эффективность?

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

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

9. В каком случае мне не подойдёт лендинг?

Раньше было модным мнение о том, что лендинги подходят для товаров или услуг, которые нужно продать быстро. То есть для скоростных продаж. По факту, сейчас лендинги часто используются для самых различных ниш — от ремонта до оформления загранпаспортов, от продажи квартир до аренды велосипедов. Естественно, когда речь идёт о сложных или дорогих товарах, то покупка не происходит сразу на лендинге. В случае с ремонтом целевое действие — «вызов специалиста для просчета сметы», в случае в продажей квартир «запись на посещение стройки», а в случае с множеством товаров вы можете предлагать посетителям «заказать помощь мастера в подборе гардероба» или «консультацию специалиста». Отвечая на вопрос, всё же отмечу, что стоит хорошо подумать перед тем, как делать лендинг для очень сложных услуг, где решение о заказе требует много времени. Например, когда речь идёт о сложных страховых или финансовых услугах, либо, например, о крупных промышленных продажах. Для таких вещей лучше всё же подойдёт сайт, на котором будет описана история компании/завода, представлена миссия и множество статей для изучения.

10. Откуда люди узнают о моей странице?

Источники те же, что и в случае с обычным сайтом. Отличие лишь в том, что вы не сможете полноценно использовать возможности SEO. Хотя у лендинга присутствует возможность указывать Title, Keywords и Description, при прочих равных он будет проигрывать в SEO сайту, на котором много страниц и контента. Но лендинг будет показывать лучшую конверсию для всех других видов рекламы. Вы можете размещать ссылку на ваш лендинг точно так же, как размещаете ссылку на сайт — в социальных сетях, email-рассылках, контекстной рекламе, даже на визитках и билбордах.

Прежде чем задать свой вопрос в комментариях, ознакомьтесь с правилами рубрики «Вопрос-ответ»:

  1. Если вас интересуют конкретные примеры, для наглядности вставляйте в комментарий скриншоты. Это поможет быстрее разобраться в вопросе.
  2. Повторяющиеся вопросы, на которые можно дать один ответ, будут вынесены в сам пост.
  3. Все вопросы, которые касаются каких-либо технических проблем с использованием сервиса Q-page.com, здесь не рассматриваются. Их можно задать специалистам техподдержки.

Параллельно с Владимиром Полоником на каверзные вопросы читателей о нюансах интернет-маркетинга отвечают:

  • Олег Саламаха (CEO сервиса Serpstat (ex. Prodvigator)). Что нужно знать о семантическом ядре, ключевых словах и видах запросов.
  • Александр Максименюк (CEO сервиса Ringostat). Вопросы об использовании Google Analytics, Universal Analytics и Яндекс.Метрики.

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

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

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

Без чего лендинг не будет продающим ни при каких условиях?

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

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

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

Маркетинговые фишки

1. Все рекламные сообщения сконцентрированы на одном товаре или услуге.

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

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

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

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

Сравнение старой и новой акционной цены наглядно показывает выгоду клиента (Valtery Textile)

3. Определите «боли» потребителей и покажите, как ваш продукт от них избавит.


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

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

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

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

5. Пропишите ваш оффер еще раз в форме обратной связи.

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

6. Если ваше предложение ограничено по времени, создайте эффект срочности.

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

7. Используйте всплывающие поп-ап окна.

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

8. Собирайте обратную связь от клиентов.

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

9. Если регистрация на сайте или процесс оформления покупок многоступенчатые, мотивируйте посетителей пройти их.

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

Дизайн и юзабилити

10. По логотипу и слогану понятно, чем занимается ваша компания.

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

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

11. Преимущества вашего продукта оформлены в буллиты или маркированные списки.

Лендинг сочетает текст и графику. Именно в таком формате посетителю легче воспринимать информацию. Чтобы потенциальный клиент хорошо усвоил преимущества вашего продукта, оформите его в буллиты – маркированный список с иконками. Например, вот так:

Пример оформления списка преимуществ буллитами на лендинге нашего клиента Valtery Textile

12. Нет посторонних и отвлекающих внимания ссылок.

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

13. В формах для сбора данных нет лишних полей и вопросов.

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

Если вам нужны дополнительные данные о потенциальных клиентах, воспользуйтесь метриками с расширенными возможностями, например, Google Analytics или Roistat.

14. Дизайн посадочной страницы соответствует вашему фирменному стилю.

Это называется айдентикой. Через цвета и шрифты пользователь с первых секунд вас идентифицирует. Все мы знаем корпоративный стиль Сбербанка. Было бы странно, если бы Сбербанк запустил лендинг в красно-черных тонах, изменив бело-зеленой палитре. Конверсия такой страницы была бы очень низкой. Одностраничник вызвал бы диссонанс и недоверие у посетителей.

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

15. Оформление лендинга выполнено профессиональным дизайнером.

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

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

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

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

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

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

18. На форме по сбору контактных данных стоит чекбокс подтверждения подписки на рассылку.

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

19. Выделите формы для заполнения отдельным цветом.

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

20. Используйте четкие и крупные шрифты.

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

Текстовый и визуальный контент

21. Заголовок лендинга соответствует сообщениям в рекламных

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

22. У главного заголовка лендинга есть подзаголовок.

Заголовок лендинга обычно достаточно короток, и нуждается в подзаголовке, чтобы:

● Расшифровать оффер из заголовка, сделать его понятнее для посетителя

● Дополнить оффер, обосновать выгоду и ценность.

23. Главный заголовок лендинга отвечает на вопрос «О чем эта страница?»

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

24. Новый посетитель сможет за 5-10 секунд уловить основную суть вашего предложения.

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

25. На странице размещен 30-секундный рассказ о концепции вашего продукта.

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

26. Составьте краткое описание вашей компании

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

Прекрасное презентационное видео сделано для лендинга нашего клиента ансамбля «Золотое кольцо»

27. На странице есть видео или картинка, которая поясняет, как использовать ваш продукт.

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

28. Текст лендинга объясняет, чем уникален ваш товар или услуга.

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

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

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

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

30. Все факты о товаре или услуге, указанные в тексте, можно проверить и подтвердить.

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

31. Отключите автопроигрывание видео.

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

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

В конце видеоролика о вашем продукте не забывайте еще раз озвучить свой оффер и call-to-action.

33. Каждый элемент страницы должен фокусироваться на пояснении одного концепта.

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

34. Попробуйте улучшить страницу по методу Стива Круга. Удалите 50% контента, а потом удалите ещё половину того, что осталось. Достигайте максимальной простоты и ясности информации.

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

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


35. В тексте лендинга нет ошибок и опечаток.

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

Факторы доверия аудитории

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

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

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

Илон Маск рекомендует:  Как сделать надпись перевернутую на 90 градусов

37. Если у вас есть известные клиенты, упомяните о них на странице.

Это мощное социальное доказательство, вызывающее доверие и мотивацию купить продукт. «Если выбирают успешные и знаменитые, значит это того стоит».

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

Еще один вариант социального доказательства. Только используйте реальные цифры.

Социальные доказательства в цифрах на одностраничнике нашего клиента — всероссийской экологической акции «Сделаем Вместе!»

39. Размещайте портфолио и примеры готовых проектов

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

40. Используйте собственные фото

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

41. Используйте Яндекс.Карты или Google.Maps, чтобы показать, где вы расположены.

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

Указание локации на карте лендинга ансамбля «Золотое кольцо»

42. Расскажите об оплате и доставке.

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

43. Блок о гарантиях и условиях возврата.

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

Call-to-Action (CTA) – оформляем призыв к действию

44. Разместите на кнопках надписи «Нажмите здесь» или «Отправить».

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

45. Количество кнопок призыва к действию сокращено до 1-2.

Не пытайте посетителя бесконечными «заказать», «зарегистрироваться» и пр. Большое количество кнопок CTA создает эффект навязчивости и впаривания. Разместите кнопку в начале и в конце посадочной страницы. Этого достаточно.

46. Кнопка целевого действия контрастирует с общим оформлением страницы.

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

47. Кнопка целевого действия размещена в первом экране возле заголовка.

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

Прямо на первом экране лендинга goldenringshow.ru размещена кнопка заказа билетов

Технические моменты

48. Предложено несколько способов связи: телефон, онлайн-чат, мессенджер. Кнопки обратной связи должны быть кликабельны.

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

Кликабельные кнопки связи на goldenringshow.ru

49. Напишите политику конфиденциальности.

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

Утвержденной законом формы политики конфиденциальности нет, но есть перечень пунктов, которые прописываются в документе:

  1. на каком основании и с какой целью вы собираете персональные данные;
  2. название вашей фирмы, адрес и контакты;
  3. сведения о лицах, обрабатывающих данные и о тех, кто имеет к ним доступ;
  4. какие данные вы обрабатываете и из каких источников получаете (включая cookie);
  5. сроки обработки и хранения данных;
  6. как вы соблюдаете права субъекта, предусмотренные 154-ФЗ;
  7. сведения о том, что вы передаете данные за пределы России;

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

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

50. Разработайте пользовательское соглашение.

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

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

  • Общие положения. Ключевые определения: пользователь, администрация, сервис, платформа и пр. Также оговаривается, что пользованием сайтом означает для пользователя его согласие с положениями и их принятие.
  • Условия пользования сайтом. Разъяснение условий пользования лендингом, обязанности посетителя хранить свои регистрационные данные и нести ответственность за их потерю или передачу третьим лицам.
  • Лицензия пользования. Перечень разрешенных вариантов использования лендинга.
  • Гарантии со стороны пользователя. Прописываем, какие гарантии дает посетитель, соглашаясь с ПС.
  • Ограничения. Указываем на ограничение ответственности администрации сайта за контент, который загружают пользователи. Прописываем предупреждение о праве администрации удалять материалы, не соответствующие российскому законодательству.
  • Предупреждение об ответственности. Оговариваем, что за все действия, совершенные под логином и паролем пользователя, он несет ответственность.

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

51. На странице размещены логотипы и сертификаты партнёров, отвечающих за безопасность пользовательских данных.

Если вы используете SSL-сертификат, разместите его значок в футере лендинга, чтобы пользователи знали о безопасной передаче данных. Если используете безналичный платеж, уместно разместить в подвале такие значки, как Verified by Visa, MasterCard SecureCode, 3-d secure и прочие.

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

53. Сделайте A/B-тестирование страницы.

A/B-тестирование — это своеобразный конкурс лендингов. Участвовать в нем может любой элемент макета, отдельный блок или вся страница в целом. Цель A/B-тестирования — понять, какой из вариантов лендингов соберет больше всего заявок, и в итоге выбрать его. На определенный период запускается одновременно сразу несколько вариантов посадочных страниц, которые различаются по каким-то критериям. Затем оценивается эффективность лендингов и остается тот, кто показал выше конверсию.

54. Оптимизируйте контекстную рекламу лендинга, чтобы получить высокий рейтинг от Яндекс.Директ и Google AdWords.

Чем выше позиция объявления, тем лучше, поскольку возрастает вероятность, что его увидят потенциальные клиенты. Оптимизируйте вашу контекстную рекламу под требования Яндекс.Директа и Google AdWords, чтобы получить более высокие позиции и больше трафика.

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

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

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

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

57. Делайте адаптивный дизайн.

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

58. Оптимизируйте title, url и description под поисковые запросы.

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

59. Скорость загрузки страницы – 3-4 секунды.

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

60. Проверьте, как отображается сайт в разных браузерах.

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

Считаете, что чек-лист можно дополнить? Предлагаем поделиться своими предложениями в комментариях.

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

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

Главная » Бесплатное » Маркетинг шаг за шагом » Выпуск 7: как создать эффективный лендинг, советы и рекомендации для заказчиков

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

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

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

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

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


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

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

С чего начать создание лендинга?

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

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

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

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

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

Как подступиться к позиционированию при создании лендинга?

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

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

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

Затем, начинайте делить пользователей от большего к меньшему.

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

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

В итоге вы должны получить:

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

Возьмем для примера мою услугу по аудиту сайтов.

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

  • Компании из Питера и Москвы.
  • Работают на рынке больше от 2х лет.
  • В компании есть штатный маркетолог или руководитель имеет в голове систему маркетинга.
  • Есть понимание того, что трафик с контекстной рекламы дорог, а поисковый трафик на сайте практически отсутствует.
  • Есть желание изменять внешнюю среду и завоёвывать мир.
  • Есть разумный бюджет на поисковый-маркетинг.

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

Резюмирую:

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

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

Каким должен быть идеальный лендинг?

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

Базовые элементы лендинг пейдж можно условно разделить на 2 типа составляющих “дизайн” и “копирайтинг”.

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

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

Вид и форма лендинга может напрямую зависеть от например возможности компании.

Что я имею в виду?

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

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

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

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

У заказчика всегда есть выбор того где сделать, как сделать и с кого потом спросить за эффективность.

Как выбрать правильное решение?

Скажу честно — правильного решения не существует.

Всё зависит от задачи и подхода, который вы используете для создания своей целевой страницы.

Я расскажу о самых распространённых 5 вариантах создания лендинга, поясню плюсы и минусы каждого.

Способ 1 — Использовать бесплатный шаблон для лендинга.

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

Конечно при должном желании и усердии можно найти огромное количество бесплатных шаблонов для лендингов. Особенно под движок WordPress.

И кажется, что остаётся только:

  • Купить хостинг.
  • Установить WordPress.
  • Подобрать и установить шаблон.
  • Настроить тексты и прочую графику.
  • И всё, можно запускать рекламу.

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

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

В итоге страдает самая главная составляющая лендинга — его ориентация под целевую аудиторию.

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

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

Способ 2 — Использовать генератор лендингов.

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

Способ 3 — Создание лендинга командой специалистов под вашим чутким руководством.

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

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

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

  1. чётко понимать что хочешь и что нужно сделать;
  2. не ошибиться в выборе специалистов-исполнителей;
  3. грамотно управлять процессом.

Способ 4 — разработка лендинга в интернет-агентстве на заказ.

В этом случае выбранное агентство возьмёт на себя все заботы.

Сотрудники интернет-агентства выполнят полный спектр работ под ключ:

  • Анализ конкурентов.
  • Определение концепции.
  • Стратегия интернет-рекламы.
  • Проработка дизайн-макета.
  • Написание продающих текстов.
  • Интеграция с движком.
  • Запуск необходимых рекламных инструментов.

Такой подход будет работать только если вы решили заказывать всё под ключ. В том числе и рекламу.

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

Минусы данного подхода

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

Способ 5 — разработка лендинга силами собственных специалистов компании.

Сразу вспоминается фраза: хочешь сделать что-то хорошо — сделай это сам!

Это реально идеальный вариант если в штате вашей компании есть квалифицированные специалисты.

С плюсами и минусами думаю тут и так всё понятно.
Да, это самый дорогой способ, но он и самый эффективный.


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

Как понять, что разработчик создаёт реально уникальное решение сделанное именно под ваш бизнес?

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

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

По дизайну: PSD-макет сайта и уникальные картинки купленные для вашего проекта на фотостоках. И конечно вёрстку, в смысле HTML или PHP файлы. Если исходников нет, стоит насторожиться — с вероятностью в 99% лендинг сделан на основании шаблона.

Почему два совершенно одинаковых по своему составу лендинга дают совершенно разные результаты?

К сожалению я не могу сходу ответить на этот вопрос. Эффективность лендинга будет напрямую зависеть от массы факторов, которые можно выявить только выстраивая гипотезы и проверяя их выполняя А/Б-тестирование.

Что такое A/B-тестирование?

Тесты A/B основываются на создании двух или более вариантов лендинга, каждый из который различается только одним элементом. Для дальнейшего сравнения, какой из вариантов наиболее эффективен.

В чём смысл такого тестирования?

Трафик который направляется на лендинг распределяется равномерно на каждый вариант лендинга (участника теста).

Разные версии лендинг-пейджа показываются попеременно. В одну единицу времени одному посетителю показывается вариант А и одновременно с этим, посетителю Б показывается другой вариант.

Побеждает та версия у которой CTR получается больше.

Почему стоит проводить A/B-тестирование?

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

С чего начать проведение A/B-тестирования?

Шаг 1. Начните с ответа на вопросы.

  • С чем может быть связан высокий показатель отказов?
  • С чем может быть связана низкая конверсия?

Шаг 2. Постройте гипотезу.

Сделайте предположение о том, что один из элементов имеет значение и от него зависит эффективность лендинг пейджа.

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

Шаг 3. Подготовьте варианты.
Подготовьте два или более вариантов лендинга с одним различающимся элементом.

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

Шаг 5. Определите победителя.
Осталось только проверить какая именно комбинация принесла больше заявок.

Шаг 6. Не останавливайте тестирование.
Помните — A/B тестирование — это процесс, а не одноразовое действие. Для получения наилучших результатов не
останавливайтесь на проведении только одного теста.

Тестируйте, а потом тестируйте, а когда закончите. Проведите очередные тесты! ☺

Какие элементы можно и нужно тестировать на лендинг пейдже?

На лендинг-пейдже можно протестировать:

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

Иными словами любые элементы.

Каких ошибок стоит избегать при проведении тестирования?

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

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

SEO для лендинга.

Меня часто спрашивают — Алексей, а можно ли продвигать лендинг в органическом поиске?

Всё зависит от того, что именно имеет на руках тот кто спрашивает. Если это однастраничный сайт то скорее нет чем да, если это многостраничный сайт с хорошей стратегией контент-маркетинга и со страницами в виде лендингов то определённо да.

  • Лендинг = высокая конверсия.
  • Правильное SEO = больше и дешевле трафик.
  • Правильное SEO + Лендинг = больше доход для заказчика!

Почему лендинг из 1 страницы сложно и даже невозможно продвигать?

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

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

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

Лендинги: развенчание некоторых мифов о посадочных страницах

Время чтения: 6 минут Нет времени читать? Нет времени?

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

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

Самое основное в лендинге: он должен предлагать нечто одно. Один лендинг – один офер. Таково главное правило. Не пытайтесь в одном лендинге рассказать более чем об одной своей услуге (по статистике, 80% представителей ЦА покидают страницу, если суть предложения им не понятна сразу из заголовка, и только 20% дочитывают лендинг до середины). Неправильно делать один лендинг на пять разных товаров и услуг. Лучше создайте пять отдельных страниц.

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

Третье правило – лендинг должен быть максимально таргетированным. Делайте расчет на персонификацию вашей целевой аудитории.

В этом видео мы собрали 10 причин, почему лендинг может не принести желаемой отдачи.

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

Из чего состоит лендинг

Лендинг – это конструктор, который вы собираете в правильном порядке из стандартных элементов:

  • Заголовок
  • Офер
  • Продающие триггеры
  • Список преимуществ
  • Кнопка «призыва к действию» (Call To Action)
  • Кнопки соцсетей
  • Картинки и видео
  • Социальные доказательства (отзывы или комментарии клиентов)

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

  1. Вы увидите эффект и поверите в абсолютную пользу лендингов.
  2. Не увидите результата и полностью разуверитесь в этом инструменте.
Илон Маск рекомендует:  Что такое код count

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

  1. Выдвижения гипотез
  2. A/Б-тестирований

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

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

Чем «правильнее» собран лендинг, тем он конверсионней. Что в данном случае означает «правильней»? Последовательность очень проста: вы выдвигаете гипотезу (ваше пока еще субъективное мнение о том, что можно было бы изменить на странице, чтобы сделать ее привлекательней для аудитории) – и проверяете свою гипотезу с помощью А/Б-тестирований. Вы переместили кнопку СТА ближе к началу страницы. Дало ли это рост конверсии? Продолжайте собирать конструктор до тех пор, пока не добьетесь желаемой конверсии. Увеличение ее даже на 1% дает ощутимые результаты.

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

Лендинг – точечный инструмент

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

Почему не стоит делать ставку исключительно на лендинги:

  1. С помощью лендингов вы можете привлекать новых клиентов, но задача бизнеса – не только привлечение новых, но и удержание имеющихся, и возвращение старых. Что предложить клиенту, который пришел по лендингу, но еще не принял окончательного решения? Только сайт, который продвигается с помощью контент-маркетинга.
  2. Лендинг – это шаблон, активно продающий услугу или продукт, фактически навязывающий ваш офер аудитории. И в этом огромный минус данного инструмента. С некоторыми людьми активное навязывание работает, с некоторыми – нет. Количество «уставших» от лендингов растет. Эффект усталости усиливается за счет эксплуатации одних и тех же «удачных» приемов, ставших общим местом для самых разных лендингов. Например, одни и те же продающие триггеры, таймеры обратного отсчета, одни и те же приемы в текстах.
  3. Лендинг не снижает стоимость лида.

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

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

Кстати, в нашем портфолио вы можете найти некоторые наши лендинги.


Как создать лендинг в 2020. Пошаговая инструкция из 9 этапов разработки

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

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

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

Этап 1. Подготовка

Цель лендинга

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

1. Продажа товара / услуги (пример: продажа меда, продажа услуг по разработки логотипа, продажа онлайн курса);
2. Получение контакта (пример: подписка на рассылку, заявка на замер);
3. Информирование (пример: приглашение на бесплатное оффлайн мероприятие, промо страница магазина с акциями).

Определяем целевую аудиторию и что для нее важно

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

Как определить ЦА?

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

Смотрим конкурентов (бенчмаркинг)

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

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

Как я это делаю: создаю отдельную папку с названием «Идеи» и делаю скриншоты интересных блоков.

Этап 2. Пишем текст для лендинга

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

Хаос в голове перенесите на бумагу

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

Составляем блоки лендинга

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

Вот основной список блоков, который можно встретить на 90% лендингов:

  1. Первый экран с УТП (уникальным торговым предложением)
  2. Раскрытие продукта (Описание услуги или товара)
  3. Информация об авторе / компании
  4. Отзывы
  5. Кейсы (Истории успеха)
  6. Форма / призыв к действию
  7. FAQ (Ответы на частые вопросы)
  8. Контакты / подвал сайта

Какие еще могут быть блоки на сайте:

  • Факты в цифрах
  • Выгоды (преимущества)
  • Видео
  • Портфолио
  • Для кого
  • Этапы сотрудничества (или Как сделать заказ, Как оставить заявку)
  • Тарифы и цены
  • Партнеры
  • Галерея
  • Расписание
  • Команда
  • Сертификаты, дипломы, благодарственные письма
  • Документы
  • Таймер

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

Советы по составлению текста

  1. Главное ставим в начале. Не нужно в начале сайта писать о себе, покажите сначала свой продукт.
  2. Замените общие слова на факты. Не нужно убеждать посетителей в чем-либо, оставьте это право за ними. (Пример: не пишите, что вы лидеры на рынке которым можно доверять, покажите отзывы компаний, которым вы предоставляли услуги и они остались довольны, в дополнение приложите оригинал отзыва, чтобы не быть голословным).
  3. Проработайте особенно хорошо первый экран и УТП. После захода посетителя на лендинг у вас есть три секунды чтобы захватить его внимание. Если не успели, то человек закроет страницу и будет серфить дальше. Первый экран должен быть максимально релевантным запросу, через который посетитель попал на сайт. (Пример: если человек ищет «Бухгалтерия для ИП», не нужно показывать лендинг с заголовком «Ведение бухгалтерии для ООО»).
  4. УТП (Уникальное торговое предложение). Проще говоря главный заголовок и описание, которое должно емко рассказать о чем данный лендинг. УТП вы можете составить по технологии 4U.
  5. Чем короче тем лучше. Старайтесь писать блоки с текстом как можно короче. Длинные портянки текста никто не читает, сегодня у людей всегда нехватка времени и это нужно учитывать. Если все же нужно предоставить много информации, то разбивайте ее на абзацы, блоки.
  6. Больше заголовков. Абзацы текста не должны быть написаны просто так, без заголовка. Большинство посетителей заходя на сайт, сначала проматывают сайт пытаясь оценить туда они попали или нет. И здесь как раз заголовки играют важную роль, потому что пробегать глазами и оценивать сайт он будет именно по ним.

Не хотите составлять текст самостоятельно? Найдите копирайтера, который сделает это за вас.

Где искать копирайтера

  1. Биржа копирайтинга ContentMonster.ru
  2. Биржа копирайтинга Etxt.biz
  3. Частные компании или специалисты. Их вы можете поискать через поиск или в соцсетях (Вк, Фейсбук, Инстаграм).

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

Этап 3. Составляем прототип

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

  1. Без прототипа потратите больше времени, как ни странно :) На заре своей карьеры я после написания текста, сразу делал дизайн. Я думал что так я сэкономлю время, но на деле оказалось что все тянулось еще дольше, потому что это не удобно сразу придумывать элементы дизайна без каркаса.
  2. Проблемы с заказчиком, если вы делаете лендинг на заказ. Такая ситуация была у всех. Вы утвердили текст и сразу начали делать дизайн, потратили кучу времени, отправляете его клиенту, а он говори что все не так и нужно переделывать, текст поменять местами и пр. Это куда сложнее сделать, когда уже дизайн готов, нежели когда у вас только прототип из текста и кружочков.


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

Пример из моего кейса прототипа и дизайна, сделанного по данному прототипу.

На прототипе мы указываем:

  • Расположение текста, выделяем заголовки;
  • Где будет находится графика (картинки, иконки);
  • Где будут кнопки;
  • На каком блоке фон будет светлым, а на каком темным.

Сервисы для прототипирования:

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

Я всегда начинаю прототип на бумаге, мне так удобнее. Потом уже переношу в Фотошоп.

Используйте сетку Bootstrap

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

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

Этап 4. Делаем дизайн

Ввсе элементы дизайна лендинга можно разбить на три части, это подбор:

  1. Шрифта
  2. Цвета
  3. Графики (фото, иконки, картинки)

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

Как пример: На сайте по оказанию ритуальных услуг навряд ли будут уместны яркие цвета и девушка с лучезарной улыбкой с надписью крупными буквами АКЦИЯ!. Или же сайт про организацию праздников в серых, блеклых тонах, с черными кнопками и шрифтом с брусковыми засечками, после просмотра которого хочется впасть в депрессию, а не заказать праздник для ребенка. Примеры конечно утрированные, навряд ли вы их встретите в жизни (хотя не исключено), но суть я думаю вы уловили.

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

Шрифт

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

Отталкивайтесь от своей тематики и от того какую эмоцию вы хотите вызвать у посетителей.

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

Выберите один или два из них и смиксуйте.

Заголовок — Roboto (Bold)
Текст — Roboto (Light)

Заголовок — Open sans (Bold)
Текст — Roboto (Light)

Заголовок — Pt sans (Regular)
Текст — Open sans (Light)

Где брать шрифты?

Есть бесплатные и платные шрифты. На первых этапах я вам советую использовать бесплатные шрифты от Google Fonts. Там есть хорошие варианты и те, что я описал выше, тоже есть.

Почему я советую именно Гугл шрифты?

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

Если вы делаете сайт для себя, подставите себя, если делаете для заказчика, подставите заказчика.

Как правильно подобрать цветовую гамму для сайта?

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

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

Посмотрите интересное видео на эту тему

Вам их нужно подобрать также исходя из вашей тематики.

Примеры, какое настроение вызывает каждый цвет:

Материал про цвета взят отсюда .

Графика (фото, иконки, картинки)

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

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

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

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

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

  • Сервис ShopDiz.pro — скачивание картинок со стоков по 0,5-1 доллару.
  • Сервис ShutterStock — самый популярный сток с большим количеством фото, вектора, видео.

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

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

Этап 5. Выбираем инструмент для верстки

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

Магазин шаблонов WordPress — ThemeForest

1. CMS WordPress + конструктор WPBakery или Elementor

Устанавливаете CMS WordPress, устанавливаете шаблон, конструктор WPBackery платный, но он идет бесплатно в наборе с 99% шаблонов, которые я рекомендую в своих подборках. Есть и второй удобный конструктор, это Elementor, он бесплатный, но чтобы расширить его функционал, покупается Pro версия Elementor . Для меня оба конструктора удобны, какой-то один посоветовать не могу, у каждого свои плюсы. Посмотрите описание и варианты сайтов с обоими конструкторами и выберите подходящий.

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

Например на данном блоге я использую шаблон The7 , в наборе которого идет плагин WPBakery.

Плюсы/минусы инструмента:

  • шаблон все же советую использовать платный, он покупается один раз (стоит в среднем 50$). Я покупаю шаблоны на ThemeForest. Регулярно платите только за хостинг и домен ;
  • гибкий вариант, настраивается все, можно адаптировать готовое демо, можно сверстать landing с нуля.

Сайт Tilda.cc

2. Конструктор Tilda

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

Плюсы/минусы инструмента:

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

Сайт LPGenerator.ru

3. Конструктор LPGenerator

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

Плюсы/минусы инструмента:

  • Цена от 800 до 16000 р/месяц;
  • Много инструментов для улучшения конверсии, a/b теста;
  • Менее удобный конструктор чем в Тильде (на мой взгляд);
  • Ваш сайт находится на сервисе, отдельно платить за хостинг не нужно.

4. Ручная верстка

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

Но все равно вот несколько сервисов по поиску исполнителей, где можете найти верстальщика:

Плюсы/минусы инструмента:

  • Нужно дополнительно платить за верстку верстальщику;
  • Трудно вносить правки самостоятельно;
  • Чистый код верстки (если верстальщик толковый);
  • Сайт находится на вашем хостинге.

До недавнего времени еще популярная была программа Adobe Muse. Это программа от Adobe, которая скачивается на компьютер и работаете в ней как в Фотошопе. Самый жирный минус у данного метода в том, что разработчики программу больше не будут развивать, об этом сделали официальное заявление. Поддержку оказывают до 2020 года, но обновлений программы больше не будет. Поэтому если планируете использовать Музу, учитывайте этот момент.

Я верстаю только на WordPress или в Тильде, для меня это лучшие варианты.

Напишите в комментариях, какой метод используете или будете использовать вы?

Этап 6. Домен

Какой бы метод верстки вы не выбрали, в любом варианте нужен будет свой домен. Домен это имя сайта, например мой домен это ichigarev.ru, у вас будет свой.

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

Подобрать домен вы можете на сервисе:

  • Reg.ru — регистрация доменов
  • Timeweb.com — если покупаете домен сразу с хостингом, то выгоднее купить тут

Пример подбора шаблона на reg.ru

Регистрация домена у всех сервисов одинаковая:

  1. Зарегистрируйте аккаунт на сервисе;
  2. Подберите вариант домена, имя должно быть свободно;
  3. Выберите зону (ru, com, рф и пр.);
  4. Введите свои паспортные данные, если регистрируетесь как юр.лицо то данные компании;
  5. Оплатите домен на год (или сразу на несколько лет);
  6. Готово!

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

Этап 7. Верстаем лендинг

Когда дизайн готов и вы определились с методом верстки. Следующий шаг, все это дело заверстать.

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

  1. Курс «Лендинг на WordPress» — это мой курс, который я записывал на шаблоне The7 и конструкторе WPBakery;
  2. Tilda.Education — уроки и вебинары по конструктору Tilda;
  3. Канал WPlovers — парень записывает уроки по Elementor;
  4. База знаний LPGenerator — ответы на частые вопросы по платформе LPGenerator.

Этап 8. Прикручиваем дополнительные инструменты

Онлайн чат

Онлайн чат повышает конверсию, проверено! Если что-то человеку не понятно и нужна консультация. не каждый будет звонить или писать в поддержку на почту, удобнее спросить и сразу получить ответ в онлайн чате. Подключить можете например Jivosite, я сам его использую, он мне «приводит» новых клиентов. Можете написать мне в чат «Привет!».

Пример чата на моем блоге

Обратный звонок

Тоже важный инструмент повышения количества заявок. Человек оставляет свой номер, система связывает вас и клиента за 30+- секунд и вы уже общаетесь. Посетитель приятно удивлен такой скоростью, а у вас новый клиент. Этот инструмент тоже есть у Jivosite . Подробный обзор сервиса от меня можете почитать тут.

Метрика

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

Ретаргетинг

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

ЦРМ отвечает за то, чтобы ни одна заявка с сайта не пропала, чтобы по каждой заявки вы понимали какое действие нужно сделать (перезвонить, отправить КП, встретиться, напомнить о себе через 14 дней и пр.). Это актуально если у вас поток клиентов, если же 2-3 в месяц, то думаю что CRM вам не нужна.

Наиболее популярные CRM это:

  • AmoCRM (цена 499 — 1499 рублей/месяц)
  • Битрикс24 (цена, от бесплатного тарифа до 11990 рублей/месяц)
  • Таблица Гугл , Exel или ручка с листочком (если нужно совсем бюджетно)

Калькулятор

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

Пример создания калькулятора на сервисе uCalc

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

Сбор базы подписчиков

Ели вы решили собирать контакты клиентов в базу подписчиков, чтобы потом делать емейл или смс рассылку, то нужно использовать специальный сервис. Можете рассмотреть SendPulse , недавно я делал обзор на этот сервис, который можете почитать здесь. У СендПульс есть бесплатный тариф, с помощью которого вы можете протестировать сервис. Если не его, то есть и другие предложения на рынке, например MailerLite, UniSender, JustClick , GetResponse и пр.

Этап 9. Проверка

Итак! Все настроили, подключили, сайт уже в интернете, ура, молодцы. Теперь самое время его проверить. Что именно проверять?

Проверка текста

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

Проверка адаптивности

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

Проверка кнопок

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

Проверка форм заявки

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

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

Вы можете посмотреть примеры лендингов, которые я разработал в разделе сайта «КЕЙСЫ»

Если Вам нужно сделать лендинг на заказ, пишите в комментариях или оставляйте заявку на странице «КОНТАКТЫ»

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

Полезные ссылки:

  • Статья про составление заголовков по технологии 4U
  • Вебинар «Как создать продающий landing page»
  • Статья «Что такоел Лендинг пейдж»
  • Первые 12 уроков курса «Лендинг на WordPress»
  • Видео «Цвет. Беспроигрышное сочетание»
  • Статья «65 трендов веб-дизайна в 2020 году»
  • Статья «Как создать сайт на WordPress. Пошаговое руководство»
  • Подборка «80 шаблонов WordPress для Elementor»
  • Подборка «40 лендинг пейдж шаблонов для WordPress 2020 года»
  • Шрифты Google Fonts

Пишите в комментариях ваши мысли. До встречи в других статьях!

Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL