В большинстве ниш больше половины рекламного трафика приходит с телефонов. Проверьте на реальном телефоне первый экран, кнопку звонка, формы, скорость, шрифт от 16 px, отсутствие горизонтальной прокрутки и мешающих всплывашек.
Объясняем на пальцахПокупатель заходит в магазин с коляской, а дверь узкая. Магазин красивый, а войти нельзя. Так и с сайтом, который открывают с телефона.
Это как нарисовать картинку на огромном листе, а показать её в маленьком окошке. Всё важное остаётся за краем.
Проверьте, как ваш сайт выглядит в телефоне, а не на большом мониторе. Это как примерить платье, а не только повесить на вешалку.
Владелец делает сайт на большом мониторе и радуется. Клиент открывает его в метро с телефона, где кнопка уехала за край, а форма не помещается в экран. Они смотрят на одно и то же, но видят разные сайты.
При этом в большинстве ниш именно телефон — главный источник заявок.
Что проверить в мобильной версии
| Что | Как должно быть |
|---|---|
| Первый экран | Оффер и кнопка видны без прокрутки |
| Кнопка звонка | Нажимается и сразу набирает номер |
| Мессенджеры | Кнопки мессенджеров открывают чат |
| Формы | 1–2 поля, у телефона цифровая клавиатура и маска |
| Шрифт | От 16 px, достаточный контраст |
| Ширина | Нет горизонтальной прокрутки |
| Всплывающие окна | Не закрывают экран целиком, легко закрываются |
| Скорость | Первый экран за 2–3 секунды на мобильном интернете |
| Изображения | Не обрезаны, не тяжёлые |
| Липкие элементы | Не закрывают кнопки и текст |
Как проверять
- Откройте сайт на своём телефоне и на старом недорогом: разница бывает огромной.
- Пройдите путь клиента: прочитать оффер, посмотреть цены, оставить заявку.
- Посмотрите вебвизор с фильтром «смартфоны».
- Сравните конверсию мобильных и компьютеров в Метрике.
Если смартфонов больше половины визитов, а конверсия у них вдвое ниже, чем у компьютеров, это первый сигнал, что сайт неудобен с телефона. Например, в условном отчёте 62 % визитов приходят со смартфонов с конверсией 1,8 %, а 35 % визитов с компьютеров дают 3,9 %. Цифры условные, но логика та же.
10 типовых проблем и решений
| Ниша | Проблема | Решение |
|---|---|---|
| Ремонт квартир | Квиз с картинками не помещается | Картинки меньше, по одной в ряд |
| Окна | Калькулятор с мелкими полями | Крупные поля и кнопки «+/−» |
| Стоматология | Телефон в шапке не кликабелен | Ссылка tel: |
| Автосервис | Карта загружается 10 секунд | Статичная картинка карты со ссылкой |
| Кухни на заказ | Галерея тяжёлая, грузится долго | Сжатые изображения, ленивая загрузка |
| Строительство домов | Таблица проектов уходит за край | Карточки вместо таблицы |
| Юристы | Всплывашка через 3 секунды на весь экран | Убрать или показывать позже |
| Обучение | Программа на 10 экранов | Аккордеон по модулям |
| B2B | PDF-прайс не открывается | Цены на странице или лёгкий файл |
| Клининг | Кнопка заявки закрыта виджетом чата | Сместить виджет |
Клининг, смартфон, 38 секунд визита: пролистал первый экран, посмотрел цены, пытается нажать «Заявка» — кнопку закрывает виджет чата. Ушёл без заявки. Решение простое: сместить виджет.
Как должен выглядеть мобильный первый экран
Короткий заголовок до 6–8 слов, одна строка пояснения и одна главная кнопка. Всё помещается без прокрутки. Если кнопка не видна, сокращайте заголовок, а не шрифт.
- Ремонт квартир. «Ремонт однушки под ключ за N дней. Смета фиксируется в договоре». Кнопка — «Рассчитать стоимость».
- Стоматология. «Лечение зубов у метро. Приём сегодня, цены на сайте». Кнопка — «Позвонить» (ссылка tel:). С телефона чаще звонят, чем заполняют форму.
- Автосервис. «ТО и ремонт ходовой за 1 день. Адрес в одной строке». Кнопка — «Записаться в мессенджере». Адрес заменяет тяжёлую карту.
- Клининг. «Уборка квартиры от X ₽. Приедем завтра, химия наша». Кнопка — «Выбрать дату».
- B2B, упаковка. «Гофрокоробы от 500 шт. с вашим логотипом. Прайс прямо на странице». Кнопка — «Получить расчёт».
Типичные ошибки
Главная ошибка одна: проверять сайт там, где его делали.
- Смотрят только на большом мониторе и в «мобильном режиме» браузера, но не на реальном телефоне.
- Ставят липкие виджеты, которые закрывают кнопку заявки.
- Оставляют в шапке номер без ссылки tel:.
- Встраивают PDF-прайс, который с телефона не открывается.
- Делают форму на пять полей, где хватило бы двух.
Что проверить у себя
- Проверено на двух реальных телефонах.
- Оффер и кнопка на первом экране.
- Кнопки звонка и мессенджеров работают.
- Формы удобны, цифровая клавиатура для телефона.
- Нет горизонтальной прокрутки и мешающих всплывашек.
- Конверсия мобильных сравнена с компьютерами.
Скорость первого экрана подробно разобрана в статье про скорость сайта, а полный чек-лист сайта — в материале сайт, который продаёт.
Мнение Александра ЕвстигнееваОснователь AVE Design Studio«Ваш сайт видят с телефона. А проверяете вы его с компьютера.»
Частые вопросы
Алиса, нужна ли отдельная мобильная версия сайта?
Нет, достаточно адаптивного сайта, который правильно перестраивается под экран телефона.
Почему с мобильных конверсия ниже, чем с компьютера?
Часто из-за неудобных форм и медленной загрузки. Вебвизор с фильтром «смартфоны» быстро покажет причину.
Можно ли отключить рекламу на телефонах?
Можно, но вы обычно потеряете большую часть аудитории. Лучше исправить сайт.
Какой шрифт нужен на мобильной версии?
От 16 px и с достаточным контрастом.
Сколько полей должно быть в форме на телефоне?
Одно-два. У телефона нужна цифровая клавиатура и маска ввода.
Как это выглядит у клиентов
Опубликовано .
