RU
EN
Для маркетологов важно понимание того, какие места и элементы сайта заставляют пользователей совершить действие или просто остановить скроллинг — всё это делает тепловая карта сайта. Это помогает работать с конверсией на сайте и корректировать маркетинговую стратегию. Сегодня поговорим о том, что такое тепловая карта, подробно разберём её виды и раскроем несколько сервисов для их создания.
Тепловая карта, или heatmap — набор данных о поведении пользователей на сайте, изображённый в цветовой гамме.
При высокой активности место на сайте отмечается тёплым цветом, а при слабой — холодным. Под активностью подразумеваются клики, скроллинг, наведение курсора, выделение элементов сайта, прокрутка страницы.
Виды тепловых карт
Всего существует 3 типа тепловых карт: карта кликов, карта скроллинга и карта ссылок. Рассмотрим каждый из них подробнее.
Карта кликов
Она показывает самые кликабельные места на сайте. Например:
- Если пользователи пытаются открыть некликабельную картинку — вполне возможно им не хватает размера, чтобы увидеть изображение и стоит поменять её на более качественную (при этом добавив возможность кликнуть для приближения);
- или чётко видно, что юзеры пытаются нажать на главный логотип сайта, очевидно, они интуитивно пытаются попасть на главную с другой страницы, но логотип не кликабелен.
Плохой показатель на заполнениях форм значит, что стоит поработать над вашим call to action.
Преимущества карты кликов
- Дружественность сайта. Если пользователи кликают по местам, где нет возможности перехода — нужно работать с этими элементами. Частые случаи, как и говорилось выше: логотип сайта или номер телефона (который перебрасывает на звонок).
- Работа с элементами. При наличии нескольких вариантов одного элемента вы можете ставить каждый из них на неделю и в конце периода смотреть на результаты в тепловой карте. Самый популярный вариант будет ярко красного цвета.
- Улучшение дизайна сайта. Наиболее кликабельные элементы можно переместить в заметные блоки и увеличить шрифт на кнопках, либо подобрать более читабельный.
- Проверка и улучшение контента. Если тепловая карта говорит, что пользователи часто заходят в раздел «О нас» — проверьте актуальность данных и попробуйте оставить там часть воронки, например, форму с данными пользователя.
- Поиск перспективных тем. Если на сайте есть блог с хештегами, можно увидеть, на какие хештеги часто кликают пользователи, и использовать данные при выборе тем для контент-плана.
Карта ссылок
Принцип работы такой же, как и с кликами, только здесь работа ведётся по страницам сайта. На примере онлайн-магазина: находясь в главном меню, вы увидите, какие категории, разделы и другие УРЛы с переходами самые популярные.
Да, вы можете увидеть то же самое и по продажам товаров, но что если пользователи также часто заходят смотреть 2 другие категории, но даже не кладут товар в корзину? И статистика продаж и созданных заказов здесь не поможет.
Преимущества карты ссылок
- Показывает популярные товары. Если в товарную карточку часто переходят, товар перспективен. В ином случае можно сделать следующее: поменять ссылку-описание, поменять позиционирование товара или убрать его.
- Прорабатывает конверсионность. Самые востребованные товары и услуги можно выделить цветом или рамкой(как платные объявления на Авито) и переместить на более видное место.
- Уточнение интересов пользователей. В этом плане могут быть информативны ссылки в подвале сайта. Например: посетители сайта прочитав основной контент страницы, переходят категорию «бесплатных предложений» или «кейсов», можно продублировать эти ссылки на первом экране и улучшить поведенческие факторы.
Карта скроллинга
Визуально отображает активность пользователей на экранах сайта. Чем теплее цвет, тем дольше юзер задерживается на блоке.
Преимущества карты скроллинга
- Видна оценка пользователей. Карты скроллинга поможет убрать лишние блоки, определить длину текстов и так далее.
- Лучшее место для ссылок. Размещайте в тёплых блоках скроллинга основные внутренние ссылки, это увеличит CTR и продажи сайта.
- Выбор вида ленты. Карта скроллинга покажет, что может быть эффективнее в вашем случае — бесконечная прокрутка или пагинация.
Сервисы для создания тепловых карт
Яндекс Метрика
Самый распространённый онлайн-сервис с тепловыми картами полностью бесплатный. Платформа интуитивно понятная и многофункциональная. Предоставляет разные виды отчетов, в том числе тепловые карты.
Виды карты кликов:
- Классическая с теплыми и холодными цветами.
- Монохромная, где наиболее кликабельные элементы выделяются плотным темным цветом, а непопулярные — прозрачным.
- Прозрачная, где карта отображается как туманная маска: чем четче элемент, тем чаще кликают.
- Клики по ссылкам и кнопкам: в этом случае не будут отображаться нажатия по некликабельным элементам.
Стоимость: бесплатно.
Виды тепловых карт: карта скроллинга, карта кликов, карта ссылок.
Mouseflow
Широкоформатный англоязычный сервис. Если с языком всё в порядке — разобраться будет нетрудно. На сайте создатели обещают повысить конверсию и оптимизацию сайта с помощью продукта. На бесплатном тарифе вы можете записать и сохранить 100 пользовательских сессий на 30 дней. Для пробы сервиса в работе этого достаточно. Из минусов: нет карт ссылок.
Стоимость: от 24 до 199 €.
Виды тепловых карт: карта скроллинга, карта кликов.
Hotjar
Кроме аналитики с помощью тепловых карт сервис позволяет скачивать данные и отправлять их по почте(понадобится в случае, когда сам аккаунт администраторский, а работать с данными будет аналитик). Внутри сервиса тепловые карты хранятся 1 год. Есть бесплатный тариф с полным функционалом, который подойдёт владельцам малого или начинающего бизнеса.
Стоимость: от 39 до 389 € в месяц.
Виды тепловых карт: карта скроллинга, карта кликов.
Заключение
Подытожим: если уметь пользоваться тепловыми картами — они принесут больше пользы, чем может показаться. Чем крупнее бизнес, тем полезнее функции тепловых карт. Так как самые объективные выводы строятся на больших данных. Инструмент стоит как минимум попробовать, ведь есть и сервисы с достойными бесплатными версиями.
