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

Короткий ответ: если сайт неудобен на телефоне, вы теряете больше половины потенциальных клиентов. Google индексирует сайты по мобильной версии (mobile-first), а медленная или «мелкая» мобильная страница режет и позиции, и конверсию. Ниже — конкретные требования к мобильной версии 2026 и чеклист, по которому за один спринт можно вернуть проседающие заявки.

Цифры, которые объясняют всё

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

1. Mobile-first: проектируем от телефона

Начинать надо с самой узкой раскладки (320–375 px): что важнее всего — то наверху. Потом масштабировать вверх до планшета и десктопа. Обратный подход («сделаем десктоп, потом сожмём») даёт перегруженные мобильные страницы.

2. Скорость: Core Web Vitals на мобильном

Мобильный трафик — это часто 4G и средний телефон, а не быстрый десктоп. Цели: LCP ≤ 2,5 с, INP ≤ 200 мс, CLS ≤ 0,1. Главные мобильные «убийцы»:

• тяжёлые изображения без WebP/AVIF и без width/height (отсюда и CLS);
• десятки сторонних скриптов (чат, пиксели, карта), вешающих главный поток;
• гидратация всей страницы ради пары кнопок.

Как чинить — в гайде как скорость сайта влияет на доход.

3. Тач-зоны и навигация

• Кнопки и ссылки — не меньше 44×44 px, с отступами друг от друга (пальцем промахиваются).
• Меню — бургер с крупной зоной тапа; «мышь» на телефоне нет.
• Липкая (sticky) нижняя панель с главным действием («Позвонить», «Заказать») повышает конверсию.
• Никаких всплывающих баннеров на весь экран — Google пессимизирует intrusive interstitials.

4. Формы, которые заполняются с телефона

Практика: на мобильном лучше 1–2 поля + кликабельный телефон, чем длинная «идеальная» форма.

5. Читабельность без приближения

Базовый шрифт ≥ 16 px, контраст по WCAG, короткие абзацы, подзаголовки. Текст, который читают только с зумом, — это и плохой UX, и сигнал низкого качества для поиска.

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

Что это даёт на практике

В проекте Solomia Beauty мобильное оформление в 2 шага с быстрыми фильтрами и поиском, в проекте Верховины — бронирование столика с телефона в любое время. Это реальные проекты, поэтому цифр «на сколько выросла конверсия» здесь нет — это данные заказчиков; принцип остаётся: мобильная версия — это не «адаптировать картинку», а путь к деньгам.

Что важно в проде

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

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