Перейти к статье
Beauty.metricsВсе статьи
Все статьи/Экспертный взгляд

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

Как проверить мобильную версию сайта салона красоты: тап-зоны, форма записи, скорость, согласие по 152-ФЗ и расчёт потерь на реальном салоне.

Мобильная версия сайта салона красоты на экране смартфона

Мобильная версия сайта салона — это не уменьшенная копия десктопа, а отдельный сценарий покупки: человек листает страницу одной рукой, между делами, и решает за 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 шагов

  1. Откройте сайт на реальном смартфоне, не в эмуляторе. Смотрите не внешний вид, а путь до заявки: сколько раз пришлось приблизить экран и сколько полей заполнить. Больше 4 полей в форме — уже потеря.
  2. Замерьте скорость через PageSpeed Insights в мобильном режиме. Целевой LCP — до 2,5 с, у нас в проектах типичный старт 5–7 с из-за несжатых фото интерьера. Сжатие 15 фото даёт минус 2–3 с.
  3. Проверьте тап-зоны линейкой в браузере. Хитбокс кнопки и телефона — минимум 44 × 44 px с отступом 8 px между элементами. Кнопка меньше 40 px даёт промахи у 15–25% нажатий.
  4. Включите экранную клавиатуру и попробуйте отправить форму. Самая частая ошибка: клавиатура перекрывает кнопку отправки и галочку согласия, человек не понимает, почему заявка не уходит.
  5. Проверьте номер телефона и адрес. Телефон должен открывать звонилку по тапу, адрес — карту. Номер, набранный картинкой, убивает звонки с мобильного, а это до трети обращений.
  6. Прогоните текст на читаемость. Шрифт от 16 px, контраст не ниже 4,5:1, никакой горизонтальной прокрутки на ширине 360 px. Абзацы по 3–4 строки — на смартфоне длинные простыни не читают.

Форма записи: 4 поля вместо шести

Разбор по полям, которые мы оставляем в мобильных формах клиентов:

  1. Имя.
  2. Телефон.
  3. Услуга — выпадающий список из 5–8 позиций, а не поле ввода.
  4. Желаемая дата — визуальный календарь, а не текстовое поле.

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 поможем выбрать инструменты, подготовить запуск и оценить результат по записям и оплатам.

Обсудить задачу салона