Мобильная версия теряет заявки: что проверить руками за 15 минут

Мобильная версия теряет заявки, когда форма не отправляется с одного касания, кнопка «Позвонить» не запускает звонок, а текст наезжает на кнопку отправки. Проверить это можно за 15 минут: открыть сайт с телефона, пройти путь клиента до отправки заявки и засечь, на каком шаге он срывается. Дальше нужно чинить конкретный узел, а не переделывать сайт целиком.

почему возникает потеря заявок на мобильных

Директор строительной компании из Балашихи получал с сайта около 40 заявок в месяц — так было весной. Летом цифра упала до дюжины при том же бюджете на контекстную рекламу. Менеджер разводит руками: сайт открывается, форма на месте, звонки принимаются. Но никто не пробовал зайти на сайт с телефона в метро, где связь скачет, а палец промахивается мимо маленькой кнопки под текстом.

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

Ставка здесь простая. У компании из Москвы сайт часто остаётся единственным каналом, где клиент сам сравнивает три-четыре подрядчика за один вечер с телефона, пока едет домой или сидит в очереди. Если форма не отправляется со второй попытки, человек уходит к следующему сайту в выдаче, а клик по рекламе уже оплачен и потрачен впустую. За квартал это десятки упущенных обращений и растущая стоимость лида, которую маркетолог не может объяснить, потому что смотрит только в рекламный кабинет, а не на сам сайт с телефона в руке.

что проверить руками за 15 минут

Специальный софт не нужен — только свой телефон и готовность пройти путь клиента до конца, а не до середины формы. Лучше делать это на двух устройствах: одном с Android и одном с iOS, потому что браузеры на них по-разному обрабатывают формы, автозаполнение и всплывающую клавиатуру.

форма заявки и поля ввода

Откройте форму на телефоне и заполните её так, как это делает уставший человек одной рукой: имя, телефон, комментарий. Проверьте, выскакивает ли цифровая клавиатура на поле «телефон», не съезжает ли текст под кнопку отправки и виден ли чекбокс согласия на обработку персональных данных — без него форма собирает контакты клиента с нарушением требований 152-ФЗ. Проверьте и сообщение об ошибке: если оно появляется мелким серым текстом сверху страницы, человек его просто не заметит и решит, что форма не работает вообще.

кнопка звонка и мессенджеров

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

вёрстка на разных экранах

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

путь клиента от захода до отправки заявки

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

как исправить самые частые ошибки мобильной версии

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

Другая часть ошибок сидит глубже — в вёрстке шаблона и в том, как сайт хранит и отдаёт изображения. Тяжёлые фотографии на главной странице грузятся секундами на мобильном интернете, а человек, листающий сайт в дороге, редко досматривает загрузку до конца. Автоматически проигрывающееся видео на фоне работает похожим образом: оно съедает трафик клиента и замедляет саму страницу, пока форма заявки ещё даже не прогрузилась. Здесь разовой правкой не обойтись: нужен разбор кода страницы и сравнение с тем, как ведут себя сайты конкурентов в той же нише.

Разница между тем, что видно глазами, и тем, что вскрывает разбор кода и аналитики, обычно такая:

Такой разбор входит в аудит сайта по 9 направлениям: специалист проходит форму, скорость, вёрстку, аналитику и ещё несколько технических блоков не по отдельности, а в связке, и показывает, какая правка вернёт заявки быстрее остальных.

что делать, если ошибка повторяется

Форму починили, кнопку звонка тоже, а заявки с телефона по-прежнему не растут. Знакомая ситуация: правки вносили три раза за месяц, каждый раз что-то улучшали, а число обращений с Android топталось на месте, хотя с iPhone заявки шли стабильно. Дело уже не в вёрстке, а в том, что видно только со стороны: не считает ли аналитика мобильную и десктопную заявку по-разному, не рвётся ли соединение с сервером при пиковой нагрузке в рекламный день, не блокирует ли форму защита от спама у конкретного оператора связи или конкретной версии браузера.

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

как предотвратить потерю заявок на мобильных в будущем

Ручная проверка — разовая мера, а сайт меняется постоянно: обновляется система управления, дизайнер добавляет баннер, менеджер правит текст в форме. Каждое такое изменение стоит проверять на телефоне до публикации, а не после жалоб от отдела продаж. Хорошее правило — не публиковать правку на боевом сайте, пока её не открыли хотя бы на одном реальном телефоне, а не только в браузере на компьютере с уменьшенным окном.

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

сколько стоит разбор мобильной версии сайта

Стоимость зависит от объёма сайта и количества направлений проверки: форм, скорости, вёрстки, аналитики, безопасности. Актуальные пакеты и то, что входит в каждый из них, указаны на странице цены и тарифы. Разбор мобильной версии обычно идёт в связке с остальными направлениями аудита сайта — так видно не только потерянные заявки на телефоне, но и причины, из-за которых страдает вся воронка целиком, от первого клика по рекламе до звонка менеджера.

❓ Частые вопросы

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

Сравните конверсию в заявку с мобильных и с десктопа в счётчике аналитики за один и тот же период. Если доля мобильного трафика высокая, а заявок с телефона заметно меньше, чем с компьютера, дело не в рекламе, а в том, как сайт ведёт себя на телефоне.

Сколько времени занимает ручная проверка мобильной версии сайта?

От 15 до 20 минут, если пройти путь клиента полностью: открыть сайт с телефона, дойти до нужной услуги, заполнить форму и нажать «Отправить». Быстрее не получится — часть ошибок видна только на реальной отправке, а не на беглом просмотре страницы.

Нужен ли отдельный мобильный сайт, или достаточно адаптивной вёрстки?

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

Что входит в аудит сайта по 9 направлениям?

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

Может ли ошибка в мобильной форме нарушать закон о персональных данных?

Да. Если форма собирает телефон или email без чекбокса согласия на обработку персональных данных, это нарушение требований 152-ФЗ, а не только маркетинговая недоработка. На мобильной версии чекбокс часто прячется или съезжает за пределы экрана, поэтому его стоит проверять отдельно от остальных полей формы.