Реклама откручена, клики идут, а заявок мало. Первое место, куда стоит посмотреть, — не объявления, а отчёт по устройствам. В услугах для частных лиц с телефонов приходит 65-80% трафика, и если мобильная версия сайта работает хуже десктопной, вы оплачиваете большинство кликов впустую.
Разберём предметно: что именно ломается на телефоне, как за десять минут проверить это самому, что обязано быть в первом экране и почему на мобильном кнопка звонка приносит больше, чем аккуратная форма.
Больше половины трафика с телефона
Откройте Метрику, отчёт «Устройства», и поставьте рядом две цифры: долю визитов со смартфонов и конверсию в заявку отдельно для смартфонов и для десктопа. Нормальная ситуация — когда мобильная конверсия ниже десктопной на 10-20%: у человека в дороге меньше времени и внимания. Если разрыв двукратный и больше, дело не во внимании, а в вёрстке.
Считать удобнее в деньгах. Смысл платного трафика в том, чтобы перехватить клиента в момент выбора: он открыл поиск, сравнивает три-четыре компании и решает за несколько минут. В этот момент он держит телефон в руке. Сайт, который на телефоне неудобен, отдаёт этого человека следующему в выдаче — бесплатно и без шансов на второй заход.
Арифметика на реальных цифрах. 1 000 переходов с мобильных, клик 60 ₽ — бюджет 60 000 ₽. При конверсии 1,2% это 12 заявок по 5 000 ₽. После правок адаптива конверсия вырастает до 2,8% — те же 60 000 ₽ дают 28 заявок примерно по 2 140 ₽. Плюс 16 заявок без единого дополнительного рубля на рекламу. Если до договора доходит каждая четвёртая заявка, это 7 договоров вместо 3.
Именно поэтому в генерации целевых клиентов мобильная версия — не пункт технического задания, а часть экономики: она напрямую меняет цену заявки и цену договора.
Что чаще всего ломается
Поломки повторяются от сайта к сайту. Ниже — восемь ситуаций, которые встречаются почти в каждом аудите, и что с ними делать.
| Проблема | Как проявляется | Как чинить |
|---|---|---|
| Мелкий текст | Абзацы приходится увеличивать пальцами, глаз соскакивает со строки | Базовый размер 16 px, заголовки от 24 px, межстрочный интервал 1,5 |
| Номер телефона текстом | По номеру нельзя нажать, его копируют вручную или уходят | Оформить номер ссылкой tel: и продублировать кнопкой в шапке |
| Кнопки меньше пальца | Промахи, случайные нажатия соседних ссылок | Кликабельная зона от 48×48 px, зазор между элементами от 8 px |
| Форма из 6-8 полей | Заполняют два поля и закрывают вкладку | Оставить имя и телефон, остальное уточнять в разговоре |
| Прайс и таблицы уезжают за экран | Видна половина колонок, цена не читается | Прокрутка внутри блока или карточный вид на узких экранах |
| Всплывашка на весь экран | Крестик мелкий или за границей экрана, закрыть нечем | Показ не раньше 20-30 секунд, крестик от 44 px, одно окно за сессию |
| Фото по 3-5 МБ | На мобильном интернете первый экран рисуется 6-8 секунд | Формат WebP, ширина под макет, отложенная загрузка ниже первого экрана |
| Контакты спрятаны в бургер | Человек ищет способ связаться и не находит за два касания | Телефон и мессенджер вынести из меню в постоянную нижнюю панель |
Отдельная беда — горизонтальный скролл. Достаточно одной картинки или таблицы фиксированной ширины, чтобы вся страница начала ездить вбок. Пользователь воспринимает это как «сайт сломан» и закрывает вкладку, даже не дочитав заголовок.
Первый экран на телефоне
На десктопе в первый экран влезает и заголовок, и подзаголовок, и форма, и преимущества. На телефоне высота видимой области — примерно 600-700 px за вычетом браузерной панели. Туда помещается четыре-пять элементов, не больше. Значит, каждый должен работать.
- Что вы делаете и где. Одна строка: услуга плюс город или район. Без слоганов вроде «мы меняем стандарты рынка».
- Ориентир по цене или срокам. «От 4 500 ₽», «выезд в день обращения». Это отсекает нецелевых и удерживает целевых.
- Одно главное действие. Крупная кнопка во всю ширину контейнера: «Позвонить» или «Написать в WhatsApp».
- Второе действие мелким планом. Ссылка «Оставить заявку» или «Рассчитать стоимость» для тех, кому звонить неудобно.
- Один аргумент доверия. Срок работы, число объектов, гарантия. Не блок из шести иконок, а одна строка.
Всё остальное — ниже. Подробнее о структуре страницы под заявку — в разборе посадочной страницы для заявок: логика та же, но на мобильном требования к экономии места жёстче.
Почему кнопка звонка важнее формы
Форма на телефоне требует от человека серии действий: попасть в поле, дождаться клавиатуры, переключить раскладку на цифры, набрать номер, нажать «Отправить», дождаться ответа. Звонок требует одного касания. В нишах, где решение принимают быстро — эвакуатор, замок, сантехник, вскрытие, срочный ремонт, — доля звонков с мобильных доходит до 70% всех обращений.
Практический минимум: номер ссылкой в шапке, крупная кнопка звонка в первом экране и закреплённая нижняя панель с двумя иконками — телефон и мессенджер. Мессенджер обязателен: часть людей звонить не любит принципиально, но напишет в WhatsApp или Telegram за пять секунд. Ссылка должна открывать чат с заготовленным первым сообщением, чтобы человеку не пришлось придумывать, с чего начать.
Чтобы понимать, откуда пришёл звонок, нужен коллтрекинг: подменный номер по источнику и связка с рекламным кабинетом. Без этого мобильные обращения просто не попадут в отчёт, и кампания, которая приносит готовые заявки, будет выглядеть убыточной на бумаге.
Формы на мобильном
Форма нужна, но в мобильном виде она устроена иначе. Правила простые.
- Два поля: имя и телефон. Каждое дополнительное поле сокращает число отправок примерно на 8-12%.
- Правильный тип клавиатуры: для телефона — цифровая, для почты — с символом @. Иначе человек ищет цифры вручную.
- Кнопка отправки во всю ширину, текст по делу: «Получить расчёт», а не «Отправить».
- Согласие на обработку данных — компактной строкой со ссылкой, не абзацем на десять строк.
- Подтверждение сразу на экране, без перехода на отдельную страницу «Спасибо», которая теряет часть целей аналитики.
Если услуга требует деталей, вместо длинной формы ставьте квиз: три-четыре шага с крупными вариантами ответа, номер — на последнем шаге. Пальцем нажимать варианты проще, чем печатать, и человек уже вложился в процесс, когда доходит до контактов.
Тяжёлые фото и загрузка
Мобильный интернет медленнее и нестабильнее домашнего. Ориентир — первый экран виден за 3 секунды при обычном 4G. Каждая лишняя секунда сверх этого срезает часть визитов ещё до того, как человек увидел предложение.
Главные пожиратели веса: фотографии в исходном размере с фотоаппарата, несжатое видео в фоне, три подключённых шрифта по четыре начертания, десяток сторонних скриптов. Рабочий норматив — не больше 300 КБ на одно изображение и не больше 1,5-2 МБ на всю страницу. Подробнее о технической стороне — в материале про скорость загрузки сайта.
Как проверить за десять минут
Не нужны инструменты и подрядчик. Нужен ваш собственный телефон и последовательность действий.
- Отключите Wi-Fi. Проверять адаптив по домашней сети бессмысленно: реальные клиенты приходят с мобильного интернета.
- Откройте сайт с рекламной ссылки и засеките время до появления заголовка и кнопки. Больше 3 секунд — идите чинить вес страницы.
- Прочитайте первый экран, не увеличивая пальцами. Понятно, что за услуга, город и что делать дальше?
- Нажмите на номер телефона большим пальцем, держа телефон одной рукой. Открылся набор номера — хорошо.
- Заполните и отправьте форму до конца. Смотрите, какая появляется клавиатура и что показывает сайт после отправки.
- Пролистайте страницу целиком и проведите пальцем влево-вправо. Страница ездит вбок — ищите блок фиксированной ширины.
- Откройте прайс, таблицу и калькулятор. Проверьте, читаются ли цифры без масштабирования.
- Повторите на втором телефоне — с узким экраном и другой операционной системой. Ошибки вёрстки часто видны только на одном из двух.
Дополнительно посмотрите Вебвизор по мобильным визитам: два-три десятка записей покажут, где люди тычут в неактивные элементы, зумят текст и уходят с формы. Это быстрее любых догадок.
Чек-лист исправлений
- Текст от 16 px, ни одного блока с горизонтальной прокруткой страницы.
- Номер телефона — ссылка tel: в шапке и кнопкой в первом экране.
- Закреплённая нижняя панель: звонок и мессенджер, видны всегда.
- Форма из двух полей плюс квиз для сложных услуг.
- Кликабельные зоны от 48 px с зазорами между ними.
- Всплывашка одна, не раньше 20-30 секунд, закрывается уверенно.
- Изображения в WebP, до 300 КБ каждое, страница до 2 МБ.
- Цели в Метрике настроены на звонок, отправку формы и клик по мессенджеру.
- Коллтрекинг подключён, источники звонков видны в отчёте.
Порядок работ такой: сначала звонок и первый экран, потом вес страницы, потом форма и таблицы. Первые два пункта дают основную часть прироста и делаются за день-два.
Мы в N3MIROFF относимся к мобильной версии как к части воронки, а не к оформлению: посадочная собирается сразу под телефон, звонок и мессенджер стоят выше формы, а результат считается в заявках и договорах — модель оплаты за результат не позволяет прятать потери за красивым отчётом по кликам. Пришлите ссылку на свой сайт — разберём мобильную версию по этому чек-листу и посчитаем, сколько заявок вы сейчас теряете на телефоне.
Наши работы
Сайты, которые студия уже запустила
Четыре проекта N3MIROFF, которые можно открыть прямо сейчас и посмотреть, как они работают.
Агротех с ИИ
SkyFarm ↗
Редизайн сайта систем выращивания: первый экран с контейнерной фермой, схема работы из трёх шагов, карусель продуктов и экран приложения.
Сайт салона
ayvazzovsky.com ↗
Салон сложного окрашивания в Москве: онлайн-запись, видео работ, портфолио и команда. Переехал с Тильды на свой хостинг.
Онлайн-академия
ayvazzovsky.academy ↗
Видеоуроки колористики: каталог, посадочные страницы уроков, личный кабинет и промокоды.
Event-агентство
navsegda-event.ru ↗
НАВСЕГДА: корпоративы и конференции - услуги, кейсы, этапы работы и расчёт мероприятия.
Витрина магазина
Monkey Market ↗
Премиальная витрина магазина кроссовок с заказом в Telegram.
Проверим вашу мобильную версию
Пришлите ссылку на сайт — разберём первый экран, кнопки, формы и вес страницы, покажем, где теряются заявки с телефонов.
Частые вопросы
Какая доля трафика приходит с телефонов?
В услугах для частных лиц это обычно 65-80% визитов. Точную цифру смотрите в Метрике, отчёт «Устройства», и обязательно сравнивайте конверсию смартфонов и десктопа отдельно.
Насколько мобильная конверсия может отличаться от десктопной?
Разрыв в 10-20% в пользу десктопа считается нормальным. Если мобильная конверсия ниже в два раза и больше, причина почти всегда в вёрстке: мелкий текст, некликабельный номер, длинная форма или тяжёлые фото.
Что даёт исправление адаптива в деньгах?
Типичный пример: 1 000 мобильных кликов по 60 ₽ — это бюджет 60 000 ₽. При конверсии 1,2% получается 12 заявок по 5 000 ₽. После правок конверсия 2,8% даёт 28 заявок примерно по 2 140 ₽ при том же бюджете.
За сколько секунд должен открываться сайт на телефоне?
Ориентир — первый экран виден за 3 секунды на обычном 4G. Практический норматив по весу: до 300 КБ на изображение и до 1,5-2 МБ на всю страницу.
Что важнее на мобильном: форма или кнопка звонка?
Кнопка звонка и мессенджер. Звонок — одно касание, форма — шесть действий подряд. В срочных нишах на звонки приходится до 70% обращений, поэтому телефон и мессенджер выносят в постоянную нижнюю панель, а форму оставляют как второй вариант.
Нужны заявки, а не клики
Собираем связку «реклама плюс посадочная под телефон» и передаём готовые обращения с прозрачной ценой заявки. Платите за результат, а не за трафик.
Получить целевые заявки → Telegram