Тепловая карта показывает, куда чаще всего кликают и двигают курсор пользователи. Горячие зоны — где много внимания, холодные — где не смотрят. Сразу видно, какие элементы работают как CTA, а какие игнорируют.
Полезна для CRO-исследований: куда добавить кнопку, что переставить, что вообще убрать. Доступна в Яндекс Метрике (бесплатно), Hotjar, Microsoft Clarity.
Типы карт: клики, движения мыши, скролл (как глубоко доходят пользователи), внимание (где останавливаются). Каждый тип отвечает на свой вопрос про поведение.
Тепловая карта главной страницы edtech-проекта: 70% кликов идут на верхнюю кнопку «попробовать бесплатно». Никто не доходит до раздела с курсами ниже первого экрана.
Тепловая карта показывает «что», но не «почему» — это её главное ограничение. Видно, что блок с ценами не кликают, но карта не скажет, дорого людям или они просто не доскроллили. Поэтому клики смотрят в связке с картой скролла: если 80% аудитории не доходят до второго экрана, «мёртвый» блок внизу не проблема контента, а проблема его позиции. В Яндекс Метрике это разные отчёты в одном Вебвизоре — карта кликов, карта скролла и карта ссылок; сопоставлять их нужно вручную.
Главная ловушка — карта кликов на мобильных и десктопе перемешана. Палец и курсор ведут себя по-разному, и усреднённая картинка врёт. В Метрике и Clarity фильтруйте по типу устройства, иначе «горячая» зона может оказаться артефактом тапов по мобильному меню-бургеру. Ещё один источник мусора — карта показательна только при достаточном объёме: на 50 визитах пятна случайны, осмысленные выводы начинаются от пары тысяч сеансов на конкретном экране. Связывайте находки с воронкой конверсии и проверяйте гипотезы через Вебвизор — запись отдельного сеанса объясняет то, что усреднённая карта только намекает.
Наложение кликов, движений и глубины скролла всех визитов на скриншот страницы цветом.
Важный блок без кликов или экран, до которого не доскроллили, — кандидаты на перестановку или удаление.
Двигают CTA выше, чистят отвлекающие элементы, затем проверяют эффект на конверсии и в Вебвизоре.
Карта скролла лендинга услуги показала: до формы заявки внизу доходят 12% посетителей, тогда как до отзывов на втором экране — 64%. Форму продублировали под отзывами, и доля визитов, увидевших её, выросла с 12% до 58% без правок дизайна.