Тепловая карта показывает, что посетители делают на странице: куда кликают, до какого места долистывают, где бросают форму. Инструмент бесплатный и есть у всех, но пользы от него мало по одной причине — большинство останавливается на созерцании разноцветных пятен. Ниже — сколько нужно данных, чтобы карте вообще можно было верить, в каком порядке смотреть отчёты и что делать с каждой типичной находкой.
Сразу важная рамка: карта показывает «где», но не «почему». Она находит место проблемы, а причину вы увидите в записях визитов. Поэтому работают они только в паре.
Что показывает тепловая карта
За словом «тепловая карта» обычно скрывается набор из нескольких отчётов:
- Карта кликов — все нажатия на странице, включая клики по элементам, которые ничем не являются.
- Карта ссылок — переходы только по настоящим ссылкам и кнопкам, с долей от общего числа.
- Карта скроллинга — до какой глубины долистывают страницу и где внимание обрывается.
- Аналитика форм — сколько людей начали заполнять, на каком поле остановились, сколько отправили.
- Записи визитов — видеозаписи сессий, где видно движение курсора, паузы и метания.
Всё это есть в Яндекс Метрике бесплатно, отдельный сервис для старта не нужен. Разница между картами кликов и ссылок кажется формальной, но именно первая ценнее: она ловит клики по тому, что пользователь принял за ссылку. Это прямая подсказка о его ожиданиях.
Сколько нужно данных, чтобы карте можно было верить
Самая частая ошибка — открыть карту на странице с тремя десятками визитов и начать делать выводы. Три пятна на такой выборке — это не поведение, а случайность: пара человек кликнула в одно место, и алгоритм честно нарисовал вам «горячую зону».
Что важно учитывать:
Считайте по странице, а не по сайту. Двадцать тысяч визитов на сайт ничего не говорят о конкретной странице услуги, куда зашло сорок человек. Карта строится по одному адресу.
Ориентир — сотни визитов на страницу. Точного порога не существует, но на выборке в несколько сотен картина уже устойчива: пятна перестают прыгать от недели к неделе. Если данных мало, у вас два пути — либо накопить, либо смотреть записи визитов, где даже пять сессий дают пищу для размышлений.
Смотрите мобильные и десктоп отдельно. Это разные аудитории с разной вёрсткой и разной длиной прокрутки. Общая карта смешивает их и усредняет до бессмыслицы.
Учитывайте период. Карта за неделю распродажи не описывает обычное поведение. Сравнивать «до и после» тоже нужно на сопоставимых по длине и по сезону периодах.
В каком порядке смотреть карты
Порядок экономит время, потому что каждый следующий отчёт отвечает на вопрос, который поставил предыдущий.
Первым — скроллинг. Он отвечает на главный вопрос: а дошли ли вообще до того места, о котором вы собираетесь спорить. Если 70% посетителей не долистывают до блока с ценами, обсуждать формулировку в этом блоке рано.
Вторым — клики. Теперь понятно, в какой зоне люди вообще присутствуют, и можно смотреть, что они там нажимают, а что игнорируют.
Третьим — формы, если на странице есть форма. Здесь видно не «дошли ли», а «справились ли».
Последними — записи визитов. К этому моменту у вас есть гипотеза и понятно, какие именно сессии отсматривать. Смотреть записи наугад с самого начала — самый дорогой способ потратить вечер.
Типичные находки и что с ними делать
| Что видите | Что это значит | Что делать |
|---|---|---|
| Клики по тексту или картинке, где нет ссылки | Человек ждал здесь перехода | Сделать элемент ссылкой на подходящую страницу |
| Много быстрых повторных кликов по кнопке | Кнопка не отзывается или работает медленно | Проверить скорость отклика и состояние кнопки при нажатии |
| Скролл обрывается до ключевого блока | Блок стоит слишком низко | Поднять выше или сократить то, что над ним |
| Активность вокруг главной кнопки, но не по ней | Кнопка не читается как кнопка | Изменить формулировку, контраст, размер |
| Клики по декоративной картинке | Ожидание увеличения или галереи | Добавить увеличение либо заменить изображение |
| Форма бросается на конкретном поле | Поле непонятное, лишнее или сложное | Убрать, упростить, добавить подсказку |
| Основная активность в меню, а не в контенте | Человек не нашёл ответ и ищет дальше | Переработать первый экран под запрос страницы |
| Клики по неактивным пунктам меню | Ожидание раздела, которого нет | Добавить раздел или убрать пункт |
Главное правило чтения: каждая находка — это гипотеза, а не диагноз. Клики по картинке могут означать желание её увеличить, а могут — что человек принял её за кнопку. Что именно происходит, покажут записи визитов.
Что тепловая карта говорит SEO-специалисту
Тепловые карты обычно обсуждают как инструмент конверсии. Но они не менее полезны для работы над самими страницами, и вот три сюжета, которые стоит смотреть именно с этой стороны.
Длинный текст внизу страницы. Классическая ситуация коммерческих сайтов: под каталогом лежит большой SEO-текст. Карта скроллинга почти всегда показывает, что до него доходят единицы. Это не повод текст удалять — но повод пересобрать: сократить, разбить на блоки, поднять полезные части выше, а не оставлять монолит, который никто не читает. Пользы от текста, до которого не долистывают, нет ни читателю, ни поисковику.
Клики по некликабельным словам — карта будущей перелинковки. Если люди упорно тыкают в упоминание услуги или термина в тексте, они прямо говорят, что ждут там ссылку. Это лучший источник идей для внутренней перелинковки: ссылка ставится туда, где в ней возникла потребность, а не туда, где вам удобно её вписать.
Поведение посетителей из поиска отличается от общего. Человек, пришедший по запросу, приходит с конкретным ожиданием, и ведёт себя иначе, чем тот, кто зашёл с главной. Смотрите карты в сегменте по источнику: часто выясняется, что страница-вход из поиска не отвечает на запрос в первом экране, хотя для остальных посетителей она работает нормально.
Как поведение посетителей связано с позициями и что поисковик из него считывает — отдельная большая тема, мы разбирали её в статье про поведенческие факторы.
Сквозной пример: страница услуги
Чтобы всё выше не осталось теорией, разберём типичный заход на страницу услуги, куда идёт трафик из поиска, а заявок почти нет.
Скроллинг. Первое, что видно: до формы заявки внизу страницы долистывает малая часть посетителей. Внимание обрывается примерно на середине — там, где начинается длинный блок «о компании».
Клики. В верхней части страницы люди активно нажимают на строку с описанием тарифа — хотя это обычный текст без ссылки. Главная кнопка «Оставить заявку» при этом почти не собирает нажатий, зато рядом с ней есть активность.
Форма. Из тех, кто до неё дошёл, больше половины начинают заполнять и останавливаются на поле с комментарием к заявке.
Записи визитов. Пять сессий показывают одно и то же: человек читает начало, ищет цену, не находит и уходит либо в меню, либо со страницы.
Гипотезы и действия. Цена — главный невыясненный вопрос, поэтому блок с условиями поднимается выше, а раздел «о компании» уезжает вниз. Строка тарифа становится ссылкой на подробное описание — люди уже показали, что ждут там перехода. Поле комментария делается необязательным. Кнопка получает понятную формулировку вместо общей.
Ключевое здесь — что все четыре решения выведены из наблюдений, а не из вкуса. И проверять их тоже придётся по одному.
Что смотреть в первую очередь на разных типах сайтов
Приоритеты отличаются, и начинать с одного и того же отчёта везде — потеря времени.
Интернет-магазин. Карточка товара: доходят ли до характеристик и отзывов, кликают ли по фотографиям в ожидании увеличения, замечают ли выбор размера или цвета. В каталоге — пользуются ли фильтрами или прокручивают всё подряд.
Сайт услуг. Страница услуги: доходят ли до цен и формы, где обрывается чтение, кликают ли по элементам, которые выглядят как ссылки на подробности.
Блог и информационные сайты. Карта скроллинга по длинным статьям: до какого места дочитывают, где падает интерес. Плюс клики по внутренним ссылкам — видно, какие темы читателя действительно уводят дальше.
Лендинг. Здесь скроллинг важнее всего: одна длинная страница, и вся её логика построена на последовательности блоков. Если до половины не долистывают, значит порядок блоков неверный.
Почему карта пустая или врёт
Прежде чем делать выводы, стоит убедиться, что вы смотрите на реальные данные.
Счётчик стоит не на всех страницах. Самая банальная причина пустой карты. Проверяется просмотром кода страницы.
Динамические блоки и одностраничные приложения. Если контент подгружается без перезагрузки, карта может привязать клики не к тому состоянию страницы. Пятна окажутся в пустых местах просто потому, что в момент клика там был другой блок.
Разные разрешения экрана. Карта сводит данные с разных устройств к одной картинке, и на нестандартной вёрстке пятна смещаются относительно элементов. Помогает просмотр по конкретным разрешениям.
Всплывающие окна. Если через несколько секунд появляется поп-ап, часть кликов придётся на него, а на карте они лягут поверх обычной страницы — там, где визуально ничего нет.
Блокировщики. Часть аудитории режет счётчики, и эти визиты в карту не попадают. На выборках в сотни визитов это не искажает картину принципиально, но помнить об этом стоит.
Слишком короткий период. Возвращаемся к первому разделу: мало данных — красивая, но бесполезная картинка.
Проверять всё это стоит до того, как вы начнёте перекраивать страницу. Обидная, но регулярная история: команда неделю спорит о расположении блока, а потом выясняется, что половина кликов на карте — это нажатия по всплывающему окну, которого в разметке страницы вообще нет.
Десктоп и мобильные — разные карты
Смотреть общую карту по всем устройствам почти всегда ошибка. Причины:
- вёрстка разная: на мобильных блоки идут друг под другом, порядок часто не совпадает с десктопным;
- длина прокрутки разная: то, что на десктопе помещается в первый экран, на телефоне уезжает на второй-третий;
- зоны досягаемости разные: на телефоне удобнее нажимать в нижней части экрана, и элементы наверху собирают меньше нажатий просто из-за физики хвата;
- сценарии разные: с телефона чаще звонят и пишут в мессенджер, с десктопа — читают и сравнивают.
Практический вывод: если трафик преимущественно мобильный, а карту вы смотрите общую, вы фактически анализируете чужую страницу. Тем более что мобильная версия сегодня — основная для поисковика, о чём мы писали в материале про мобильную версию и mobile-first.
Как проверить, что изменение сработало
Порядок простой, но требует дисциплины.
Меняйте по одной вещи. Если вы одновременно подняли блок с ценами, переписали кнопку и убрали два поля из формы, то при любом результате не узнаете, что именно сработало.
Ждите сопоставимый период. Сравнивать неделю с месяцем нельзя. Сравнивать неделю перед праздниками с обычной — тоже.
Сравнивайте те же сегменты. Если до правок вы смотрели мобильных из поиска, после правок смотрите их же.
Смотрите не только карту. Карта покажет, что до блока стали доходить чаще. Дошло ли дело до заявок, покажут цели в аналитике — про работу с конверсией мы писали отдельно.
Чек-лист первого анализа
- Выбрана конкретная страница с достаточным трафиком, а не сайт целиком.
- Проверено, что счётчик работает на этой странице.
- Данных набралось хотя бы несколько сотен визитов.
- Мобильные и десктоп разделены.
- Сначала посмотрена карта скроллинга, потом клики.
- Отмечены клики по некликабельным элементам — это список гипотез.
- Проверено, доходят ли до ключевого блока страницы.
- Просмотрено 5–10 записей визитов по проблемному месту.
- Сформулирована одна гипотеза и одно изменение.
- Назначена дата повторного замера.
Когда стоит смотреть глубже
Тепловые карты хорошо показывают проблемы отдельной страницы. Когда вопрос шире — почему трафик есть, а заявок нет, или почему страницы с хорошими позициями не приносят обращений, — карт уже мало: нужно смотреть связку «запрос → страница-вход → поведение → цель» целиком.
Это часть нашего аудита сайта: мы смотрим, куда приходят люди из поиска, что они делают дальше и на каком шаге теряются. Первичный аудит перед началом работы — бесплатный.
