Мобильная версия сайта: как адаптив возвращает заявки

Мобильная версия сайта: как адаптив возвращает заявки

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

---

Сколько людей приходит к вам с телефона

Откройте Яндекс.Метрику, раздел про устройства. В большинстве проектов, которые мы вели, доля мобильного трафика на сайтах услуг — от 60 до 80 процентов. Человек ищет «ремонт квартиры», «сайт стоматологии» или «установка септика» в метро, на диване, в очереди. Десктоп остаётся для офисных задач и крупных покупок, но первое касание с услугой почти всегда происходит с телефона.

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

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

Как именно адаптив влияет на заявки

Связь прямая. Заявка — это цепочка действий: человек должен прочитать оффер, понять цену или вилку, найти форму, заполнить её и нажать кнопку. Каждое из этих звеньев на телефоне может сломаться.

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

Если человеку с телефона неудобно — он не пишет в поддержку, он молча уходит к конкуренту, у которого удобно.

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

Что чаще всего ломается на телефоне

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

Что ломается	Как это бьёт по заявкам
Огромный баннер на весь первый экран	Оффер и кнопка уезжают «под сгиб», человек не видит сути
Мелкий текст, надо зумить	Раздражение, уход с первого экрана
Кнопка call-to-action ниже сгиба	Человек не доскроллил — заявки нет
Форма с 5-7 полями	Бросают на третьем поле
Номер телефона не кликается	Горячий клиент не дозвонился в один тап
Тяжёлые картинки, долгая загрузка	Закрыли вкладку до загрузки
Всплывающие окна на пол-экрана	Не находят крестик, уходят

Любая из этих мелочей по отдельности кажется ерундой. Вместе они дают ту самую разницу между сайтом, который приносит заявки, и сайтом, который «вроде есть, а толку нет».

Хотите узнать, сколько заявок теряет ваш сайт на телефоне? Оставьте заявку — откроем ваш сайт на разных устройствах, покажем, где ломается путь к форме, и посчитаем, сколько обращений можно вернуть. Получить разбор →

Адаптив — это отдельный сценарий, а не уменьшение

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

Что меняется на телефоне по сравнению с десктопом:

• Оффер и кнопка заявки — в первый экран, без огромного баннера сверху.
• Меню сворачивается, но ключевые действия (позвонить, написать, оставить заявку) — на виду.
• Форма короче: минимум полей, выбор вариантов вместо ручного ввода.
• Кнопка звонка кликабельна и набирает номер в один тап.
• Картинки сжаты, чтобы не тормозить загрузку на мобильном интернете.
• Плавающая кнопка заявки или мессенджера, которая всегда под рукой при прокрутке.

Скорость на телефоне — отдельная история, она напрямую тянет за собой конверсию. Как именно скорость влияет на обращения и что с ней делать, мы разобрали в статье про скорость сайта и заявки. А общую структуру сайта услуги — от оффера до призыва — собрали в материале про SEO-продвижение сайта услуг.

Онлайн-запись и квиз: рычаг роста на мобильном

На телефоне особенно хорошо работают механики, которые убирают звонок. Человеку в дороге проще ткнуть пару кнопок, чем диктовать данные голосом. Поэтому онлайн-запись и квиз на мобильном дают прирост заявок там, где обычная форма буксует.

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

Сюда же — клик-ту-колл и кнопка мессенджера. Когда человек на телефоне, написать в мессенджер ему психологически проще, чем звонить. Эти точки контакта должны быть видны на каждом экране, а не только в подвале.

Как понять, что у вас проблема с мобильной версией

Не нужно гадать — есть три сигнала, которые видно прямо в аналитике и на самом телефоне:

1. Доля мобильного трафика высокая, а конверсия с мобильных ниже, чем с десктопа. В Метрике это видно сразу: если с телефона приходит 70 процентов людей, а заявок они дают непропорционально мало — путь к форме сломан.
2. Высокий процент отказов на мобильных при релевантном трафике. Если люди приходят по целевым запросам, но быстро уходят — дело чаще в сайте, а не в трафике.
3. Тест руками. Откройте свой сайт с телефона и попробуйте оставить заявку как клиент. Засеките, сколько действий и сколько секунд это заняло. Всё, что раздражает вас, раздражает и клиента.

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

Часто задаваемые вопросы

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

Точная цифра зависит от ниши, но порядок такой: если с телефона приходит 60-80 процентов трафика, а мобильная версия неудобная, теряется ощутимая часть всех обращений — нередко больше половины потенциальных заявок с мобильных. Это видно по разнице конверсии между мобильными и десктопом в аналитике.

Чем адаптивная версия отличается от мобильной версии сайта?

Адаптивная вёрстка — это один сайт, который сам подстраивается под ширину экрана: телефон, планшет, десктоп. Отдельная мобильная версия — это второй сайт на поддомене вида m.site.ru. Сегодня в большинстве проектов делают адаптив: его проще поддерживать и он лучше воспринимается поисковиками, которые оценивают сайт прежде всего по мобильной версии.

Можно ли сделать мобильную версию у уже готового сайта?

Да, но это зависит от того, как сайт собран. Иногда хватает доработки вёрстки и форм, иногда дешевле и быстрее пересобрать страницы заново под адаптив. Мы сначала смотрим сайт на разных устройствах, показываем точки потери заявок и считаем, что выгоднее в вашем случае.

Почему форма с телефона собирает меньше заявок, чем с компьютера?

На телефоне сложнее печатать, поэтому каждое лишнее поле и каждый ручной ввод снижают конверсию. Помогает короткая форма (имя и телефон), выбор вариантов вместо набора текста и кнопка звонка или мессенджера в один тап. Часто именно упрощение формы возвращает заметную долю мобильных заявок.

Сколько стоит переделать сайт под телефон?

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

Мобильная версия — это не косметика, а половина (а чаще большинство) ваших заявок. Прежде чем поднимать бюджет на рекламу, проверьте, доходит ли мобильный посетитель до формы и удобно ли ему её заполнить. Часто именно здесь спрятан самый дешёвый рост обращений.