Тепловая карта показывает, куда пользователи смотрят, куда кликают и до какого места скроллят. За 10 минут работы с картами кликов и скролла можно найти проблемы, которые не видны в обычных отчётах Метрики. Объясняем, как читать эти данные и что с ними делать.
Какие тепловые карты существуют и чем они различаются
Карта кликов
Показывает, куда пользователи кликают на странице. Горячие зоны (красные) - много кликов, холодные (синие) - мало или совсем нет. Помогает обнаружить: - Клики по некликабельным элементам (текст, картинки, которые пользователи принимают за кнопки) - Игнорирование основной CTA-кнопки - Активность в «неожиданных» местах страницы
Частая находка: пользователи активно кликают на заголовок блока с ценами, думая, что это ссылка. Добавление ссылки или кнопки в этом месте дало бы дополнительные конверсии.
Карта скролла
Показывает, до какого места страницы доходит большинство пользователей. Обычно отображается в процентах: 90% пользователей видят первые 30% страницы, 50% - первые 60%, и так далее.
Это критичная информация для лендинга: если ключевой блок с преимуществами или формой заявки находится в зоне, куда доходит только 20% посетителей, он практически не работает.
Карта движения мыши
Отслеживает, как курсор двигается по странице. Считается, что движение мыши коррелирует с движением взгляда, хотя это не точное соответствие. Помогает понять, какой контент пользователи «читают» (водят мышью), а какой пропускают.
Записи сессий
Строго говоря, это не тепловая карта, но инструменты обычно идут в комплекте. Запись сессии - видео поведения конкретного пользователя: куда двигал мышь, где останавливался, что заполнял. Ценно для понимания конкретных сценариев поведения.
Инструменты для российского рынка
Яндекс Метрика - бесплатный инструмент, встроенный в сервис. Содержит карту кликов, карту скролла и записи визитов (Вебвизор). Для большинства лендингов этого достаточно.
Как включить:
1. В настройках счётчика Метрики активируйте «Вебвизор» и «Карта кликов»
2. Добавьте в код сайта параметр webvisor:true в настройках счётчика
3. Данные начнут накапливаться сразу после активации
Hotjar - платный зарубежный инструмент, более гибкий, но с санкционными рисками для российских компаний (оплата картой Visa/MC может не пройти). Бесплатный план ограничен 35 сессиями в день.
Microsoft Clarity - бесплатный инструмент от Microsoft. Работает без ограничений, хранит записи сессий, есть базовые тепловые карты. Хорошая альтернатива для тех, кто хочет что-то помимо Метрики.
Что смотреть в первую очередь
Линия сгиба (fold)
Линия сгиба - граница первого экрана, то, что пользователь видит без прокрутки. В карте скролла это зона, где резкий переход от «видели почти все» к «видели значительно меньше».
На типичном десктопе это примерно 700-800px от верха страницы. На мобильном - 500-600px. Всё, что выше линии сгиба, видит почти 100% пользователей. Уже на глубине 100% высоты экрана остаётся обычно 60-70% аудитории.
Что делать: убедитесь, что ключевое предложение, заголовок и главный CTA находятся выше линии сгиба. Если на первом экране только красивая картинка и слоган без конкретики - это проблема.
Зоны нулевой активности
Найдите блоки страницы, куда пользователи совсем не кликают и не взаимодействуют. Часто это: - Блок с «наградами» и «сертификатами» в виде картинок без ссылок - Длинные текстовые блоки без структуры - Слайдеры (карусели), второй и последующие слайды которых никто не смотрит
Если блок занимает 15% длины страницы, но не получает ни одного клика и пользователи быстро прокручивают его - подумайте, нужен ли он вообще или его стоит переработать.
Клики на некликабельных элементах
В Яндекс Метрике можно найти клики по элементам, которые не являются ссылками или кнопками. Если пользователи кликают на фотографию товара, ожидая увеличения, а её нет - это потеря вовлечённости. Если кликают на подчёркнутый текст, думая, что это ссылка - это дизайнерская ошибка.
Поведение вокруг формы
Отдельно изучите зону формы заявки: - Много кликов внутри формы, но мало отправок - значит, форма сложная или что-то блокирует отправку - Клики на кнопку «Отправить», но форма не уходит - проблема с валидацией (поля заполняются неправильно, но ошибка незаметна) - Пользователи кликают рядом с формой, но не на неё - возможно, форма «не выглядит как форма», теряется на фоне
Карта скролла: нормативные показатели
Для лендинга длиной 3-4 экрана (типовая посадочная страница) нормальные показатели прокрутки выглядят так:
| Глубина прокрутки | Средний показатель |
|---|---|
| 25% | 80-90% пользователей |
| 50% | 55-70% пользователей |
| 75% | 35-50% пользователей |
| 100% | 20-35% пользователей |
Если до 50% страницы доходит менее 40% пользователей - первый экран плохо мотивирует к чтению. Если до 100% доходит менее 10% - страница либо слишком длинная, либо контент второй половины неинтересен.
Анализ по сегментам
Большая ошибка - смотреть тепловую карту в целом, без сегментации. Поведение мобильных и десктоп-пользователей кардинально различается.
Мобильные пользователи: - Глубже скроллят (привыкли к длинным лентам) - Кликают менее точно (пальцем сложнее попасть в маленькую кнопку) - Чаще кликают на телефонный номер напрямую
Десктоп-пользователи: - Лучше взаимодействуют с формами - Больше читают текст - Активнее кликают по ссылкам в тексте
В Яндекс Метрике можно включить сегментацию по типу устройства прямо в режиме просмотра карты кликов или скролла.
Также сегментируйте по источнику трафика: пользователи из Яндекс Директа (горячие) ведут себя иначе, чем из социальных сетей (холоднее, нужно больше убеждения).
Практический процесс анализа
- Соберите минимум 500-1000 визитов на карту. С меньшим объёмом данные будут шумными.
- Начните с карты скролла. Найдите линию сгиба и зону «мёртвой зоны» (резкое падение до менее 20%).
- Переключитесь на карту кликов. Найдите горячие зоны вне CTA-элементов и пустые зоны на важных блоках.
- Посмотрите 10-15 записей сессий - выберите записи пользователей, которые пробыли на странице более 1 минуты, но не оставили заявку. Они дойдут до формы и уйдут - смотрите почему.
- Составьте список гипотез. Каждая проблема - это гипотеза для теста: «если добавить кнопку в этом месте, клики вырастут».
- Внесите изменения и дайте накопиться новым данным (ещё 500-1000 визитов).
Заключение
Тепловые карты - это не красивые картинки для отчётов. Это диагностический инструмент, который показывает конкретные проблемы: что пользователи ищут и не находят, что игнорируют, где теряются.
Главные вещи, которые стоит проверить в первую очередь: - Линия сгиба: основное предложение и CTA видны без прокрутки - Карта скролла: пользователи доходят до формы заявки - Клики на некликабельных элементах: нет «ложных» ссылок - Зона формы: клики есть, но отправок мало - значит, форма проблемная - Мобильные vs десктоп: анализируйте отдельно, не смешивайте
Инструменты бесплатны (Яндекс Метрика, Microsoft Clarity), времени на анализ нужно час-два. Зато каждая найденная проблема - это конкретный процент к конверсии.