Мобильная версия сайта салона — это не уменьшенная копия десктопа, а отдельный сценарий покупки: человек листает страницу одной рукой, между делами, и решает за 15–20 секунд. 74–82% посетителей бьюти-сайта приходят со смартфона, и почти всегда конверсия мобильной версии ниже десктопной в 1,5–2 раза. Разрыв — не приговор, а конкретный список дефектов, каждый из которых чинится за дни, а не за месяцы.
Короткий ответ: проверка мобильной версии сводится к шести пунктам — скорость до 3 секунд, тап-зоны от 44 px, форма записи в 4 поля, кликабельный телефон, читаемый текст без горизонтальной прокрутки, согласие по 152-ФЗ. Ниже — как это проверить за час, что именно теряет записи и как посчитать потери в рублях.
Где именно теряются записи
| Элемент | Как на десктопе | Что на смартфоне | Потеря заявок |
|---|---|---|---|
| Форма записи | 5–6 полей в ряд | поля слипаются, клавиатура закрывает кнопку | −25–40% |
| Кнопка «Записаться» | крупная, в шапке | меньше 44 px, промах пальцем | −15–25% |
| Телефон | кликабельный номер | номер картинкой, звонок вручную | −20–30% |
| Загрузка | 1,8 с | 4,5–7 с на мобильном интернете | −30–50% |
| Прайс | таблица на всю ширину | горизонтальная прокрутка | −10–20% |
| Согласие на обработку ПД | галочка видна | уезжает под клавиатуру, отправка блокируется | заявок нет |
Цифры — из наших аудитов: разница между «нормальной» и «ужатой» мобильной версией по конверсии сайта в заявку составляет 0,8% против 2,2% при одинаковом трафике и оффере.
Как проверить мобильную версию: 6 шагов
- Откройте сайт на реальном смартфоне, не в эмуляторе. Смотрите не внешний вид, а путь до заявки: сколько раз пришлось приблизить экран и сколько полей заполнить. Больше 4 полей в форме — уже потеря.
- Замерьте скорость через PageSpeed Insights в мобильном режиме. Целевой LCP — до 2,5 с, у нас в проектах типичный старт 5–7 с из-за несжатых фото интерьера. Сжатие 15 фото даёт минус 2–3 с.
- Проверьте тап-зоны линейкой в браузере. Хитбокс кнопки и телефона — минимум 44 × 44 px с отступом 8 px между элементами. Кнопка меньше 40 px даёт промахи у 15–25% нажатий.
- Включите экранную клавиатуру и попробуйте отправить форму. Самая частая ошибка: клавиатура перекрывает кнопку отправки и галочку согласия, человек не понимает, почему заявка не уходит.
- Проверьте номер телефона и адрес. Телефон должен открывать звонилку по тапу, адрес — карту. Номер, набранный картинкой, убивает звонки с мобильного, а это до трети обращений.
- Прогоните текст на читаемость. Шрифт от 16 px, контраст не ниже 4,5:1, никакой горизонтальной прокрутки на ширине 360 px. Абзацы по 3–4 строки — на смартфоне длинные простыни не читают.
Форма записи: 4 поля вместо шести
Разбор по полям, которые мы оставляем в мобильных формах клиентов:
- Имя.
- Телефон.
- Услуга — выпадающий список из 5–8 позиций, а не поле ввода.
- Желаемая дата — визуальный календарь, а не текстовое поле.
Email, комментарий и «откуда вы о нас узнали» убираем на мобильной версии: каждое лишнее поле стоит 5–10% отправок. Поле телефона должно открывать цифровую клавиатуру, маска — подставляться сама.
Отдельно — согласие на обработку персональных данных. По 152-ФЗ нужна отдельная непредустановленная галочка и ссылка на политику обработки рядом с формой, а также указание оператора. На смартфоне галочка часто уезжает под клавиатуру или сливается с текстом: человек нажимает «Отправить», получает отказ и уходит. Проверьте этот пункт в первую очередь, если форма на мобильной версии не отправляется. Заявки, пришедшие с телефона, дальше зависят от скорости ответа администратора — это разбирали в материале про сайт для салона красоты.
Сквозной расчёт: 25 000 ₽ в месяц на пустой кнопке
Салон на три мастера, выручка 1 100 000 ₽/мес, средний чек 2 700 ₽, маржа 55% (1 485 ₽). Реклама в Яндекс.Директе — 70 000 ₽/мес, сайт получает 2 600 визитов в месяц, из них 78% мобильных — 2 028 визитов и 572 десктопных.
Считаем как есть. Конверсия в заявку: десктоп 2,4% → 14 заявок, мобильный 1,2% → 24 заявки. Всего 38 заявок, CPL = 70 000 / 38 = 1 842 ₽. Заявка в запись — 40%: 15 записей. Запись в визит — 80%: 12 клиентов. Выручка 12 × 2 700 = 32 400 ₽ при расходе 70 000 ₽ — месяц убыточен.
Теперь то же с доработанной мобильной версией. Правим три вещи: сжимаем фото (минус 2,5 с загрузки), убираем два поля из формы, увеличиваем кнопку и телефон до 48 px. Конверсия мобильной доходит до десктопной — 2,4%: это 49 заявок вместо 24. Итого 63 заявки, CPL = 70 000 / 63 = 1 111 ₽. Записи: 63 × 0,4 = 25, визиты: 25 × 0,8 = 20 клиентов. Выручка 20 × 2 700 = 54 000 ₽, маржа 29 700 ₽ — расход 70 000 ₽ всё ещё выше, но CPL уже внутри допустимого коридора 800–2 500 ₽ для салона.
Прирост от доработки: 8 визитов × 2 700 ₽ = 21 600 ₽ выручки в месяц и 11 880 ₽ маржи. Работы по мобильной версии — от 60 000 до 90 000 ₽ у подрядчика: правки вёрстки, сжатие изображений, пересборка формы. Окупаемость — 5–7 месяцев на одной только конверсии, без учёта роста LTV. Если у вас сайт на конструкторе и вёрстку не поправить, дешевле собрать адаптивный лендинг для салона заново. Мы такие правки делаем в рамках разработки сайтов.
Что чаще всего ломает мобильную версию
- Всплывающие окна с промокодом на весь экран: перекрывают кнопку записи и добавляют 1–2 с к загрузке.
- Слайдер с 8 фото в шапке: на смартфоне превращается в 3 МБ картинок и LCP больше 6 с.
- Карусель отзывов с автопрокруткой: человек не успевает прочитать, а скрипт тормозит страницу.
- Карта в подвале, встроенная виджетом: весит 1,5–2 МБ и грузится первой. Замените статичным скриншотом со ссылкой на приложение карт.
- Отдельный «мобильный» домен m.site.ru: два адреса, две аналитики, разъезжающиеся цены. Нужен адаптив, а не отдельная версия.
FAQ
Какая конверсия мобильной версии считается нормальной?
Для бьюти-сайта ориентир — 2–3% в заявку при мобильном трафике. Если у вас 0,8–1,2% при работающей рекламе, дело почти всегда в форме, скорости или размере кнопки, а не в оффере. Разрыв с десктопом больше чем вдвое — красный флаг.
Нужна ли отдельная мобильная версия сайта?
Нет, с 2021 года достаточно адаптивной вёрстки: один адрес, один контент, один счётчик аналитики. Отдельный m-домен удваивает работу по SEO и правкам прайса, а Яндекс ранжирует его хуже, чем адаптив.
Как быстро проверяется скорость сайта на смартфоне?
PageSpeed Insights даёт оценку за минуту, но смотрите на LCP и CLS в мобильном режиме, а не на общий балл. Хорошая практика — замер на реальном телефоне в мобильном интернете: цифры там обычно на 1–2 секунды хуже лабораторных.
Что обязательно должно быть в мобильной форме записи?
Четыре поля — имя, телефон, услуга, дата — плюс отдельная галочка согласия на обработку персональных данных по 152-ФЗ и ссылка на политику. Без непредустановленной галочки форма собирает данные незаконно, а на мобильном её часто просто не видно.
Итог
Мобильная версия сайта салона теряет записи в шести местах: форма, кнопка, телефон, скорость, прайс и согласие по 152-ФЗ. Проверка занимает час на реальном смартфоне, а починка окупается за 5–7 месяцев на одном канале. Начните с трёх правок — сжатие фото, короче форма, крупнее кнопка: в нашем расчёте они дают 8 дополнительных визитов в месяц. Покажите сайт на своём телефоне администратору и попросите записаться как клиент: где она застрянет, там и теряются ваши деньги.
Хотите применить это в своём салоне?
Расскажите о вашем бизнесе. В Beauty.metrics поможем выбрать инструменты, подготовить запуск и оценить результат по записям и оплатам.
Обсудить задачу салона