Аналитика до макетов
Как по Вебвизору и карте кликов увидеть, где сайт теряет деньги — до того, как платить за редизайн
Есть два способа заказать редизайн.
Мы в RenEnso с этого и начинаем любой проект: сначала забираем доступ к Метрике и Вебвизору, находим конкретные точки, где утекают заявки, и только потом беремся за макеты — чтобы вы платили за устранение утечки, а не за перекраску стен.
Отчёты Метрики — отвечают на вопрос «сколько и где». Сколько людей пришло, сколько дошло до заявки, на каких страницах массово уходят, какая конверсия, что с мобильными. Это цифры: они оказывают масштаб проблемы и место.
Карты кликов и карта скроллинга — отвечают на «что делают». Куда люди на самом деле нажимают (часто — не туда, куда вы задумали) и докуда вообще долистывают страницу. Это картинка поверх вашего сайта.
Вебвизор — отвечает на «почему». Это записи реальных сессий: вы буквально смотрите глазами посетителя, как он ведёт мышкой, где замирает, что перечитывает, куда тыкает без результата и в какой момент закрывает вкладку.
«Сайт устарел, надо переделать красиво и современно».
Вот ради чего всё это. Сравните два брифа для дизайнера.
Дизайнер перерисует всё. Вы заплатите за весь сайт. Попадёт он в реальную проблему или нет — как повезёт.
Бриф вслепую:
«Трафик нормальный, но конверсия 1%. По аналитике вижу: 40% уходят с первого экрана за 5 секунд, до блока с ценами долистывает только треть, а на мобильной форме заявки бросают три четверти дошедших. Вот три места, где течёт».
С таким брифом дизайнер работает как хирург, а не как маляр. Он чинит конкретные точки утечки — и вы платите за результат, который можно измерить: было 40% отказов на первом экране, стало 20%.
Именно поэтому аналитика — до макетов. Она превращает «сделайте красиво и подороже» в «почините вот эти три места» — а это совсем другие деньги и совсем другая предсказуемость результата.
Бриф по диагнозу:
Как составить бриф дизайнеру по данным аналитики
Первый: «Наш сайт устарел, давайте сделаем современный и красивый». Дизайнер кивает, показывает референсы, вы обсуждаете цвета и шрифты, через месяц получаете свежий сайт. Он вам нравится. А заявок больше не стало. Вы заплатили за перекраску стен в доме, у которого течёт крыша — просто крышу никто не смотрел.
Второй: «У нас на сайте трафик есть, а заявок мало. Давайте сначала посмотрим в аналитику и поймём, на каком именно шаге люди уходят и почему — а потом решим, что и где перерисовывать». Это дороже звучит на входе, но именно так тратят деньги осмысленно: сначала находим утечку, потом чиним конкретно её, а не весь сайт целиком «на всякий случай».
Разница между этими двумя способами — и есть разница между «заплатить за редизайн вслепую» и «заплатить за результат». А инструменты, которые превращают первый способ во второй, у вас, скорее всего, уже стоят и бесплатны: Яндекс.Метрика, Вебвизор и карты кликов/скроллинга.
Почему анализ сайта нужен до редизайна, а не после
Логика простая. Дизайн — это дорогое лекарство. Прежде чем его назначать, надо поставить диагноз. Аналитика и есть диагностика.
Представьте, что у сайта 1000 посетителей в месяц, а заявок — 10. Где потерялись остальные 990? Вариантов масса:
Эта статья — не инструкция «куда нажать в Метрике» (таких сотни). Это про другое: как по этим данным понять, где именно сайт теряет деньги — чтобы прийти к дизайнеру не с «сделайте красиво», а с «вот здесь у меня утечка, чините её».
- ушли с первого экрана за 5 секунд, не поняв, что вы продаёте;
Карта кликов — куда жмут, но не туда, куда задумано
Что это значит: карта скролла заливается цветом — где тепло, туда долистывают, где резко холодает, там people массово останавливаются. Если ваша главная выгода, отзывы или кнопка заявки стоят ниже той точки, где обрывается тепло — их просто не видит бОльшая часть посетителей. Вы теряете деньги не потому, что предложение плохое, а потому что до него не долистывают.
Сигнал утечки: ключевой блок или кнопка — ниже линии, где карта скролла резко холодеет.
Яндекс Метрика, Вебвизор и карта кликов: что показывает каждый
- долистали до середины и застряли — не нашли ответ на свой главный вопрос;
Это пять разных болезней, и лечатся они пятью разными способами. Если не поставить диагноз, дизайнер будет чинить наугад — то есть перерисовывать всё подряд и надеяться, что заодно починится и то, что сломано. Иногда везёт. Чаще — вы платите за редизайн всего сайта, а реальная утечка была в одной форме на одном шаге.
Карта скроллинга — докуда долистывают посетители
Где смотреть: в Метрике — процент отказов и среднее время на странице; в Вебвизоре — короткие сессии по 3–7 секунд.
Что это значит: если много людей уходит почти сразу, значит первый экран не ответил за 5 секунд на вопрос «я туда попал?». Человек не понял, что вы продаёте, кому, чем лучше — и ушёл. Дорогой рекламный трафик слился в ноль ещё до того, как увидел ваше предложение.
Сигнал утечки: высокий процент отказов + куча сверхкоротких сессий в Вебвизоре.
Где смотреть: карта скроллинга.
Что это значит: карта кликов часто показывает неожиданное — люди тыкают в картинку, которая им кажется кнопкой, в неактивный заголовок, в фото товара в надежде увеличить. Это прямой сигнал: ожидание пользователя и логика сайта не совпадают. Он хочет действия, а элемент мёртвый. Пару раз ткнул впустую — и ушёл раздражённый.
Сигнал утечки: яркие пятна кликов на элементах, которые ничего не делают.
Где смотреть: карта кликов.
Вебвизор — почему форму заявки не отправляют
Что это значит: это одна из самых обидных утечек — человек уже готов оставить заявку, он дошёл до формы, а потом бросил. В Вебвизоре видно почему: слишком много полей, требуют лишнее (отчество, второй телефон), форма ругается ошибкой и не объясняет какой, на телефоне кнопка «отправить» уезжает за край. Человек был тёплый — и вы его потеряли на последнем метре.
Сигнал утечки: в Вебвизоре люди начинают заполнять форму, но не отправляют; тыкают в поля, стирают, уходят.
Где смотреть: Вебвизор — сессии, где человек дошёл до формы; в Метрике — конверсия «дошёл до формы → отправил».
Мобильная версия — где конверсия ниже, чем на десктопе
Что это значит: сегодня основная часть трафика — с телефонов. Если конверсия на мобильных заметно ниже, чем на компьютере, — вы теряете деньги именно там. В мобильном Вебвизоре обычно всё и вскрывается: текст мелкий, кнопки жмутся мимо, что-то наезжает друг на друга, форму невозможно заполнить пальцем. На компьютере сайт красивый — а половина клиентов видит сломанную версию.
Сигнал утечки: конверсия на мобильных в разы ниже desktop.
Где смотреть: в Метрике — сравнение конверсии desktop и mobile; Вебвизор с фильтром по мобильным устройствам.
5 мест, где сайт теряет заявки: что искать в аналитике
Метрика говорит «990 человек ушли». Карты показывают «вот на этом месте». Вебвизор объясняет «потому что вот это их остановило». Вместе они дают диагноз.
Теперь конкретика. Вот пять точек утечки и то, по каким сигналам в аналитике их видно. Это и есть «чтение карты», а не «нажимание кнопок».
Первый экран — процент отказов и короткие сессии
Вам не нужно становиться аналитиком. Нужно понимать, какой инструмент на какой вопрос отвечает.
- дошли до формы заявки и испугались её;
- добавили в корзину и бросили на шаге доставки.
- на телефоне всё поехало, и они закрыли вкладку;
Хороший дизайнер начинает не с «давайте обсудим стиль», а с «покажите доступ к Метрике». Не потому что стиль неважен — а потому что сначала надо узнать, где болит.
Что сделать прямо сейчас: аудит сайта за 20 минут
Откройте Метрику. Посмотрите одну цифру — конверсию в заявку. И вторую — насколько она ниже на мобильных.
Откройте Вебвизор, посмотрите 10 сессий, которые закончились без заявки. Просто понаблюдайте, где человек замирает и что перечитывает. Это самое отрезвляющее занятие для владельца сайта.
Даже эти 20 минут развернут разговор с любым подрядчиком: вы придёте не с «хочу красиво», а с «вот где я теряю деньги».
Откройте карту скроллинга: долистывают ли люди до вашей кнопки заявки? Если тепло обрывается раньше — вот первая утечка.
1.
2.
3.
Выпишите 3 места, где вы своими глазами увидели потерю. Это и есть ваш бриф на редизайн.
4.
Частые вопросы про анализ сайта по Метрике и Вебвизору
Вебвизор — бесплатный инструмент Яндекс.Метрики, который записывает реальные сессии посетителей сайта. Он показывает, где человек задерживается, что перечитывает и в какой момент уходит — это помогает понять причину потери заявок, а не только сам факт, что заявок мало.
Карта кликов показывает, куда именно нажимают посетители — иногда это элементы, которые не кликаются, что говорит о путанице в интерфейсе. Карта скроллинга показывает, докуда люди долистывают страницу — если ключевые блоки стоят ниже этой точки, их просто не видит большая часть посетителей.
Необязательно на профессиональном уровне, но полезно посмотреть 3–4 базовых показателя перед разговором с подрядчиком: конверсию, процент отказов и разницу между десктопом и мобильной версией. Это позволяет прийти с конкретным запросом, а не общим «сделайте лучше».
