Heatmap

Heatmap (тепловая карта) — это визуализация того, как посетители взаимодействуют со страницей: куда кликают, как далеко прокручивают, куда двигают курсор. Тёплыми цветами выделены места с наибольшей активностью, холодными — с наименьшей.

Зачем нужна тепловая карта

Цифры аналитики показывают, что посетители уходят, но не объясняют почему. Тепловая карта показывает причину: люди кликают по картинке, которая не является ссылкой, не доходят до формы, не замечают главную кнопку. На основе такой картины улучшают страницу, а не гадают.

Какие бывают тепловые карты

• Карта кликов — где и сколько раз нажимали. Видно, какие элементы привлекают внимание и какие кнопки игнорируют.
• Карта скроллинга — до какого места страницы доходят посетители. Показывает, какая часть контента остаётся незамеченной.
• Карта движения курсора — куда смотрит и перемещает курсор пользователь на компьютере (приблизительно совпадает с вниманием).
• Карта внимания — на чём посетитель задерживается дольше всего (аттентив-карта в Яндекс Метрике).

Как использовать на практике

1. Выберите страницы. Начните с тех, которые приносят трафик и заявки: главная, страница услуги, форма заказа.
2. Подключите инструмент. Подходят карты в Яндекс Метрике (вместе с Вебвизором), Microsoft Clarity, Hotjar.
3. Дождитесь достаточно данных. На страницу должно прийти хотя бы несколько сотен сессий, иначе картина случайна.
4. Смотрите мобильные и десктоп отдельно. На телефоне люди ведут себя иначе, чем за компьютером.
5. Сформулируйте гипотезы: например, «кнопка заказа теряется на фоне блока отзывов».
6. Проверьте гипотезу A/B-тестом и сравните конверсию до и после.

Пример

На странице курса большая часть кликов приходится на фотографию преподавателя, которая не является ссылкой, а кнопка «Записаться» в первом экране почти не получает кликов. Вывод: сделать фото кликабельным (ведёт к программе) и перенести кнопку выше, а потом сравнить конверсию версий.

Частые ошибки

• Делать выводы по малому числу визитов.
• Смотреть только карту кликов и не смотреть скроллинг.
• Не разделять устройства.
• Менять сразу много элементов и не понимать, что сработало.

Как проверить результат

Сравните конверсию страницы в цель, долю прокрутки до ключевого блока и число кликов по главной кнопке до и после правок за одинаковые по длительности периоды.

Что изменилось к 2026 году

Бесплатные инструменты (Microsoft Clarity, карты Метрики) сделали тепловые карты доступными любому сайту. Появились AI-сводки по записям сессий, но выводы всё равно должен проверять специалист. Для GEO тепловые карты помогают убедиться, что прямой ответ на вопрос клиента находится в первом экране и его замечают.

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

Чем тепловая карта отличается от Вебвизора?

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

Сколько данных нужно для тепловой карты?

Ориентир — несколько сотен сессий на страницу. Для небольших сайтов смотрите динамику за больший период.

Связанные материалы

• Вебвизор
• Clickmap (карта кликов)
• Eye-tracking
• A/B-тестирование
• Below the fold: что находится ниже первого экрана