Тепловые карты Метрики: как искать инсайты

Цифры в отчётах говорят, что заявок мало, но не объясняют, почему. Тепловые карты в Яндекс.Метрике достраивают картину: видно, куда люди жмут, до какого экрана прокручивают и какие поля формы их останавливают. После часа анализа карт обычно появляется список конкретных правок сайта.

01Какие карты есть в Метрике и зачем

В Яндекс.Метрике четыре основные карты. У каждой своя задача.

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

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

02Карта кликов: что искать

Откройте страницу и посмотрите, где «горит ярче всего». Полезные паттерны:

Клики туда, где нет ссылки

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

Никто не жмёт на главную CTA

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

Кликают по соседнему элементу

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

Кликают по навигации, а не по контенту

На лендинге это часто означает: первый экран не убедил, и человек ищет, куда уйти. Проверьте оффер и заголовок.

03Карта скролла: где теряете людей

Карта показывает плотность посетителей на каждой высоте страницы. Где «остывает» цвет — там массовый уход.

Что искать:

• Резкое падение на первом экране. До второго экрана не доходит половина — критичное состояние. Чаще всего проблема в долгой загрузке, неубедительном заголовке или невнятном оффере.
• Падение перед прайсом. До цены доходят, но «лишний» блок-преграда (длинная история компании, фото офиса) забирает внимание. Переставьте прайс выше или сократите блок.
• Все доходят до конца, но не оставляют заявку. Скролл хороший, кликов на форму нет — значит, не работает форма или CTA-блок в конце.
• Длинный «холодный» хвост. До нижней трети страницы доходят единицы. Уберите этот блок или поднимите смысловой контент выше.

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

04Карта движения и зоны внимания

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

На что смотреть:

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

Карта движения — не точная наука. Не делайте революцию на одной картинке. Сверяйте с кликами, скроллом и Вебвизором.

05Аналитика форм: где люди бросают

Отдельный отчёт Метрики по формам — недооценённый инструмент. Он показывает:

• сколько человек начали заполнять форму;
• какие поля заполнили, какие — нет;
• на каком поле бросают;
• сколько времени тратят на каждое поле.

Типичные находки:

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

Чаще всего лечение простое: убрать лишние поля, объяснить, зачем номер телефона, заменить капчу на менее агрессивную.

06Сегментация: смотрите карты по сегментам

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

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

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

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

По устройствам мобильной ОС. Иногда находится баг конкретного браузера: на iOS Safari форма не отправляется — Метрика это видит.

07От карт к правкам: чек-лист

Карты сами по себе денег не приносят. Ценность — в правках сайта по их следам. Минимальный рабочий цикл:

1. Раз в месяц открывайте карты ключевых страниц: главной, страниц услуг, лендинга под рекламу.
2. Записывайте 3–5 наблюдений по каждой странице — без поспешных выводов.
3. Сверяйтесь с записями Вебвизора по тем же сегментам — что видно «в живом» поведении.
4. Формулируйте гипотезу: «если убрать поле X, конверсия формы вырастет».
5. Внедряйте по одному изменению за раз, чтобы понимать, что сработало.
6. Через месяц сравните карты и цифры: цель достигнута — гипотеза подтверждена.

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

Официальная документация по теме — Справка Яндекс.Вебмастера.