Что такое тепловая карта сайта и зачем она нужна

Тепловая карта, или heatmap — это наглядное представление набора данных для анализа поведения посетителей, где все действия посетителей отображаются в цветовой форме

Чем больше кликов, тем выше цветовая температура. Высокая активность маркируется красным цветом, низкая — зеленым и синим. Активность в данном случае — это наведение курсора, клики, выделение элементов сайта, прокрутка страницы.

Виды тепловых карт

Существуют три вида тепловых карт:

• карта кликов;
• карта ссылок;
• карта скроллинга.

Рассмотрим каждый вид в отдельности.

Тепловая карта кликов

Карта кликов показывает, на какие элементы страницы и как часто кликают пользователи. Иногда карта может показать, что посетители нажимают на некликабельные картинки. Значит, надо их либо убрать, либо придать смысловую нагрузку и сделать кликабельными.

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

Задачи, которые решает тепловая карта кликов:

1. Оценка юзабилити сайта. Если кликают по элементам, которые не являются ссылками, формами или переходами в другие разделы, с юзабилити явные проблемы. Часто подобное происходит с логотипом сайта и телефонами. Лучше делать их кликабельными.
2. Выявление наиболее привлекательных элементов. Если на сайте предусмотрены несколько вариантов дизайна кнопки конверсионного действия и несколько вариантов Call to action, карта кликов поможет выявить наиболее перспективный вариант.
3. Улучшение дизайна сайта. Наиболее кликабельные элементы можно переместить в самые заметные блоки, а тексты на кнопках сделать более читабельными.
4. Выявление самых популярных разделов и усиление их контента. Если посетители часто интересуются страницей «О нас», рационально проверить контент страницы на информативность, убедительность и конверсионность.
5. Поиск перспективных тем. Если на сайте есть блог с хештегами, можно увидеть, на какие хештеги часто кликают пользователи, и использовать данные при выборе тем для контент-плана.

Читайте также:

Как увеличить конверсию сайта: 30 рабочих способов

Тепловая карта ссылок

Она показывает, по каким ссылкам переходят посетители конкретного сайта. Например, в какие разделы меню они заглядывают, какие карточки товаров изучают, используют ли кликабельный номер телефона. С помощью тепловой карты ссылок можно проанализировать и внутренние, и главную страницу сайта...

Задачи, которые решает тепловая карта ссылок:

1. Определение самых ходовых товаров. Если в товарную карточку часто переходят, товар перспективен. Если нет, возможны три варианта: переработать ссылку-описание, чтобы она была более мотивирующей, поменять позиционирование товара или вывести его из ассортимента.
2. Доработка дизайна сайта. Самые востребованные товары и услуги логично выделить более заметно с точки зрения дизайна и, возможно, перенести на более видное место.
3. Уточнение интересов пользователей. В этом плане могут быть информативны ссылки в подвале сайта, если он оформлен грамотно. Например, если посетители сайта часто, почитав основной контент страницы, переходят в раздел бесплатных предложений или кейсов, можно продублировать эти ссылки на первом экране и улучшить поведенческие факторы.

Читайте также:

Что такое поведенческие факторы сайта в Яндексе и почему они важны

Тепловая карта скроллинга

Она визуализирует процесс скроллинга — просмотр посетителем конкретной страницы сайта. Блоки, на которых посетитель задерживается, подсвечиваются ярким красным, блоки, которые не вызывают интереса и просто прокручиваются — бледно-зеленым.

Задачи, которые решает тепловая карта скроллинга:

1. Взгляд на контент глазами пользователя. Такие карты помогут убрать лишние блоки, определиться с оптимальной длиной текстов на сайте.
2. Определение лучшего места для размещения ссылок. Если вы заинтересованы, чтобы по внутренним ссылкам на сайте переходили, лучше размещать их в блоках, которые привлекают внимание посетителей.
3. Выбор вида ленты. Карта скроллинга покажет, что может быть эффективнее в вашем случае — бесконечная прокрутка или пагинация

Все это влияет на поведенческие факторы, а через них и на продвижение сайта в поисковых системах.

Присоединяйтесь к нашему Telegram-каналу!

• Теперь Вы можете читать последние новости из мира интернет-маркетинга в мессенджере Telegram на своём мобильном телефоне.
• Для этого вам необходимо подписаться на наш канал.

Плюсы и минусы тепловых карт

Тепловые карты сайтов — инструмент во многом недооцененный. Часто владельцы сайтов вообще не знают об их существовании. И это большой недочет, ведь работа с тепловыми картами дает много плюсов владельцу бизнеса, маркетологу, разработчику сайта, специалисту по контент-маркетингу. Мы видим не меньше 4 плюсов:

1. Наглядность. Цветовая визуализация позволяет представить большие массивы данных в максимально простой и наглядной форме. Это экономит время на аналитику, ведь окинуть взглядом тепловую карту намного проще, чем работать с теми же данными, но представленными в таблицах.
2. Возможность доработать сайт. Анализ тепловых карт подскажет, какие элементы сделать кликабельными, какие разделы убрать из текста, где разместить рекламный баннер, а где добавить призыв к действию, чтобы повысить эффективность обработки трафика и конверсию сайта.
3. Улучшение юзабилити. Повышая функциональность элементов сайта, например, форм захвата, сделав заметными переход от раздела к разделу, вы желаете сайт удобнее для посетителей — и они воспринимают его более лояльно.
4. Рост позиций сайта в поисковой выдаче. Дорабатывая контент, визуальное оформление и юзабилити на основе данных тепловых карт можно снизить количество отказов, увеличить время пользовательских сессий — поисковые роботы увидят это, и сайт будет лучше ранжироваться в поисковой выдаче

У любой медали есть две стороны — и у тепловых карт тоже есть свои минусы. Но их немного.

1. Недостаточность данных. Основной минус — в том, что у маркетолога или владельца сайта/бизнеса появляется соблазн делать выводы только на основании данных тепловых карт. Фактически же более рационально использовать и другие аналитические инструменты, чтобы достоверность данных была наилучшей.
2. Большинство сервисов создания тепловых карт — платные. Стоимость использования полного функционала таких сервисов может быть очень ощутимой для стартапов и небольших бизнесов.

Продвижение сайта в ТОП-10

• Оплата по дням нахождения в ТОП
• Подбираем запросы, которые приводят реальных покупателей!

Сервисы для создания тепловых карт

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

«Яндекс Метрика»

Сайт: https://metrika.yandex.ru/

Стоимость: бесплатно

Виды тепловых карт: карта скроллинга, карта кликов, карта ссылок

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

У сервиса хорошо работающая служба поддержки, к которой можно обратиться в онлайн-режиме непосредственно из «Яндекс Метрики». На вопросы техподдержка отвечает быстро, подробно, профессионально.

Можно настроить следующие виды карты кликов:

• Классическая с переходом от теплого красного к холодному зеленому.
• Монохромная, где наиболее кликабельные элементы выделяются плотным темным цветом, а непопулярные — прозрачным.
• Прозрачная, где карта кликов отображается как туманная маска: чем четче элемент, тем чаще по нему кликают.
• Клики по ссылкам и кнопкам: в этом случае не будут отображаться нажатия по некликабельным элементам.

Минус только один, и то условный — с сервисом нужно разобраться, посвятив этому некоторое время.

Читайте также:

Полный гайд по «Яндекс.Метрике» для начинающих

Mouseflow

Сайт: https://mouseflow.com/

Стоимость: от 24 до 199 €.

Виды тепловых карт: карта скроллинга, карта кликов

Многофункциональный англоязычный сервис. Довольно удобный интерфейс, если в ваш браузер встроен переводчик...

Сервис заявляет о 165 000 пользователей и обещает помощь в оптимизации сайта и повышении его конверсии. Есть бесплатный тариф, который позволяет записать и сохранить на 30 дней 100 пользовательских сессий — все очень похоже на цветной вебвизор.

Минусы — нет карты ссылок. А если вы хотите получить больший объем информации, то придется выбрать один из платных тарифов.

Freshmarketer

Сайт: https://www.freshworks.com/crm/features/heatmap/

Стоимость: от 19 до 299 $.

Виды тепловых карт: карта скроллинга, карта кликов

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

У сервиса есть расширение для популярных браузеров (кроме «Яндекс.Браузера»), которые помогут просматривать тепловые карты прямо на сайте, без перехода на внешние площадки.

Минусы — нет карты ссылок. На сервисе заявлен бесплатный тариф, но с оговоркой: «0 $/месяц, но при этом ежегодно выставляется счет за 100 маркетинговых контактов». Платить все-таки придется!

Hotjar

Сайт :https://www.hotjar.com/

Стоимость: от 39 до 389 € в месяц, есть бесплатный тариф

Виды тепловых карт: карта скроллинга, карта кликов

Еще одна информативный англоязычный сервис с функцией создания тепловых карт. Он позволяет не просто создавать тепловые карты, но и скачивать для анализа или отправлять адресатам по электронной почте. На сайте карты хранятся в течение 365 дней.

Разработчики сервиса информируют, что Hotjar используют в 180 странах мира. Есть полностью бесплатный базовый тариф, которого вполне достаточно для небольшого бизнеса.

Минусы — нет карты ссылок. Для расширения функционала предусмотрены платные тарифы

Читайте также:

Подборка 10 сервисов для сокращения ссылок

Heat-map

Сайт: http://heat-map.co/

Стоимость: от 29 до 79 $ в месяц, заявлен бесплатный тариф

Виды тепловых карт: карта кликов

Англоязычный сервис, который существенно отличается от всех, представленных выше. Он работает без подключения к сайту, просто анализируя по собственным алгоритмам заданную страницу по ссылке. Статистику сервис не собирает.

После регистрации пользователь создает новый проект, вставляет ссылку на страницу, которую хочет проанализировать, и через 2-3 минуты должен получить тепловую карту.

Но…

При дальнейших попытках использования сервис предлагает заплатить, хотя заявлен полностью бесплатный тариф.

Минусы — относиться серьезно к Heat-map с его непонятной системой расчета пользовательской активности и запросом на оплату после 2 неудачных попыток оснований нет.

Подводим итоги

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

1. Разработка/доработка контент-стратегии. Определите лучший объем контента и перспективные темы.
2. Редизайн сайта. Сделайте более заметными значимые конверсионные элементы.
3. А/В-тестирование. Узнайте, какая версия оформления сайта наиболее привлекательна для посетителей.
4. Создание дружелюбного интерфейса. Сделайте сайт максимально удобным для пользователей. Отслеживайте, как изменения интерфейса меняют их поведение.
5. Сравнение поведения пользователей на десктопных и мобильных устройствах. Посмотрите, как воспринимаются одни и те же элементы сайта с ПК, планшета или смартфона.

Важно помнить, что тепловые карты наиболее эффективны в сочетании с другими аналитическими инструментами.

Комплексная веб-аналитика

• Позволяет видеть каждый источник трафика, его качество — процент конверсии по каждой кампании, группе объявлений, объявлению, ключевому слову.
• Даст понимание насколько качественный трафик дает каждый канал, стоит ли в него вкладываться или стоит ограничить.