Тепловая карта
Тепловая карта — это визуализация поведения посетителей на странице. Она показывает, куда чаще всего кликают, как далеко прокручивают страницу и куда движется курсор — всё это в виде цветового наложения поверх самой страницы: холодные оттенки там, где активности почти нет, тёплые и красные — там, где её больше всего. Никакой таблицы с цифрами: только наглядная картинка, из которой сразу видно, где на странице «горячо», а куда посетители просто не добираются.
От Вебвизора тепловая карта отличается принципиально. Вебвизор записывает сессию каждого посетителя отдельно: можно посмотреть видео того, что делал конкретный человек. Тепловая карта суммирует всех сразу — не одна запись, а свод по всему трафику за выбранный период. Поэтому оба инструмента хорошо дополняют друг друга: тепловая карта говорит «вот проблемное место на странице», а запись в Вебвизоре помогает понять, что именно там происходит с конкретным посетителем. Смотреть только одно из двух — значит видеть половину картины.
Видов тепловых карт три. Карта кликов показывает, куда нажимают чаще всего — и нередко оказывается, что люди кликают по элементу, который вообще не является ссылкой: по картинке или заголовку, которые никуда не ведут. Карта скроллинга показывает, как далеко прокручивают страницу: хорошо видно, где обрывается внимание большинства посетителей — это и есть реальная граница первого экрана, а не та, что в макете. Карта движения курсора фиксирует, куда смотрит взгляд: он следует за мышью, и понятно, какие зоны страницы вообще замечают. В Яндекс.Метрике все три доступны бесплатно в разделе «Поведение».
Самое частое открытие при работе с тепловой картой — кнопка заявки, которую никто не видит. Она стоит ниже того места, где обрывается внимание большинства, а карта скроллинга это подтверждает наглядно: посетители уходят раньше, чем до неё добираются. При этом кнопка выглядит правильно, текст написан нормально — проблема не в содержании, а в позиции. Поднять её выше или добавить дублирующую в начало страницы — и цифры заявок меняются без переработки всего сайта. Именно так тепловые карты помогают улучшать страницы по данным, а не по ощущениям. Как разобрать три инструмента в деталях и превратить находки в конкретные улучшения — в статье про тепловые карты и карты кликов в Метрике.