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

Глава 1. Понимание принципов Landing Page. Что такое лендинг, чем он отличается от обычного сайта и чем полезен предпринимателям.

Глава 2. Этапы создания лендинга. Как определить цели и понять свою аудиторию, как сделать прототип и о чем писать на лендинге.

Глава 3. Анатомия лендинга: функциональные элементы. Из каких блоков состоит лендинг, что обязательно должно быть на сайте.

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

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

Соотношение целевых визитов и визитов, которые не привели к выполнению цели, называется конверсией. Ее измеряют в процентах.
Конверсия — главный показатель эффективности сайта, но для каждого бизнеса он будет свой. Нет оптимального значения, по которому можно сказать, что у сайта высокая или низкая конверсия.
Алексей продает курс за 2 000 рублей. Посещаемость его сайта без рекламы — 100 человек в день. В среднем 3 из них покупает курс. Конверсия сайта —3%. Алексей не тратит ничего, но все равно зарабатывает.

Однажды он купил дорогую рекламу в популярном блоге за 80 000 рублей. По рекламе на сайт перешло 1000 человек, а курс купили 30. Конверсия сайта осталась прежней — 3%. Но Алексей потратил на 20 000 рублей больше, чем заработал. Конверсии сайта недостаточно, чтобы окупить затраты на рекламу.
Если конверсии совсем нет, сайт работает неэффективно. Что-то мешает людям выполнить главную цель. Надо узнать, что именно им мешает и исправить это.

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

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

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

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

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

Счетчики нужны, чтобы понять поведение пользователей. Вы увидите, кто приходит на сайт, откуда они приходят и что делают на сайте.
1. Установите счетчики
Чтобы улучшить сайт, надо понять, кто и как им пользуется. Счетчики покажут, откуда люди приходят, что им мешает делать покупки и как много времени они проводят на сайте. Эти знания помогут оптимизировать вашу страницу. Например, вы узнаете, что основная часть трафика идет на сайт из Фейсбука, а ВКонтакте — неэффективный для вас канал. Сможете сэкономить на рекламе и сосредоточиться только на Фейсбуке.

Самые популярные счетчики — это системы аналитики и статистики Яндекс.Метрика и Гугл Аналитикс.
У сайтов на Тильде есть встроенная статистика, она показывает основные, самые важные параметры: сколько людей пришло на сайт и откуда, сколько провели времени, какие страницы просмотрели, какие целевые действия совершили.
Статистика и поведение на сайте помогут понять, что мешает людям совершить покупку. Например, слишком запутанная структура, много текста или они просто не могут найти кнопку. Без этих данных любые изменения на сайте будут происходить вслепую. Счетчики нужны, чтобы делать гипотезы и проводить тестирование.
И у Яндекс.Метрики, и у Гугл Аналитикс есть свои преимущества, поэтому установите оба. Если раньше вы не пользовались системами аналитики, рекомендуем поначалу использовать Яндекс.Метрику. Она проще и понятнее. Счетчик Гугла тоже установите. Дальше мы расскажем, как с его помощью проводить тестирования.

Чтобы установить счетчики на сайт, нужно быть зарегистрированным в Яндексе и Гугле.
Вот так выглядит установка Яндекс.Метрики
Заходим в Яндекс.Метрику и нажимаем «добавить счетчик». Называем счетчик как вам нравится, добавляем сайт. Нажимаем «Создать счетчик».
В настройках обязательно поставьте галочку у «Вебвизора». Это одна из самых полезных функций, она как будто снимает на камеру, что конкретный пользователь делает на сайте
Теперь перейдите в настройки сайта. Во вкладке Аналитика&SEO найдите пункт «ЯНДЕКС МЕТРИКА» и нажмите «подключить». Тильда предложит выбрать один из ваших счетчиков. Выберите тот, который создали для нового сайта.

Подключение Гугл Аналитикс выглядит очень похоже, порядок действий тот же самый.
Алексей поставил счетчики Яндекса и Гугла, но использует только Метрику Яндекса. Во-первых, он к ней больше привык, во-вторых, она проще выглядит. А еще в Метрике есть Вебвизор, самый интересный инструмент. Аналитикс Гугла Алексей использует, чтобы проводить тестирования.
Практика
Зарегистрируйтесь в Яндексе и Гугле. Используйте свою почту или заведите новые аккаунты, с которыми будете работать в системах аналитики. Подключите счетчики к сайту.
2. Оптимизируйте сайт
Люди не всегда запоминают названия и адреса сайтов. Побывав однажды на сайте, потом человек может искать его по ключевым словам и обрывкам информации. Кто-то будет просто искать нужный товар, даже не зная о вас. Чтобы пользователи легко находили ваш сайт, оптимизируйте его, то есть сделайте видимым для поисковых систем. Чем лучше оптимизирован сайт, тем проще его найти через поиск Яндекс и Google.

Бывает техническая оптимизация и оптимизация текста. Сейчас рассмотрим только техническую оптимизацию, необходимую, чтобы сайт было проще найти. В Тильде оптимизация сайта делается в настройках страницы.
Заголовок и описание
Эти поля видно на странице выдачи, когда ищешь сайт через поиск. Здесь за внимание пользователя борются сразу много сайтов. И человек скорее кликнет туда, где видит понятную для себя выгоду. Точные заголовок и описание повышают шансы на то, что выберут именно ваш сайт.
У хорошего заголовка и описания две основы: понятное пользователю предложение и ключевые слова.
Понятное предложение — это ровно то, что пользователь получит на вашем сайте. Найти подходящие вам ключевые слова можно в Яндекс подбор слов.
Яндекс подбор слов
Заголовок — это название страницы и название ссылки в результатах поиска. Еще заголовок отображается, если навести курсор на вкладку. Это один из самых важных моментов для продвижения, поэтому составьте точный заголовок с ключевыми словами. Максимум 12 слов или 70 символов. Например, «Продажа и доставка кожаных сумок в Петербурге».

Описание — это краткая суть всей страницы. Описание стоит под названием ссылки на странице поисковой выдачи. Опишите емко и понятно, что именно пользователь получит на странице. Максимум 180 символов. Например, «Шьем и доставляем сумки ручной работы. Через плечо, на спину, с лямками. Скидка 30% на вторую сумку».

Смотрите, в первом примере описание страницы сразу говорит, что будет на сайте.
Практика
Выберите популярные запросы в Яндекс подбор слов по вашей теме. Составьте заголовок и описание для вашей страницы.
У Алексея получились так:

Заголовок: Организация мероприятий — онлайн-курс для пиарщиков и маркетологов

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

Вот хороший пример. Заголовок и описание точно выражают пользу для читателя. Увидев такой тизер, легко решить, стоит ли переходить внутрь.
В сайтах на Тильде управлять отображением сайта в социальных сетях можно через вкладку Facebook and SEO. Здесь видно, как выглядит страница, если ей поделиться в Фейсбуке. Если ничего не менять, Фейсбук будет подтягивать Заголовок и Описание, которые указаны для отображения в поиске.

Чтобы все-таки изменить настройки, нажмите «Задать специальные meta-данные» и укажите заголовок и описание, которые будут отображаться только в социальных сетях. Изменить картинку можно во вкладке «Бейджик».
Настройка отображения заголовка и описания в Фейсбуке
Для соцсетей старайтесь подбирать яркие и необычные изображения. Здесь люди отдыхают, за их внимание борются бренды и развлекательные сообщества. На таком фоне нельзя выглядеть скучно.

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

Заголовок: Пиарщик? Давай к нам

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

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

Чаще всего люди приходят на его сайт из Фейсбука. Из ВКонтакте тоже много посещений, но не настолько. Поэтому Алексей решил больше публиковать во ВКонтакте. Там есть его аудитория, и надо активнее с ней работать. На сайте в среднем проводят 3:30 минут. Это нормальное время, можно успеть все вдумчиво просмотреть и прочитать.
Практика
Посмотрите, как менялась статистика на вашем сайте. Откуда приходит больше всего трафика? Какие социальные сети дают вам трафик, а с какими работать бесполезно?
2. Смотрите карту кликов
Эта карта подсвечивает участки на сайте, по которым кликают чаще всего. С ее помощью можно понять, на какие кнопки и ссылки пользователи нажимают, а какие игнорируют:
Карта кликов в Яндекс.Метрике
Красный цвет означает, что по этому месту кликают постоянно. Чем тусклее цвет, тем меньше кликов в выделенной области.
Как это понимать
Если по кнопке совсем не кликают, возможно, ее просто не видят. Это можно проверить в Вебвизоре, о нем будет позже.

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

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

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

Обратите внимание на эти детали и исправьте ситуацию.
3. Посмотрите карту скроллинга
Карта скроллинга показывает, где люди задерживаются на странице. С помощью этого инструмента можно выяснить оптимальную длину страницы и участки, которые никому не интересны.
Карта скроллинга в Яндекс.Метрике
Смотрите на цветовую шкалу в нижнем правом углу. Чем ярче цвет, тем больше времени пользователи проводят в этом месте. На шкале видно, что первый экран просматривают все. Потом активность падает, но появляется снова. Где-то в середине шкалы есть серый участок — его пользователи проскакивают почти не глядя.
Как это понимать
Пользователи проводят больше времени там, где им интересно или непонятно. Если текст интересный, люди задерживаются и читают. Если написано что-то непонятное, человек попробует разобраться. Но чаще мы все-таки тратим время на то, что нам нравится.

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

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

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

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

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


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

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

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

Каталоги. В какую сторону листают, с чего начинают изучать. Как смотрят товары в карусели — просто листают или открывают в полном размере.

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

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

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

В воронке продаж на сайте есть четыре основных шага:
1
Вовлечение пользователя
2
Путь пользователя по сайту
3
Покупка товара или услуги
4
Возвращение на сайт
На каждом этапе мы можем посмотреть, что делает посетитель и совершает ли нужные нам действия. Заодно попробуем проанализировать статистику, чтобы улучшить воронку продаж.
Вовлекайте с первого экрана
Первый экран на сайте привлекает внимание и объясняет, зачем человеку нужен этот продукт. Если этого не происходит, он просто закрывает вкладку. Возможно, продукт ему нужен и полезен, но посетитель не понял этого сразу. Наша задача в том, чтобы было понятно с первого экрана.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Первый вариант: Онлайн-курс с домашними заданиями для пиарщиков и маркетологов.

Второй вариант: Онлайн-курс для тех, кто хочет научиться делать мероприятия и не сливать бюджет.
Как придумать тему эксперимента
Есть элементы, которые надо тестировать всегда. Это оффер на первом экране и подписи кнопок. Другие темы экспериментов зависят от того, как именно посетители ведут себя на сайте. Выше мы анализировали поведение и составили список кнопок, по которым не кликают, и экранов, которые не читают. Все это и будем проверять.
1
Оффер. Один и тот же продукт можно представить как самый недорогой или как самый полезный. Пробуйте разные аргументы, обращайтесь к разным мотивациям.
2
Структура. Пробуйте разное расположение блоков и порядок изложения. Попробуйте убрать блоки, которые совсем не читают.
3
Изображения. Например, в одном варианте продукт может быть у модели, а во втором на чистом фоне.
4
Расположение кнопок. Пробуйте ставить кнопки в разных местах. Рядом с оффером, в само низу или после самого интересного аргумента.
Практика
Придумайте два эксперимента: с разными офферами и с порядком изложения на сайте. Подумайте, что еще на сайте вызывает у вас сомнения? Как это можно проверить с помощью эксперимента?
Как уменьшить стоимость лида
Лид — это пользователь, который пришел на сайт и выполнил целевое действие. Например, купил ваш товар или оставил почту.
Если для продвижения вы используете платную рекламу, стоимость такого лида можно посчитать. Например, вы потратили на таргетированную рекламу 1000 рублей. На сайт пришли 100 пользователей, 10 из них что-то сделали. Вы получили 10 лидов за 1000 рублей, то есть каждый из них стоит 100 рублей.

Стоимость лида — одна из самых важных метрик в продвижении лендинга. Она зависит от качества трафика, количества отказов и удобства сайта. Чтобы уменьшить стоимость, нужно работать со всеми тремя пунктами.
Качество трафика
Можно потратить 1000 рублей и привести совсем не тех людей на сайт. Они откроют первый экран, что-то посмотрят и уйдут. Просто потому, что ваше предложением им не интересно. Например, вы продаете дорогие кожаные сумки, а на сайт привели мам школьников, которые ищут рюкзак для первоклашек. Трафик на сайт есть, но не тот, что нужен. Даже если из 1000 пришедших кто-то купит товар, стоимость этой покупки для вас будет слишком высока.

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

Тогда Алексей попробовал новую аудиторию. Он нацелил рекламу на участников мероприятий по ивент-менеджменту. Аудитории там было меньше, трафика на сайт тоже, но регистраций стало больше. В среднем стоимость одной регистрации с рекламы уменьшилась.
Количество отказов
Отказы зависят от качества трафика и первого экрана. С трафиком уже разобрались, поговорим об экране. Оффер на странице должен однозначно рассказать о выгоде, которую получит пользователь. Если он не видит пользу, незачем оставаться на сайте. Даже если вы смогли найти хорошую аудиторию и привести ее на сайт с помощью рекламы, результата не будет, если первый экран вводит в заблуждение.
Алексей посмотрел процент отказов в Метрике. 2−3% — это совершенно нормально. Карта скроллинга тоже говорит, что люди активно смотрят первый экран и идут ниже. Значит, с оффером и первым экраном все в порядке.
Удобство сайта
Можно привести на сайт целевую аудиторию, заинтересовать ее первым экраном и все равно не получить конверсий. Например, если пользователи не смогут заполнить форму, не найдут кнопку или запутаются в сложной навигации на сайте. Деньги на рекламу потратите, а конверсий не будет. Стоимость лида получится высокой.

Поможет Вебвизор. Посмотрите несколько сеансов. Вот несколько типичных ошибок на лендингах, которые могут влиять на конверсию:
Непонятный оффер. Не объясняет, что пользователь получит на сайте.
1.
Длина утомляет. Если многие пользователи не доходят до конца, стоит подумать, как укоротить страницу.
3.
Однообразный контент. На сайте слишком много текста, мало фотографий. Изучать такое скучно и долго. А кому-то просто не нравится читать.
6.
Неопрятный дизайн. Огромные или слишком мелкие заголовки, некрасивые иконки, слишком много цветов и шрифтов. В глазах пестрит и сложно сосредоточиться.
5.
Кнопки и ссылки не видно. Если на них редко нажимают, возможно, их просто сложно найти.
2.
Текст и изображения не соотнесены друг с другом. Пользователь не понимает, к чему относится описание.
4.
Текст на кнопках или в подписи не мотивирует нажимать. Пользователь не понимает, что именно получит, нажав на кнопку.
8.
Элемент кажется кликабельным, хотя это не так. Пользователь несколько раз кликает, например, по иконке и разочарованно уходит, когда ничего не получает.
7.
У Алексея на сайте есть шаблон со сметой для мероприятия. Пользователи читают текст о нем, смотрят пример, но не скачивают. Курсор бессмысленно мечется, а потом пользователь уходит ниже.

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

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

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

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

Стало: Алексей отодвинул кнопку, чтобы она стала более заметной. Результат: нажимать на кнопку стали чаще.
3
Алексей начал показывать рекламу новой аудитории и увеличил количество публикаций во ВКонтакте.

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

Стало: Алексей начал чаще публиковать во ВКонтакте. Результат: трафик на сайт вырос, количество отказов не изменилось.
4
Протестировал разные офферы на сайте.

Было: оффер на сайте Алексея обещал обучение в интернете и домашние задания.

Стало: Алексей провел эксперимент с другим оффером. На этот раз главным аргументом было «вы уложитесь в смету и не сольете бюджет». Результат: процент отказов со вторым оффером уменьшился.

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

  • Отказы уменьшились на 1%. На сайт стали приходить нужные люди, которым интересно предложение Алексея. Новый оффер кажется им более убедительным.
  • Время на сайте уменьшилось на 30 секунд, а количество заявок выросло. Значит, пользователям стало проще понять свою выгоду и выполнить целевое действие.
  • Стоимость лида уменьшилась. Алексей тратит на рекламу столько же, а заявок получает больше.
Домашнее задание
1
Зарегистрируйтесь в Яндексе и Гугле. Подключите к сайту Яндекс. Метрику и Гугл Аналитикс.
2
Оптимизируйте сайт. Выберите подходящие ключи в Яндекс Подбор слов, составьте заголовок и описание сайта.
3
Подготовьте сайт к шерингу в соцсетях. Выберите изображение, если нужно, перепишите заголовок и описание
4
Откройте Яндекс Метрику и Гугл Аналитикс. Изучите, как выглядят тепловая карта, карта скроллинга и вебвизор. Не бойтесь ничего сломать, все равно не получится.
5
Изучите карту скроллинга. Какие части сайта вообще не просматривают?
6
Изучите карту кликов. Найдите ссылки и кнопки, на которые никто не нажимает.
7
Изучите вебвизор. Где пользователь начинает путаться и искать дорогу?
8
Настройте цели на сайте.
9
Подумайте, какие элементы на сайте вы хотите протестировать? Проведите тестирование.
10
Попробуйте посчитать стоимость лида. Сколько вы потратили на рекламу, а сколько получили регистраций или покупок на сайте.
Понравилась глава? Поделитесь с друзьями!
Текст: Филипп Бразговский
Дизайн, иллюстрации и верстка: Юлия Засс

Читайте другие лекции курса:
Создайте лендинг для вашего бизнеса
С Tilda Publishing сделать лендинг пейдж просто, быстро и бесплатно