- html5css.dev
- SEO
- SEO продвижение
- Юзабилити сайта
- Проверка текущего состояния сайта
Проверка текущего состояния сайта
Прежде чем что-то улучшать, нужно понять, где именно теряются люди. Разбираем пять проверок, которые дают конкретный список задач, а не общие ощущения.
Пять проверок
| # | Проверка | Инструмент | Время |
|---|---|---|---|
| 1 | Где проваливается воронка | Метрика, GA4 — срез по устройствам | 30 мин |
| 2 | Почему проваливается | Вебвизор: 10–15 записей | 40 мин |
| 3 | Скорость у реальных пользователей | Core Web Vitals, вкладка «Мобильные» | 15 мин |
| 4 | Что мешает физически | Свой телефон, мобильная сеть | 20 мин |
| 5 | Что не видно роботу | Search Console → Проверка URL | 10 мин |
Шаг 1: воронка по устройствам
Сравнивайте не абсолютные значения, а разрыв между мобильными и десктопом на каждом шаге:
| Шаг | Десктоп | Мобильные | Разрыв |
|---|---|---|---|
| Вход на страницу | 100 % | 100 % | — |
| Досмотр до цены | 78 % | 52 % | −26 п. п. |
| Клик по кнопке заказа | 31 % | 19 % | −12 п. п. |
| Отправка формы | 22 % | 8 % | −14 п. п. |
В этом примере два кандидата: цена слишком низко на мобильном экране и форма неудобна. Оба проверяются вебвизором.
Шаг 2: вебвизор
- Отфильтруйте по проблемному шагу — сессии, где человек дошёл и не пошёл дальше.
- Смотрите на мобильные записи: там больше находок.
- Отмечайте повторяющееся: одна странная сессия — случайность, пять одинаковых — проблема.
- Типичные находки: многократные клики по некликабельному, скролл вверх-вниз в поисках цены, попытки закрыть всплывающее окно, бросание формы на конкретном поле.
Шаг 3: скорость
Core Web Vitals в Search Console, вкладка «Мобильные». Работать нужно с группами URL, а не с отдельными адресами: исправление в шаблоне чинит всю группу. Разбор метрик — в уроке о производительности.
Шаг 4: собственный проход
- Возьмите свой телефон, отключите Wi-Fi.
- Найдите свою страницу через поиск, а не по прямой ссылке.
- Пройдите целевой сценарий одной рукой, не увеличивая масштаб.
- Отмечайте каждую заминку: не туда попал, не нашёл, не понял, пришлось ждать.
- Дойдите до конца, даже если раздражает, — важно увидеть весь путь.
Этот шаг находит то, чего не видно в цифрах: неудобный порядок блоков, перекрытую клавиатурой кнопку, нечитаемый на солнце контраст.
Шаг 5: что видит робот
Search Console → Проверка URL → «Просмотреть просканированную страницу». Скриншот и HTML показывают, что получил смартфон-робот. Расхождение с тем, что видит пользователь, — самая дорогая из технических проблем; подробности в уроке об аудите мобильной версии.
Как оформить результат
| Проблема | Где нашли | Сколько страниц | Стоимость | Приоритет |
|---|---|---|---|---|
| Цена ниже первого экрана | Воронка + вебвизор | Все карточки | Правка шаблона | Высокий |
| Форма из 7 полей | Вебвизор | Все формы | Полдня | Высокий |
| Контраст подписей | Ручной проход | Весь сайт | Час | Средний |
Итог
Аудит удобства — это воронка, вебвизор, скорость и собственный телефон. Четыре источника дают конкретный список задач с приоритетами, а не общее ощущение «надо бы улучшить». Дальше — навигация и ссылки.
Частые вопросы
Как найти, где именно теряются пользователи?
Построить воронку по шагам и сравнить её отдельно для мобильных и десктопа. Шаг с наибольшим разрывом между устройствами и есть цель для работы.
Что даёт вебвизор?
Записи реальных сессий: видно, где человек путается, промахивается по кнопке, бросает форму. Десять-пятнадцать записей по проблемной странице обычно объясняют причину провала в воронке.
Нужны ли карты кликов и скроллинга?
Полезны для проверки гипотез: докручивают ли до нужного блока, кликают ли по некликабельным элементам. Как самостоятельный источник задач слабее вебвизора.
Сколько времени занимает такой аудит?
Первый проход — один день. Дальше это регулярная процедура на час: воронка, пара записей вебвизора и отчёт Core Web Vitals раз в месяц.
Вся глава «Юзабилити сайта» — 10 уроков
- Общие сведения о юзабилити
- Проверка текущего состояния сайта
- Навигация и ссылки
- Макет сайта
- Цвета и контрастность
- Формы
- Контент и его читаемость
- Поиск по сайту
- Карточки товаров
- Корзина и оформление заказа