Мобильная версия лендинга: чек-лист из 12 пунктов перед запуском

Трафик из Facebook, Instagram и TikTok — преимущественно мобильный. Человек листает ленту, нажимает на рекламу и открывает ваш лендинг во встроенном браузере приложения. Если на телефоне что-то неудобно, он просто возвращается в ленту. Пройдите этот чек-лист перед каждым запуском.

Текст и изображения

1. Текст не меньше 16 px — чтобы не приходилось увеличивать страницу пальцами.

2. Короткие абзацы — 2–3 строки на экране телефона, а не сплошное полотно.

3. Фото читаются на маленьком экране — товар крупным планом, без мелких подписей на картинке.

4. Нет горизонтальной прокрутки — ни один блок не выходит за край экрана.

Кнопки и форма

5. Кнопки крупные — минимум 44 px в высоту, в зоне досягаемости большого пальца.

6. Кнопка «Заказать» всегда под рукой — повторяется после каждых нескольких блоков или закреплена внизу экрана.

7. Только два поля в форме — имя и телефон.

8. Цифровая клавиатура для телефона и маска номера, чтобы не ошибиться с кодом.

Скорость и поведение

9. Первый экран загружается до 3 секунд на мобильном интернете. Как этого добиться — в статье о скорости лендинга.

10. Видео не стартует со звуком и не весит десятки мегабайт.

11. Попапы не закрывают весь экран и легко закрываются.

Финальная проверка

12. Тестовый заказ с телефона — на iPhone и Android, а также во встроенных браузерах Instagram, Facebook и TikTok. Убедитесь, что заявка дошла в раздел заказов, Telegram или CRM.

В конструкторе EasyWeb проверяйте, как каждый блок выглядит с телефона, ещё до публикации. Типичные проблемы с отображением описаны в справке: технические и визуальные ошибки на лендинге.

Итог

Мобильная версия — это не адаптация «для галочки», а основная версия вашего лендинга. Проверяйте её первой и проходите чек-лист после каждого существенного изменения.