Ситуация знакома большинству рекламодателей: кампании настроены, трафик идёт, но мобильные визиты превращаются в конверсии значительно хуже, чем десктопные. Иногда разрыв достигает 3-5 раз. Рекламодатели начинают снижать ставки на мобильные или вовсе отключают их - и теряют значительную долю потенциальных клиентов. Но проблема редко в трафике. Чаще - в том, что происходит после клика.
В этой статье разберём системный подход к диагностике мобильных конверсий: от технических проблем до поведенческих паттернов пользователей.
Откуда берётся разрыв между мобильной и десктопной конверсией
Прежде чем лечить - нужно понять причину. Низкая мобильная конверсия бывает трёх типов:
Технические проблемы. Сайт плохо отображается на мобильных, медленно загружается, форма не работает на сенсорном экране. Пользователь хочет купить, но не может физически завершить действие.
UX-проблемы. Сайт технически работает, но пользоваться им неудобно: мелкие кнопки, неочевидная навигация, слишком длинная форма. Пользователь теряет терпение и уходит.
Аудиторные проблемы. Мобильный трафик по своей природе отличается от десктопного. Пользователь в телефоне чаще находится "в поиске", а не "готов купить". Это нормальная разница, с которой нужно работать через сценарии объявлений и ретаргетинг.
Хорошая новость: первые два типа проблем устраняются за 1-2 недели. И именно с них нужно начинать диагностику.
Шаг 1: Инструменты диагностики в Яндекс.Метрике
Первый шаг - посмотреть на данные, а не на ощущения. Метрика даёт всё необходимое для диагностики.
Отчёт по устройствам
Перейдите: Отчёты - Стандартные отчёты - Технологии - Устройства
Добавьте метрики: Показатель отказов, Глубина просмотра, Время на сайте, Конверсии.
Сравните смартфоны и десктоп. Если показатель отказов на мобильных выше 70% при десктопном значении 40-50% - у вас техническая или UX-проблема, а не аудиторная.
Вебвизор для мобильных сессий
Вебвизор записывает реальные сессии пользователей. Зайдите в Вебвизор, выставьте фильтр по типу устройства "Смартфон" и посмотрите 10-15 записей.
На что смотреть: - Как быстро пользователь уходит (если сразу после загрузки - скорость или отображение) - Доходит ли пользователь до формы - Пытается ли кликнуть на форму или кнопку (частые клики в одном месте - кнопка не работает) - Прокручивает ли страницу (если нет - контент не виден или не интересен)
Карта скроллинга
В разделе "Карты" Метрики выберите отображение для мобильных устройств. Карта скроллинга показывает, до какого места страницы доходят пользователи. Если 80% пользователей не видят форму - значит, они уходят раньше, чем доходят до конверсионного элемента.
Шаг 2: Скорость загрузки как главный убийца конверсий
По данным Google (и подтверждается практикой российских рекламодателей), увеличение времени загрузки с 1 до 3 секунд повышает вероятность отказа на 32%. С 1 до 6 секунд - на 106%.
Проверьте скорость через: - PageSpeed Insights (pagespeed.web.dev) - бесплатно, показывает Core Web Vitals - WebPageTest - более детальный анализ с waterfall-графиком - Яндекс.Метрика - отчёт "Скорость загрузки страниц" - данные именно по вашей аудитории
Ключевые метрики для мобильных: - LCP (Largest Contentful Paint) - должен быть менее 2,5 секунды - FID (First Input Delay) - менее 100 мс - CLS (Cumulative Layout Shift) - менее 0,1
Типичные причины медленной загрузки:
| Проблема | Потеря времени | Решение |
|---|---|---|
| Неоптимизированные изображения | 1-3 сек | Конвертация в WebP, сжатие |
| Отсутствие кеширования | 0,5-2 сек | Настройка заголовков cache-control |
| Тяжёлые JS-скрипты | 1-4 сек | Async/defer загрузка, минификация |
| Медленный хостинг | 0,5-3 сек | Смена хостинга или подключение CDN |
| Нет сжатия gzip/brotli | 0,5-1 сек | Настройка на сервере |
Шаг 3: Форма на мобильном - типичные ошибки
Форма обратной связи - главная точка конверсии. И именно здесь мобильные пользователи чаще всего "ломаются".
Критические ошибки форм на мобильных:
Слишком много полей. Пользователь на десктопе заполнит 5-7 полей. Пользователь на смартфоне - максимум 2-3. Убирайте всё необязательное: отчество, название компании, ИНН - всё это можно уточнить при звонке.
Неправильный тип клавиатуры. Если поле "Телефон" не имеет атрибута type="tel" - вместо цифровой клавиатуры пользователь увидит буквенную. Это кажется мелочью, но это буквальный барьер для конверсии.
Маленький размер полей ввода. Минимальный размер касаемого элемента по рекомендациям Apple и Google - 44x44 пункта. Мелкие чекбоксы и переключатели вызывают промахи и раздражение.
Отсутствие автозаполнения. Атрибуты autocomplete="name", autocomplete="tel", autocomplete="email" позволяют браузеру подставить данные из сохранённых. Это ускоряет заполнение в 3-5 раз.
Форма не в видимой зоне. Если CTA-кнопка или форма находятся ниже первого экрана и к ним нет явного визуального призыва прокрутить - большинство пользователей её не найдёт.
Шаг 4: CTA-кнопка на мобильном
Кнопка целевого действия должна: - Быть заметной - высокий контраст с фоном - Иметь понятный текст ("Получить расчёт", "Записаться на консультацию", а не просто "Отправить") - Быть достаточно крупной для нажатия пальцем (минимум 44 пикселя высотой) - Находиться в первом экране или следовать за пользователем при прокрутке (фиксированная кнопка внизу экрана)
Тестируйте варианты кнопок через A/B-тест. Яндекс.Метрика поддерживает A/B-тестирование через Вариативные страницы. Нередко смена текста кнопки даёт +15-25% к конверсии без какой-либо иной правки.
Чек-лист мобильного лендинга
Пройдитесь по этому списку перед запуском или при диагностике существующих кампаний:
Техническое: - [ ] Время загрузки первого экрана - менее 3 секунд на 4G - [ ] Адаптивная верстка - без горизонтальной прокрутки - [ ] Изображения оптимизированы (WebP, сжаты) - [ ] Шрифты читаемы без увеличения (минимум 16px для основного текста)
Форма: - [ ] Не более 3 полей для первичного захвата - [ ] Правильные типы полей (tel, email) - [ ] Автозаполнение включено (autocomplete-атрибуты) - [ ] Поля достаточно крупные (44px+)
CTA: - [ ] Кнопка видна на первом экране - [ ] Текст кнопки конкретный и понятный - [ ] Кнопка выделяется цветом на фоне - [ ] Клик по кнопке-телефону инициирует звонок (для мобильных)
Поведенческое: - [ ] Сессии в Вебвизоре просмотрены - [ ] Карта скроллинга проверена для мобильных - [ ] Показатель отказов сопоставим с нормой по нише
Реальные примеры роста конверсии после оптимизации
Кейс 1: Юридическая компания Проблема: мобильные давали CR 0,8% при десктопном 3,2%. Вебвизор показал, что пользователи не могли нажать на кнопку обратного звонка - она была слишком маленькой и перекрывалась pop-up.
Решение: убрали pop-up на мобильных, увеличили кнопку, добавили фиксированную кнопку звонка внизу экрана.
Результат: CR вырос до 2,1% за 3 недели. Мобильный CPL снизился с 4800 до 1900 руб.
Кейс 2: Интернет-магазин строительных материалов Проблема: время загрузки мобильной версии - 8,4 секунды. Показатель отказов - 78%.
Решение: сжали изображения каталога, подключили CDN, перевели JS-скрипты в async-режим.
Результат: загрузка снизилась до 2,9 секунды. Отказы - 51%. Конверсия в корзину выросла с 1,1% до 3,8%.
Кейс 3: Образовательный центр Проблема: форма записи состояла из 9 полей, включая "Как вы нашли нас", "Удобное время звонка" с выбором из 12 вариантов.
Решение: форма сокращена до имени и телефона. Остальное - в процессе первого звонка.
Результат: конверсия формы выросла с 2,3% до 6,1%. Объём лидов вырос при том же бюджете.
Что делать с нецелевым мобильным трафиком
Отдельный вопрос - трафик, который не конвертируется не из-за UX, а из-за того что пришёл по нерелевантным запросам. Мобильные пользователи чаще вводят короткие запросы, которые система может интерпретировать широко.
Регулярный аудит поисковых запросов в разрезе устройства позволяет выявить запросы, дающие мобильный трафик без конверсий. Это отдельная работа с семантикой: анализ нецелевых фраз, добавление минус-слов, сужение типов соответствия.
После технической оптимизации лендинга именно работа с качеством трафика становится главным рычагом роста мобильной конверсии. Хороший пользователь плюс хорошая страница - вот формула результата.