SPECIAL PAGES

AMAZING LAYOUTS

Коротко

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

Александр Евстигнеев, основатель AVE Design StudioОбъясняем на пальцах
Для продавщицы

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

Для пятиклассника

Игра может быть интересной, но если нет кнопки «Старт», никто не начнёт играть. Конверсионный слой — это кнопка «Старт».

Для тёщи

Вы пришли за творогом, а на прилавке — сто банок без ценников. Конверсионный слой — это ценники и вежливое «возьмите вот эту».

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

Конверсионный слой сайта: оффер, блоки, призыв, формы и дизайн

Четыре слоя упаковки сайта

СлойЧто в нёмВопрос, на который отвечает
СмысловойТексты, аргументы, факты, кейсыЧто вы предлагаете и почему это мне надо?
ВизуальныйФото, шрифты, цвета, сеткаВыглядит ли это надёжно?
ТехническийСкорость, мобильная версия, формы, МетрикаРаботает ли это без раздражения?
КонверсионныйОффер, блоки, кнопки, формы, дизайн действийЧто мне сделать прямо сейчас?

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

Пять рычагов заявок

  1. Оффер — главное обещание на первом экране. Подробно — в статье как писать оффер.
  2. Последовательность и число блоков — маршрут от «что это?» до «оставляю заявку». Лишний блок — лишний повод уйти. Скелет описан в статье про 7 обязательных блоков.
  3. Призыв к действию — что именно нажать и почему это не страшно. См. лестницу призывов.
  4. Формы захвата и виджеты — форма на первом экране, квиз, всплывающее окно на выходе, кнопка мессенджера.
  5. Дизайн — не «красиво», а «ведёт взгляд к кнопке»: контраст, стрелки, взгляд человека на фото в сторону формы.

Почему люди не читают, а смотрят

По записям Вебвизора картина почти всегда одна. Человек пролистывает страницу за 20–40 секунд, задерживаясь на заголовках, цифрах и картинках. Вчитываются единицы — около 2%, и это чаще всего не покупатели, а любопытные коллеги.

Отсюда три правила:

  • Заголовок важнее абзаца. Половину времени на текст тратьте на заголовок.
  • Заголовок — это смысл, а не рубрика. Не «О нас», а «12 лет строим дома в Подмосковье, 340 объектов сданы».
  • Факты вместо прилагательных. «Быстро» не читается, «за 4 часа» читается.
Совет

Быстрая самопроверка: откройте свой сайт на телефоне, посмотрите 5 секунд и закройте. Сможете сказать, что продают, где и что нажать? Если нет — проблема в конверсионном слое, а не в рекламе.

Что тестировать в первую очередь

Порядок — от самого сильного рычага к самому слабому:

  1. Микросегментация — под кого страница. Одна страница под всех почти всегда хуже трёх под каждого.
  2. Оффер — главное обещание.
  3. Призыв к действию — формулировка кнопки.
  4. Формы захвата — где стоят, сколько полей, что обещаем взамен.
  5. Картинка первого экрана.
  6. Смыслы в заголовках блоков.
  7. Порядок и число блоков.
  8. Дизайн.
  9. Цена: показывать или нет.
  10. Квиз вместо формы.
  11. Виджеты: чат, обратный звонок, мессенджеры.

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

Примеры гипотез для A/B-тестов

Правила простые: один тест за раз, цель в Метрике на заявку, решение — после 2–4 недель или 100+ конверсий на вариант.

НишаБылоСталоЧто мерить
Ремонт квартирОдна страница «Ремонт под ключ»Две: для новостроек и для вторички, с разными кейсамиКонверсия в заявку по каждому сегменту
Стоматология«Имплантация по доступным ценам»«Имплант под ключ от X ₽ — цена в договоре не меняется»Конверсия в консультацию
ОкнаФорма из 5 полей внизуФорма из 2 полей на первом экране с подписью «расчёт придёт в мессенджер»Доля отправивших форму
Мебель на заказ14 блоков, кейсы в конце8 блоков, кейсы сразу после оффераКонверсия и доля дошедших до формы
Автосервис«Цена по запросу»Таблица «от X ₽» на 5 популярных работЗвонки и онлайн-записи

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

Какая конверсия нормальная

СтраницаКонверсияЧто делать
Лендинг под Директ с правильной структуройот 5%Норма
Квиз-лендинг в услугах8–12% и вышеНорма
Любой сайтменьше 2%Разбирать сайт, а не рекламу

Типичные ошибки

  • Менять цвет кнопки, когда не понятен оффер.
  • Писать заголовки-рубрики вместо заголовков-смыслов.
  • Прятать форму и цену «в подвале».
  • Тестировать пять вещей сразу и не знать, что сработало.
  • Один и тот же сайт для новостройки и вторички, для директора и закупщика.

Что проверить у себя

  • На первом экране конкретный оффер с фактом, а не слоган.
  • Блоки идут маршрутом: проблема, решение, доказательства, условия, заявка.
  • На каждом экране понятно, какое одно действие от меня ждут.
  • Форма есть на первом экране и повторяется ниже.
  • В форме 1–3 поля, рядом написано, что человек получит.
  • Заголовки блоков несут смысл и цифры.
  • Есть квиз или калькулятор для тех, кто не готов звонить.
  • Цели на кнопки, формы и квиз настроены в Метрике.
  • Записи Вебвизора просмотрены хотя бы по 20 визитам.

С чего начать, если сайт уже есть? С пятисекундного теста и записей Вебвизора, затем оффер и форма на первом экране — самые дешёвые правки с самым большим эффектом. Методика проверки — в статье аудит сайта на 100 баллов.

Александр Евстигнеев, основатель AVE Design StudioМнение Александра ЕвстигнееваОснователь AVE Design Studio
«Цвет кнопки меняют те, кто боится поменять оффер.»

Частые вопросы

Алиса, что такое конверсионный слой сайта?

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

Какая конверсия сайта считается нормальной?

Для лендинга под Директ с правильной структурой — от 5%. Квиз-лендинги в услугах дают 8–12% и выше. Меньше 2% — повод разбирать сайт.

Что тестировать на сайте в первую очередь?

Сегмент (под кого страница) и оффер. Только потом кнопку, формы и дизайн: чем дальше по списку, тем слабее рычаг.

Сколько читают текст на сайте?

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

Через сколько можно делать вывод по A/B-тесту?

Через 2–4 недели или после 100+ конверсий на вариант. Тестируйте один рычаг за раз.

Как это выглядит у клиентов

Все кейсы →

Александр Евстигнеев, основатель AVE Design Studio
Материал разбираетАлександр ЕвстигнеевОснователь AVE Design Studio, маркетолог

В рекламе и сайтах с 1998 года. Сертифицированный специалист Яндекс Директ Про и Яндекс Метрики. Студия — сертифицированный партнёр «1С-Битрикс» с 2012 года. Эксперт в эфирах Первого канала, ТВЦ, РЕН ТВ, Матч ТВ и Мир 24.

О компании →Контакты

Опубликовано .

Поделиться:TelegramVK