Ошибки юзабилити сайта

Анатолий Кузнецов
Анатолий Кузнецов
SEO-оптимизатор с 20-летним стажем. Автор блога hozyindachi.ru о продвижении и доработке сайтов.

Ошибки юзабилити сайта

Самая дорогая проблема сайта — не отсутствие трафика, а трафик, который приходит и уходит. Клиент платит за продвижение и за рекламу, люди на сайт заходят, а заявок мало. Владелец в этот момент обычно требует «ещё трафика», хотя чинить надо не источник, а то, что происходит с человеком после клика. Я в SEO с 2005 года, и по опыту разборов чужих сайтов картина повторяется: в половине случаев заявки теряются на трёх-четырёх типовых местах, которые видно за час работы в Метрике.

Разберу эти места по порядку: как понять, что дело именно в сайте, какие ошибки первого экрана, форм, мобильной версии и каталога съедают конверсию, сколько стоит их починка и когда проблема вообще не в юзабилити. Отдельно скажу, почему это не «задача дизайнера», а прямая SEO-задача.

Сразу поясню, почему это SEO-задача, а не косметика. Поисковые системы измеряют, что человек делает после перехода из выдачи. Вернулся ли он обратно в поиск и кликнул на другой сайт, сколько страниц просмотрел, сколько времени провёл, дошёл ли до целевого действия. В Яндексе поведенческие факторы — один из самых весомых блоков, и работают они на уровне запроса: если по фразе «натяжные потолки цена» ваш сайт стабильно возвращает людей в выдачу, вы будете опускаться, даже имея идеальный текст и хорошие ссылки.

Отсюда практический вывод: неудобный сайт теряет заявки дважды. Первый раз — прямо сейчас, когда посетитель не нашёл кнопку. Второй раз — через месяц, когда позиции просели и посетителей стало меньше. Поэтому починка юзабилити обычно даёт двойной эффект и окупается быстрее, чем закупка ссылок.

Как понять, что заявки теряются именно на сайте

До того как что-то менять, нужно доказательство. Иначе правки идут по вкусу, а не по проблеме. Порядок проверки в Яндекс.Метрике занимает около часа.

  1. Отчёт «Страницы входа» с сегментом «отказы». Сортируем по числу визитов. Страницы, где отказов больше 30–35% при нормальном трафике, — кандидаты на разбор в первую очередь.
  2. Сравнение мобильных и десктопных. В отчёте «Устройства» смотрим конверсию по цели отдельно. Если на мобильных она вдвое ниже при сопоставимом трафике — проблема в мобильной вёрстке, а не в предложении.
  3. Вебвизор, 15–20 записей. Берём записи с длительностью от 30 секунд, где цель не достигнута. Смотрим, где человек останавливается, что кликает без результата, на каком поле формы уходит.
  4. Карта скроллинга. Если 60% аудитории не доходит до блока с ценами, значит, цены стоят слишком низко, а не «людям неинтересно».
  5. Аналитика форм. В Метрике есть отчёт по взаимодействию с формами: видно, сколько людей начали заполнять и сколько отправили. Разрыв больше 50% — форма и есть проблема.
  6. Отчёт «Время загрузки страниц». Медиана выше 3 секунд на мобильных означает, что часть посетителей ушла до того, как увидела сайт.

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

Ошибки первого экрана

Первый экран решает, останется человек или вернётся в выдачу. У него ровно три задачи: подтвердить, что человек попал куда надо, показать суть предложения и дать способ связаться. Что ломает эти задачи чаще всего:

  • Заголовок не соответствует запросу. Человек искал «ремонт стиральных машин на дому», а на экране «Мы — команда профессионалов с 2011 года». Это гарантированный возврат в поиск.
  • Огромный слайдер. Ротация баннеров занимает весь экран, содержательного текста нет, а нужный слайд человек не досматривает.
  • Телефон спрятан. На мобильных номер должен быть виден без прокрутки и быть кликабельной ссылкой для звонка. Картинка с номером — потерянные звонки.
  • Нет географии. Для услуг с выездом отсутствие города на первом экране порождает сомнение «а вы вообще у нас работаете?».
  • Всплывающее окно через 3 секунды. Модальное окно, закрывающее контент до того, как человек понял, куда попал, — прямой путь к отказу, а на мобильных ещё и крестик часто не попадает в палец.
  • Cookie-баннер на пол-экрана без кнопки закрытия сверху. На маленьких экранах он перекрывает и заголовок, и кнопку.

Ошибки форм: главная таблица потерь

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

Ошибка Чем грозит Как чинить
7–10 полей вместо 2–3 Каждое лишнее поле снижает отправки; форму бросают на середине Оставить имя и телефон, остальное уточнять в разговоре
Обязательный e-mail в заявке на звонок Часть людей просто не хочет давать почту и уходит Сделать поле необязательным или убрать
Капча Отсекает реальных клиентов, особенно пожилых и с мобильных Скрытое honeypot-поле, проверка времени заполнения, серверная валидация
Нет маски и подсказки формата телефона Ошибки ввода, отказ на валидации, потерянный контакт Маска ввода, автоподстановка +7, приём любых форматов на сервере
Валидация только после отправки Человек видит «исправьте ошибки», часть полей обнулилась — бросает Проверка по мере ввода, сохранение введённого
Нет реакции на отправку Посетитель жмёт кнопку несколько раз или уходит, не поняв, отправилось ли Блокировка кнопки, индикатор, явное сообщение об успехе
Чекбокс согласия не отмечен и не заметен Форма не отправляется, причина неочевидна Заметная подсветка ошибки рядом с чекбоксом
Кнопка «Отправить» Не объясняет, что будет дальше «Получить расчёт», «Заказать замер», «Перезвоните мне»
Нет обещания по времени ответа Сомнение «ответят ли вообще» Строка «перезвоним в течение 15 минут в рабочее время»
Форма только внизу страницы До неё доходит меньшая часть аудитории Дублировать после блока с ценами и после блока с работами
Единственный канал связи Часть аудитории не звонит и не пишет в форму Добавить мессенджер и возможность написать без формы
Заявка уходит на несуществующую почту Все заявки теряются полностью Тестовая отправка раз в месяц, дублирование в мессенджер

Правило, которое почти всегда работает: количество полей должно соответствовать сложности сделки. На заявку «перезвоните» — два поля. На расчёт кухни или проекта — можно пять, потому что человек уже мотивирован и понимает, зачем их заполняет.

Ошибки мобильной версии и скорости

По моим наблюдениям, на коммерческих сайтах услуг доля мобильного трафика в 2026 году держится в районе 70–80%, а конверсия там регулярно вдвое ниже десктопной. Причины почти всегда механические.

  • Мелкие элементы управления. Кнопки и ссылки меньше 44 пикселей по высоте и расположенные вплотную дают промахи пальцем.
  • Горизонтальная прокрутка. Таблица или широкое изображение выпирают за экран, страница «ездит», читать невозможно.
  • Липкие панели сверху и снизу одновременно. Съедают до трети экрана; на маленьких телефонах контент виден в узкой щели.
  • Неправильный тип клавиатуры. Для телефона нужен числовой ввод, для почты — с символом собаки. Мелочь, а раздражает.
  • Меню-гамбургер без явных ключевых разделов. На сайте услуг «Цены» и «Контакты» должны быть доступны без раскрытия меню.
  • Тексты в 12 пикселей и низким контрастом. Читать на солнце невозможно, человек закрывает вкладку.
  • Формы, которые перекрываются клавиатурой. Поле уезжает под клавиатуру, кнопка отправки не видна.

Сюда же относится скорость — на телефоне она бьёт больнее всего, потому что канал уже, а терпение короче. Ориентиры, к которым имеет смысл стремиться: отрисовка основного контента до 2,5 секунды, отсутствие смещений вёрстки при загрузке, отклик на нажатие до 200 миллисекунд. Что чаще всего ломает эти показатели на сайтах малого бизнеса:

  • Несжатые изображения. Фотографии по 2–4 мегабайта, выгруженные прямо с камеры. Пересжатие и формат WebP обычно снимают 40–60% веса страницы.
  • Набор внешних скриптов. Четыре системы аналитики, виджет обратного звонка, чат, карта, шрифты с внешнего сервера. Каждый скрипт — задержка.
  • Виджеты-«догонялки». Всплывающий колбэк со звуком, который срабатывает через 10 секунд, отпугивает больше людей, чем приводит.
  • Смещение вёрстки. Кнопка прыгает в момент подгрузки баннера, человек промахивается и попадает не туда.
  • Отсутствие кэширования. Каждая страница генерируется заново, на дешёвом хостинге это добавляет секунду и больше.

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

Ошибки каталога и карточки товара

Для интернет-магазинов список потерь свой, и он длиннее. Разберу узлы, где чаще всего рвётся путь к покупке.

Узел Ошибка Что делать
Каталог Нет фильтров по значимым параметрам или они не запоминаются Фильтры по цене, бренду, размеру; сохранение выбора при возврате
Каталог Нет сортировки по цене и наличию Добавить сортировку, по умолчанию — товары в наличии
Карточка Цена «по запросу» Показать вилку или цену «от»; отсутствие цены отсекает большинство
Карточка Одно мелкое фото без увеличения 5–8 фото, зум, фото в реальном использовании
Карточка Нет характеристик и размеров Таблица характеристик; для одежды и мебели — размерная сетка
Карточка Нет сроков и стоимости доставки Расчёт доставки прямо в карточке по городу пользователя
Корзина Регистрация обязательна Оформление в один шаг без создания аккаунта
Корзина Итоговая сумма меняется на последнем шаге Показывать доставку и все надбавки сразу
Корзина Нельзя изменить количество или удалить позицию Редактирование прямо в корзине без перезагрузки
Оформление Один способ оплаты Карта, оплата при получении, рассрочка для дорогих товаров

Дефицит доверия: чего не хватает на сайте

Часть заявок теряется не из-за неудобства, а из-за сомнения. Человек всё нашёл, но не решился. Что закрывает это сомнение и в большинстве случаев отсутствует:

  • Полные контакты. Адрес, городской номер, ИНН, реквизиты. Один мобильный номер без адреса читается как разовая подработка.
  • Цены или вилка. Отсутствие цифр воспринимается как «назовут сколько захотят».
  • Свои фотографии работ. Стоковые картинки узнаются мгновенно и работают против вас.
  • Живые отзывы с возможностью проверки. Ссылка на карточку в картах или на площадку отзывов убедительнее десяти анонимных цитат на сайте.
  • Понятные условия. Гарантия, порядок оплаты, что входит и что не входит в стоимость.
  • Люди. Фото и имена тех, кто выполняет работу, особенно в услугах с выездом на дом.

Что чинить первым и сколько это стоит

Порядок работ имеет значение: сначала то, что затрагивает всех посетителей и стоит дёшево, потом дорогое и точечное. Ориентиры по России на 2026 год.

Работа Срок Цена Приоритет
Проверка доставки заявок, настройка дублей в мессенджер 1–2 часа 2000–5000 ₽ Первый
Упрощение форм, снятие капчи, маска телефона 1 день 5000–15000 ₽ Первый
Правка первого экрана под запрос 1–3 дня 8000–25000 ₽ Первый
Починка мобильной вёрстки по списку дефектов 3–7 дней 15000–50000 ₽ Второй
Оптимизация скорости (картинки, кэш, скрипты) 2–5 дней 15000–40000 ₽ Второй
Блоки доверия: цены, работы, отзывы, условия 3–10 дней 20000–60000 ₽ Второй
Аудит юзабилити с записями Вебвизора и отчётом 3–5 дней 20000–60000 ₽ По ситуации
Переработка каталога и оформления заказа 3–6 недель 100000–400000 ₽ Последний

Эффект оценивайте не «на глаз», а сравнением периодов по цели в Метрике при сопоставимом трафике, и лучше через 3–4 недели после правки. Менять всё сразу — плохая идея: потом невозможно понять, что сработало, а что навредило.

Когда дело не в юзабилити

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

  • Нецелевой трафик. Если по запросу приходят люди, которым нужна другая услуга или другой город, конверсии не будет ни при каком дизайне. Смотрите отчёт по поисковым фразам и по географии.
  • Цена вне рынка. Когда предложение дороже конкурентов в полтора раза без объяснения, форма тут ни при чём.
  • Проблема в обработке заявок. Перезванивают через сутки, не берут трубку после 18:00, не отвечают в мессенджерах. Проверяется прослушиванием звонков и тайным клиентом.
  • Сезонность. Падение заявок в низкий сезон легко принять за поломку сайта; сравнивайте с тем же периодом прошлого года.
  • Накрутка и боты. Всплеск визитов без заявок часто оказывается роботным трафиком; в Метрике он виден по нулевой глубине просмотра и подозрительно однородным источникам.
  • Слишком маленькая выборка. На 40 визитах в месяц любые выводы о конверсии статистически бессмысленны.

Чеклист самопроверки

  1. Тестовая заявка с телефона доходит до ответственного и видна в течение минуты.
  2. Заголовок первого экрана повторяет то, что человек искал.
  3. Телефон кликабелен и виден без прокрутки на мобильном.
  4. В основной форме не больше трёх полей, капчи нет, есть маска телефона.
  5. После отправки есть явное подтверждение и обещание срока ответа.
  6. На странице услуги есть цена или вилка, сроки и состав работ.
  7. Нет горизонтальной прокрутки ни на одной странице на экране 360 пикселей.
  8. Всплывающие окна не появляются раньше 20 секунд и закрываются с первого касания.
  9. Медиана загрузки на мобильных ниже 3 секунд.
  10. Есть свои фото работ и проверяемые отзывы.
  11. Формы продублированы после блока цен и после блока работ.
  12. Конверсия на мобильных отличается от десктопной не более чем в полтора раза.

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

Коротко

  • Неудобный сайт теряет заявки дважды: сразу и потом, через просадку поведенческих факторов.
  • Начинать надо не с правок, а с доказательства: отказы по страницам входа, Вебвизор, аналитика форм, разбивка по устройствам.
  • Первый экран обязан подтвердить запрос, показать суть и дать контакт без прокрутки.
  • Больше всего заявок съедают формы: лишние поля, капча, отсутствие подтверждения отправки.
  • Мобильная конверсия ниже десктопной вдвое — это дефект вёрстки, а не свойство аудитории.
  • В магазинах критичны фильтры, цена в карточке, расчёт доставки и оформление без регистрации.
  • Скорость на мобильных лечится картинками, кэшем и сокращением внешних скриптов.
  • Дешёвые правки — формы, первый экран, доставка заявок; дорогие — каталог и оформление заказа.
  • Если трафик нецелевой, цена вне рынка или заявки не обрабатывают, юзабилити ни при чём.

Если нужно продвижение сайта в Яндексе — помогу вывести сайт в топ Яндекса и удержать позиции.

Увеличьте позиции и продажи вашего сайта

Профессиональное SEO-продвижение с гарантией результата. Выберите подходящую услугу:

Анатолий Кузнецов — SEO-оптимизатор

Остались вопросы по продвижению?

Меня зовут Анатолий Кузнецов, я SEO-оптимизатор с 20-летним стажем. Разберу ваш сайт, отвечу на вопросы и подскажу, что улучшить для роста позиций в Яндексе и Google.

Связаться со мной →

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

 Нажимая «оставить комментарий» вы принимаетеправила конфиденциальности 

Прокрутить вверх