Тепловая карта сайта: как читать клики, скролл и внимание

Граница материала. Разбираем интерпретацию карт кликов, скролла и внимания. Настройка всей Яндекс Метрики, UX-исследование и расчёт конверсии остаются отдельными задачами.

Что показывает тепловая карта

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

Что сделать. Зафиксируйте результат этапа «Что показывает тепловая карта» и источник данных.

Ошибка. Не делайте вывод по этапу «Что показывает тепловая карта» без сопоставимого периода и проверки исходных данных.

Подготовьте страницу к анализу

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

Что сделать. Зафиксируйте результат этапа «Подготовьте страницу к анализу» и источник данных.

Ошибка. Не делайте вывод по этапу «Подготовьте страницу к анализу» без сопоставимого периода и проверки исходных данных.

Соседний этап разобран отдельно — см. Яндекс Метрику. Это помогает не смешивать разные интенты в одном материале.

Карта кликов

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

Что сделать. Зафиксируйте результат этапа «Карта кликов» и источник данных.

Ошибка. Не делайте вывод по этапу «Карта кликов» без сопоставимого периода и проверки исходных данных.

Карта скролла

Отчёт показывает долю аудитории на разных уровнях страницы. Резкий спад требует проверки контента и источника, но не доказывает, что блок выше плохой.

Что сделать. Зафиксируйте результат этапа «Карта скролла» и источник данных.

Ошибка. Не делайте вывод по этапу «Карта скролла» без сопоставимого периода и проверки исходных данных.

Карта внимания

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

Что сделать. Зафиксируйте результат этапа «Карта внимания» и источник данных.

Ошибка. Не делайте вывод по этапу «Карта внимания» без сопоставимого периода и проверки исходных данных.

Соседний этап разобран отдельно — см. веб-аналитику. Это помогает не смешивать разные интенты в одном материале.

Разделите устройства

Один и тот же блок занимает разное место на телефоне и компьютере. Смешанный отчёт скрывает проблемы мобильного меню, липкой кнопки и длинного первого экрана.

Что сделать. Зафиксируйте результат этапа «Разделите устройства» и источник данных.

Ошибка. Не делайте вывод по этапу «Разделите устройства» без сопоставимого периода и проверки исходных данных.

Сегментируйте трафик

Реклама, поиск, постоянные читатели и новые посетители приходят с разным ожиданием. Сравнивайте группы на одинаковой версии страницы и равном периоде.

Что сделать. Зафиксируйте результат этапа «Сегментируйте трафик» и источник данных.

Ошибка. Не делайте вывод по этапу «Сегментируйте трафик» без сопоставимого периода и проверки исходных данных.

Свяжите карту с событиями

Клик становится полезным сигналом, когда рядом известны отправка формы, запуск бота, покупка или переход к продукту. Иначе оптимизируется движение курсора.

Что сделать. Зафиксируйте результат этапа «Свяжите карту с событиями» и источник данных.

Ошибка. Не делайте вывод по этапу «Свяжите карту с событиями» без сопоставимого периода и проверки исходных данных.

Соседний этап разобран отдельно — см. конверсию лендинга. Это помогает не смешивать разные интенты в одном материале.

Сформулируйте гипотезу

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

Что сделать. Зафиксируйте результат этапа «Сформулируйте гипотезу» и источник данных.

Ошибка. Не делайте вывод по этапу «Сформулируйте гипотезу» без сопоставимого периода и проверки исходных данных.

Проверьте результат

После накопления сопоставимого объёма сравните не цвет карты, а целевое действие и защитные метрики. Сохраните версии и даты эксперимента.

Что сделать. Зафиксируйте результат этапа «Проверьте результат» и источник данных.

Ошибка. Не делайте вывод по этапу «Проверьте результат» без сопоставимого периода и проверки исходных данных.

Редакторская ситуация 1. На этапе «Что показывает тепловая карта» команда сначала фиксирует исходное состояние, затем меняет только один управляемый элемент. Карта агрегирует действия многих сеансов и окрашивает элементы по относительной активности. Цвет означает частоту внутри выбранного отчёта, а не качество решения посетителя. Практическое решение: Зафиксируйте результат этапа «Что показывает тепловая карта» и источник данных. При разборе результата отдельно проверяют риск: Не делайте вывод по этапу «Что показывает тепловая карта» без сопоставимого периода и проверки исходных данных.

Редакторская ситуация 2. На этапе «Подготовьте страницу к анализу» команда сначала фиксирует исходное состояние, затем меняет только один управляемый элемент. До просмотра карты запишите цель страницы, главное действие, вторичные переходы и период без крупных изменений. Иначе красивое пятно нельзя связать с задачей. Практическое решение: Зафиксируйте результат этапа «Подготовьте страницу к анализу» и источник данных. При разборе результата отдельно проверяют риск: Не делайте вывод по этапу «Подготовьте страницу к анализу» без сопоставимого периода и проверки исходных данных.

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

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

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

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

Редакторская ситуация 7. На этапе «Сегментируйте трафик» команда сначала фиксирует исходное состояние, затем меняет только один управляемый элемент. Реклама, поиск, постоянные читатели и новые посетители приходят с разным ожиданием. Сравнивайте группы на одинаковой версии страницы и равном периоде. Практическое решение: Зафиксируйте результат этапа «Сегментируйте трафик» и источник данных. При разборе результата отдельно проверяют риск: Не делайте вывод по этапу «Сегментируйте трафик» без сопоставимого периода и проверки исходных данных.

Редакторская ситуация 8. На этапе «Свяжите карту с событиями» команда сначала фиксирует исходное состояние, затем меняет только один управляемый элемент. Клик становится полезным сигналом, когда рядом известны отправка формы, запуск бота, покупка или переход к продукту. Иначе оптимизируется движение курсора. Практическое решение: Зафиксируйте результат этапа «Свяжите карту с событиями» и источник данных. При разборе результата отдельно проверяют риск: Не делайте вывод по этапу «Свяжите карту с событиями» без сопоставимого периода и проверки исходных данных.

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

Редакторская ситуация 10. На этапе «Проверьте результат» команда сначала фиксирует исходное состояние, затем меняет только один управляемый элемент. После накопления сопоставимого объёма сравните не цвет карты, а целевое действие и защитные метрики. Сохраните версии и даты эксперимента. Практическое решение: Зафиксируйте результат этапа «Проверьте результат» и источник данных. При разборе результата отдельно проверяют риск: Не делайте вывод по этапу «Проверьте результат» без сопоставимого периода и проверки исходных данных.

Редакторская ситуация 11. На этапе «Что показывает тепловая карта» команда сначала фиксирует исходное состояние, затем меняет только один управляемый элемент. Карта агрегирует действия многих сеансов и окрашивает элементы по относительной активности. Цвет означает частоту внутри выбранного отчёта, а не качество решения посетителя. Практическое решение: Зафиксируйте результат этапа «Что показывает тепловая карта» и источник данных. При разборе результата отдельно проверяют риск: Не делайте вывод по этапу «Что показывает тепловая карта» без сопоставимого периода и проверки исходных данных.

Редакторская ситуация 12. На этапе «Подготовьте страницу к анализу» команда сначала фиксирует исходное состояние, затем меняет только один управляемый элемент. До просмотра карты запишите цель страницы, главное действие, вторичные переходы и период без крупных изменений. Иначе красивое пятно нельзя связать с задачей. Практическое решение: Зафиксируйте результат этапа «Подготовьте страницу к анализу» и источник данных. При разборе результата отдельно проверяют риск: Не делайте вывод по этапу «Подготовьте страницу к анализу» без сопоставимого периода и проверки исходных данных.

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

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

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

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

Редакторская ситуация 17. На этапе «Сегментируйте трафик» команда сначала фиксирует исходное состояние, затем меняет только один управляемый элемент. Реклама, поиск, постоянные читатели и новые посетители приходят с разным ожиданием. Сравнивайте группы на одинаковой версии страницы и равном периоде. Практическое решение: Зафиксируйте результат этапа «Сегментируйте трафик» и источник данных. При разборе результата отдельно проверяют риск: Не делайте вывод по этапу «Сегментируйте трафик» без сопоставимого периода и проверки исходных данных.

Чек-лист перед публикацией

Что изучить дальше

• Яндекс метрику — отдельный материал по соседней задаче.
• Веб-аналитику — отдельный материал по соседней задаче.
• Конверсию лендинга — отдельный материал по соседней задаче.
• Сегментацию аудитории — отдельный материал по соседней задаче.
• Событийную аналитику — отдельный материал по соседней задаче.
• Персонализацию сайта — отдельный материал по соседней задаче.