Вы запустили рекламу. Яндекс.Метрика показывает красивые цифры: 10 000 посетителей за неделю. Вы открываете шампанское. Потом смотрите на заявки — их 12. Двенадцать, Карл.
Открываете разбивку по устройствам и видите: 83% трафика пришло с мобильных. А конверсия на мобилке — 0.8%. На десктопе — 3.2%. В четыре раза выше.
Добро пожаловать в главный парадокс 2025 года: мобильный трафик доминирует, но деньги по-прежнему приносит десктоп.
Давайте разберёмся, почему так происходит и — главное — что с этим делать.
Цифры, которые портят настроение
Согласно свежим исследованиям Hostinger и UserGuiding, ситуация выглядит так:
- 62-83% всего трафика на лендинги приходит с мобильных устройств
- При этом мобильная конверсия на 8% ниже десктопной
- Средняя конверсия лендинга — 6.6%, но на мобилке она падает до 3-4%
Получается абсурд: вы платите за клики, большинство кликов — с телефонов, а телефоны не конвертируют. Это как платить за вход в ресторан, где 80% посетителей смотрят меню и уходят.
Почему мобилка сливает конверсию
1. Толстые пальцы и маленькие кнопки
Это не шутка, это анатомия. Средняя ширина подушечки пальца — 10-14 мм. А кнопка «Оставить заявку» на многих лендингах — 8 мм. Пользователь промахивается, попадает на ссылку «Политика конфиденциальности», раздражается, уходит.
Минимальный размер тап-зоны по гайдлайнам Apple и Google — 44×44 пикселя. На практике лучше делать 48×48 и больше. А расстояние между кликабельными элементами — минимум 8 пикселей, чтобы избежать случайных нажатий.
2. Формы, которые проектировал садист
На десктопе заполнить форму из 5 полей — 30 секунд. На телефоне — полторы минуты мучений. Клавиатура выскакивает, закрывает половину экрана. Автозаполнение не работает. Поле «Телефон» ожидает текст, а не цифры. Email требует ручного переключения на английскую раскладку.
Каждое дополнительное поле в форме снижает конверсию на 7%. На мобилке — на все 15%.
Правило: если поле не критично для первого контакта — убейте его. Имя и телефон. Всё. Остальное узнаете при звонке.
3. Скорость загрузки — убийца №1
Данные Fermat Commerce неутешительны:
- Каждая секунда загрузки стоит 7% конверсии
- 25% пользователей закрывают страницу, если она грузится дольше 4 секунд
- На мобильном интернете средняя страница грузится на 2-3 секунды дольше, чем на Wi-Fi
А теперь посмотрите на свой лендинг. Полноразмерные фото в hero-секции? Видео на автоплее? Пять подключённых шрифтов? Анимации на каждом скролле? Поздравляю, вы только что потеряли четверть мобильных посетителей ещё до того, как они увидели ваш оффер.
4. Контекст использования
Десктоп — это офис или дом. Человек сидит, у него есть время, он готов изучать информацию.
Мобилка — это метро, очередь в кофейне, перекур. Внимание рассеяно. Решение нужно принять за 10 секунд, иначе — свайп, следующий рилс, вы забыты.
Лендинг, который требует скроллить 8 экранов и читать простыню текста, на мобилке обречён.
5. Доверие сложнее заработать
На маленьком экране сложнее показать социальные доказательства. Логотипы клиентов превращаются в пиксельную кашу. Отзывы не влезают. Сертификаты не разглядеть.
А без доверия нет конверсии. Человек не оставит телефон непонятно кому.
Как починить мобильную конверсию
Шаг 1: Аудит скорости — прямо сейчас
Откройте PageSpeed Insights, вбейте URL своего лендинга, выберите «Мобильные устройства». Если показатель меньше 70 — у вас проблемы.
Что обычно тормозит:
- Картинки без сжатия. Конвертируйте в WebP, используйте srcset для разных размеров экрана
- Неоптимизированные шрифты. Подключайте только нужные начертания, используйте font-display: swap
- Тяжёлый JS. Уберите всё, что не критично для первого экрана
- Видео на автоплее. Замените на статичную картинку с кнопкой play
Шаг 2: Переосмыслите структуру
Мобильный лендинг — это не десктопный лендинг, сжатый до 375 пикселей. Это другой продукт.
Десктоп: Заголовок → Подзаголовок → Описание → Буллиты → CTA Мобилка: Заголовок → CTA → Описание (если долистают)
На мобилке CTA должен быть виден без скролла. Не внизу первого экрана, а прямо под заголовком. Человек пришёл с рекламы, он уже прогрет — дайте ему возможность конвертироваться сразу.
Шаг 3: Формы на стероидах
Минимизируйте ввод:
- Маска телефона с автоопределением страны
- Автофокус на первом поле
- Правильные типы input: tel для телефона, email для почты — чтобы клавиатура подстраивалась
- Автозаполнение: не отключайте его! autocomplete=»tel», autocomplete=»email»
Радикальный вариант — уберите форму вообще. Кнопка «Написать в WhatsApp» или «Позвонить» конвертирует на мобилке лучше любой формы. Человек в два тапа попадает в мессенджер, где уже готов к диалогу.
Шаг 4: Липкий CTA
Кнопка действия должна быть доступна всегда. Пользователь скроллит — кнопка остаётся на экране. Не огромная плашка, закрывающая полстраницы, а аккуратная кнопка внизу экрана.
Исследования показывают, что sticky CTA увеличивает мобильную конверсию на 15-25%.
Шаг 5: Тап-зоны и отступы
Пройдитесь по лендингу пальцем — буквально. Откройте на телефоне и попробуйте нажать на каждый интерактивный элемент. Если промахиваетесь — элемент слишком мелкий или стоит слишком близко к другому.
Особое внимание:
- Ссылки в тексте (часто слишком мелкие)
- Иконки соцсетей (любят лепить по 6 штук впритык)
- Чекбоксы согласия (вечная боль)
Шаг 6: Контент для сканирования
На мобилке не читают — сканируют. Глаз выхватывает заголовки, цифры, выделенные слова.
- Заголовки на каждые 2-3 абзаца
- Буллиты вместо простыней текста
- Цифры и конкретика: не «большой опыт», а «работаем с 2015 года»
- Короткие абзацы: 2-3 предложения максимум
Шаг 7: Доверие в компактном формате
Социальные доказательства должны быть видны, но не громоздки:
- Одна строка: «Уже помогли 500+ клиентам» работает лучше, чем галерея из 20 логотипов
- Один сильный отзыв лучше, чем пять средних
- Рейтинг: звёздочки и цифра «4.9» занимают мало места, но работают
Чеклист мобильной конверсии
Перед запуском трафика проверьте:
- [ ] PageSpeed Mobile > 70
- [ ] CTA виден без скролла
- [ ] Форма: максимум 2-3 поля
- [ ] Телефонный input показывает цифровую клавиатуру
- [ ] Все кнопки > 44×44 px
- [ ] Между кликабельными элементами > 8 px
- [ ] Sticky CTA при скролле
- [ ] Текст читается без масштабирования (минимум 16px)
- [ ] Нет горизонтального скролла
- [ ] Есть кнопка звонка или мессенджера
Отдельный мобильный лендинг — да или нет?
Зависит от трафика. Если больше 70% приходит с мобилок — имеет смысл сделать отдельную версию, а не адаптив.
Отдельный мобильный лендинг позволяет:
- Убрать лишние блоки, которые не работают на маленьком экране
- Изменить порядок секций
- Сделать другой CTA (мессенджер вместо формы)
- Упростить навигацию
Это сложнее в поддержке, но разница в конверсии может быть х2.
Что делать прямо сейчас
- Откройте Яндекс.Метрику
- Посмотрите конверсию в разрезе устройств
- Если мобилка сливает — откройте лендинг на телефоне и пройдите весь путь пользователя
- Засеките, сколько секунд грузится страница
- Попробуйте заполнить форму одной рукой в метро
Скорее всего, вы найдёте минимум 5 вещей, которые нужно исправить. Исправьте их — и мобильный трафик начнёт окупаться.
Мобилка — это не проблема. Проблема — лендинги, которые делали «сначала для десктопа, потом адаптируем». В 2025 году надо наоборот: сначала мобилка, потом десктоп. Тогда и 83% трафика превратятся в деньги, а не в красивые цифры в аналитике
