Вчера смотрел статистику по одному автосервису: 62 % кликов из Директа приходили с мобильных, но на формы уходило только 28 % от этого трафика. Разница в конверсии между десктопом и мобайлом — почти в два раза. Проблема почти всегда в самой мобильной версии сайта.
Когда я проверяю проекты, чаще всего вижу, что форма либо не открывается, либо поля съезжают, либо кнопка «Отправить» находится за пределами экрана. Всё это напрямую бьёт по цене заявки из Яндекс Директа.
Почему мобильная версия сайта заявки падают после клика
Первое, что проверяю — viewport и meta-тег. Если стоит initial-scale=1.0, но нет maximum-scale, на старых Android форма часто увеличивается сама и уезжает вправо. Второе — размер тач-таргетов. Кнопки меньше 44×44 px по гайдам Apple и Google люди просто не попадают пальцем.
Что смотреть в отчётах
- В Яндекс Метрике открываю «Отчёты → Стандартные отчёты → Устройства» и накладываю сегмент «Яндекс Директ».
- Смотрю показатель «Время до отправки формы» отдельно по мобильным и десктопу.
- Если разница больше 15 секунд — почти наверняка проблема в верстке.
Что проверить перед запуском рекламы на мобильный трафик
Перед стартом кампании я всегда открываю сайт на трёх устройствах: iPhone 13, Xiaomi Redmi 10 и старом Samsung Galaxy A5 2017. Проверяю три вещи по порядку:
- Форма открывается без горизонтального скролла.
- Поле телефона имеет inputmode="tel" и не вызывает лишнюю клавиатуру.
- Кнопка отправки остаётся в зоне видимости после заполнения.
Если хотя бы один пункт не проходит — правлю до запуска объявлений.
Мобильная версия сайта заявки: как настроить формы на Tilda
На Tilda чаще всего использую Zero-блок вместо стандартной формы. Задаю высоту кнопки 56 px, отступы слева и справа 16 px, и обязательно вешаю событие на кнопку через Триггеры. Ещё добавляю скрытое поле с источником — «yandex_direct_mobile». Это потом помогает точно считать, откуда пришла заявка.
Пример из практики: автосервис в Подмосковье
Автосервис запускал поисковую рекламу. Мобильный трафик был 58 %, но заявок почти не приходило. Открыли сайт на телефоне: форма записи была сделана через iframe, который на Android 10 не открывался вовсе. Заменили на обычный Zero-блок, добавили inputmode и увеличили кнопку до 56 px. Через две недели доля заявок с мобильных выросла с 19 % до 41 %. При этом стоимость клика осталась прежней.
Что пробовали до этого и не сработало: поставили кнопку «Записаться» в фиксированное положение снизу экрана. На iOS она перекрывала контент и люди уходили. Пришлось убрать.
Что не сработало в моих тестах
Пытался ускорить мобильную версию через отключение всех анимаций в Tilda — скорость по PageSpeed выросла, а конверсия в заявки упала. Люди привыкли к плавным переходам и воспринимали сайт как «сломанный». Вернули минимальные анимации, конверсия вернулась.
Ещё один кейс: добавили AMP-страницы для услуг. Заявки через AMP почти не шли, потому что форма в AMP работала только через сторонний сервис и данные не попадали в CRM. Отключили AMP и оставили обычную мобильную версию.
Частые вопросы
Нужно ли делать отдельную мобильную версию или хватит адаптива?
В 90 % случаев хватает качественного адаптива. Отдельная мобильная версия нужна только когда на десктопе очень тяжёлый функционал, который на телефоне не нужен вовсе.
Какой размер кнопки в форме оптимален для мобильных?
Делаю минимум 48×48 px с отступами 8 px от краёв. На практике это снижает количество ошибочных касаний.
Стоит ли проверять сайт на реальных устройствах или хватит эмулятора?
Эмулятор в Chrome показывает только часть проблем. Реальные устройства с разными версиями Android и iOS дают более точную картину, особенно с клавиатурой и тач-событиями.
После того как мобильная версия сайта заявки начинает работать без сбоев, следующий шаг — посмотреть, как эти же формы ведут себя при переходах из РСЯ и ретаргета.
