Мобильная версия сайта: чек-лист, который реально влияет на заявки

Больше половины трафика в России идёт со смартфонов. Если сайт неудобен на мобильном, вы теряете до 70% потенциальных клиентов. Хорошая новость: довести мобильную версию до приличного уровня — задача на 1 день.

Чек-лист по экрану

• Шрифт основного текста — 16 px и больше
• Кнопки — высота не меньше 44 px
• Между кликабельными элементами — минимум 8 px
• Заголовки переносятся, не «уезжают» за экран
• Картинки сжаты до WebP, не больше 200 КБ

Чек-лист по навигации

1. Меню в виде гамбургера, а не выпадающего списка
2. Ссылка-телефон с tel: — звонок одним тапом
3. Кнопка «Назад» в шапке всегда возвращает в нужное место
4. Карта проезда в один тап, без приближения
5. Форма с полями на полную ширину экрана

Скорость

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

Проверяйте мобильную версию каждый раз после правок. Иначе выясняется, что красивый десктоп на телефоне «развалился».