Что такое тепловая карта сайта?

Это визуальное отображение поведения посетителей на странице. Карта кликов показывает, куда нажимают чаще всего (и куда жмут зря), карта скроллинга — до какого места доходят, карта движения мыши — где задерживают курсор. Цветом отмечается активность: «горячие» зоны привлекают внимание, «холодные» остаются незамеченными.

Что такое Вебвизор?

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

Что можно узнать из тепловых карт?

Ложные клики (люди жмут на некликабельные элементы, принимая их за ссылки), где обрывается внимание (если до формы или кнопки почти не доскролливают — их нужно поднять), какие блоки игнорируют, и где посетители застревают и бросают заполнение формы. Это конкретные проблемы, которые иначе не видны.

Где взять тепловые карты и Вебвизор?

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

Как использовать тепловые карты для роста конверсии?

Анализируйте поведение, находите проблемы (ложные клики, обрыв внимания, затыки в форме), формулируйте гипотезу по их устранению и проверяйте изменением, по возможности A/B-тестом. Важно делать выводы по массе сессий, а не по одному визиту: значимый паттерн виден на десятках записей, а единичное странное поведение может быть случайностью.

Что такое линия сгиба на карте скроллинга?

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

Как включить Вебвизор и карты в Яндекс.Метрике?

В настройках счётчика поставьте галочки «Вебвизор», «Карта кликов» и «Карта скроллинга». Данные начнут копиться с момента включения (задним числом их не получить). Держите включённой маскировку данных в формах, чтобы в записи не попадали пароли и личная информация.

Тепловые карты и Вебвизор

Обычная аналитика отвечает на вопрос «сколько» — сколько визитов, отказов, времени. Но она не объясняет «почему»: почему люди уходят, не нажимают кнопку, не доходят до формы. Вот тут и нужны тепловые карты и Вебвизор — инструменты, которые показывают поведение посетителя буквально глазами. Разберём, что они дают и как этим пользоваться.

Что это за инструменты

🖱 Карта кликов

Показывает, куда люди нажимают чаще всего — и куда жмут зря (на некликабельный текст или картинку, приняв их за ссылку).

📜 Карта скроллинга

До какого места страницы доходят посетители. Видно, где обрывается внимание и что почти никто не видит.

🎯 Карта движения мыши

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

🎥 Вебвизор

Запись визита как видео: видно весь путь человека — что читал, где замер, на чём ушёл.

Главное выносите выше линии сгиба — ниже доскролливает всё меньше людей.

Что из этого можно узнать

Ложные клики. Люди жмут на то, что не кликается, — значит, элемент выглядит как ссылка или кнопка. Сделайте его кликабельным или измените вид.
Где обрывается внимание. Если до важного блока (формы, оффера, кнопки) почти никто не доскролливает — его надо поднять выше.
Что игнорируют. Блок, который вы считаете важным, а его не замечают, — повод переделать или убрать.
Где затык в форме. На записях видно, на каком поле люди застревают и бросают заполнение.

Зачем это нужно

Тепловые карты и Вебвизор — это инструмент улучшения юзабилити и конверсии. Пара часов с ними часто объясняют про сайт больше, чем месяц догадок: вы видите реальные проблемы, а не предполагаемые. На основе увиденного формулируют гипотезы и проверяют их — например, A/B-тестом. Удобство сайта при этом улучшает и поведенческие факторы, которые учитывает поиск.

📊

В Рунете тепловые карты и Вебвизор бесплатно даёт Яндекс.Метрика — нужно лишь включить эти опции при настройке счётчика. Отдельные сервисы не обязательны.

⚠️ Смотрите на массу, а не на единичный визит. Один человек мог вести себя странно случайно. Выводы делайте, когда видите повторяющийся паттерн на десятках сессий — тогда это сигнал, а не совпадение.

Как включить в Яндекс.Метрике

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

Линия сгиба и карта скроллинга

Самый ценный ориентир на карте скроллинга — «линия сгиба» (fold): граница того, что видно на первом экране без прокрутки. Всё, что выше неё, увидят почти все; всё, что ниже, — уже меньшинство, и чем ниже, тем меньше. Отсюда практический вывод: оффер, ключевую кнопку, суть выносите выше сгиба. Если карта показывает, что до формы заявки доскролливает 15% посетителей, не стоит удивляться низкой конверсии — форму или ссылку на неё надо поднять. Карта скроллинга прямо подсказывает, где у внимания обрыв.

Что смотреть на разных страницах

У каждого типа страниц свои вопросы к картам. На лендинге — доходят ли до оффера и кнопки, не «съедает» ли внимание лишний блок. На карточке товара — видят ли цену, кнопку «купить», характеристики или застревают на галерее. В форме — на каком поле бросают заполнение (Вебвизор тут незаменим). В статье — дочитывают ли до конца, где теряют интерес, кликают ли по внутренним ссылкам. Подходите к картам с конкретным вопросом — так от них больше пользы, чем от бесцельного разглядывания.

Частые ошибки анализа

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

Тепловые карты, аналитика и A/B-тест — что когда

Три инструмента отвечают на разные вопросы, и путать их не стоит. Обычная аналитика (Метрика, счётчики) говорит «сколько» — сколько зашло, откуда, сколько ушло. Тепловые карты и Вебвизор отвечают «почему» — что люди реально делают на странице, где застревают, что игнорируют. A/B-тест отвечает «что лучше» — сравнивает два варианта на живых посетителях. Работают они в связке: аналитика показывает проблемную страницу, тепловая карта объясняет причину, а A/B-тест проверяет исправление. Начинать стоит с карт: они дешевле теста и часто сразу показывают, что чинить.

Как читать карту кликов

Цвет на карте кликов — это плотность внимания: красные зоны нажимают чаще всего, синие почти не трогают. На что смотреть в первую очередь:

Клики по некликабельному. Люди жмут на текст или картинку, считая их ссылкой, — сигнал сделать элемент кликабельным или убрать ложную «кнопочность».
Игнор важной кнопки. Главный призыв к действию синий — значит, он незаметен или стоит не там. Каким должен быть заметный призыв к действию — в отдельной статье.
Ложные цели. Клики уходят не туда, куда вы вели, — страница подсказывает пользователю неверный путь.

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

Коротко

Тепловые карты (кликов, скроллинга, движения мыши) и Вебвизор показывают не «сколько», а «как» ведут себя посетители. С их помощью видно ложные клики, где обрывается внимание, что игнорируют и где люди бросают форму. Это основной инструмент для улучшения юзабилити и конверсии: увидел проблему → сформулировал гипотезу → проверил A/B-тестом. В Рунете всё это бесплатно есть в Яндекс.Метрике — достаточно включить опции. Главное — судить по массе сессий, а не по одному визиту.