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

Однако, мобильная версия сайта в нишах с локальным спросом — главный экран бизнеса: 70–80% посетителей открывают сайт с телефона, часто прямо из поиска или карты. При этом сайты почти всегда собирают на мониторе — и мобильные заявки теряются. В итоге, ниже чек-лист из 12 пунктов: откройте свой сайт с телефона и пройдите его за 15 минут.

мобильная версия сайта

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

№ПунктЧто проверить
1Первый экранКроме того, оффер, цена и кнопка видны без скролла на телефоне 375–390 px
2Кнопка действияНапример, видна до прокрутки, палец попадает без «тарана» — высота кнопки от 44 px
3Форма заявкиИначе говоря, два-три поля, клавиатура не закрывает кнопку отправки, поле телефона открывает цифровую клавиатуру
4В частности, звонок одним касаниемОднако, номер телефона — кликабельная ссылка tel:, а не текст (как в статье о приёме заявок)
5Часы работыВ итоге, видны без поиска в подвале
6ЦеныКроме того, таблицы цен не вылезают за экран: строки, которые надо свайпать вбок, теряют клиентов (см. 7 ошибок на сайте)
7СкоростьНапример, первый экран на мобильном интернете открывается до 3 секунд
8Размер шрифтаИначе говоря, основной текст от 16 px, ничего не выглядит мелким «на глаз»
9КартаВ частности, открывается из сайта, адрес читается без скролла (о сборке — в статье о сайте автосервиса)
10РаздражителиОднако, нет всплывающих окон на весь экран, нет прыгающих баннеров, закрывающих текст
11МенюВ итоге, открывается и закрывается, пункты не перекрывают контент
12Кроме того, отзывы и доказательстваНапример, видны на первых двух экранах, без горизонтального скролла
Иначе говоря, проверка простая: возьмите свой сайт как клиент — с телефона, из поиска, находясь в машине или в очереди. В частности, если заявка с телефона неудобна, её не будет, какой бы ни была реклама.

Три поломки, которые чаще всего съедают заявки

  • Однако, таблица цен, которая уезжает. Таблица шире экрана растаскивает всю страницу вбок: клиент видит пустоту справа и думает, что сайт сломан. В итоге, таблицы должны скроллиться внутри колонки, а не тянуть страницу (на нашем сайте это правило живёт в шаблоне: строки таблиц на мобильном превращаются в карточки «подпись слева, значение справа»).
  • Кроме того, форма, которую нельзя заполнить. Маска телефона ловит ввод и не даёт ввести номер, клавиатура закрывает кнопку, после отправки ничего не происходит. Например, тест: отправьте себе заявку с телефона сейчас — это займёт 2 минуты.
  • Иначе говоря, кнопка «Позвонить» без tel:. Номер картинкой или текстом из подвала — клиент, готовый позвонить прямо сейчас, теряется; на мобильном звонок — половина заявок локального спроса.

Как тестировать без специалистов

  1. В частности, откройте сайт с реального телефона (не в браузере монитора — там всё всегда «нормально»).
  2. Однако, пройдите 12 пунктов чек-листа сверху, отмечайте, что не работает.
  3. В итоге, отправьте тестовую заявку — и проверьте, что она пришла менеджеру (письмо или Telegram, как в статье о форме заявки).
  4. Кроме того, откройте Яндекс Метрику → Вебвизор и посмотрите первые 10 визитов с мобильных: где клиенты бросают сайт, там и правьте первым (замер конверсии — в статье о конверсии сайта).

Мобильная версия и поиск

Google индексирует сайты «сначала мобильный»: позиции, которые сайт копит годами, проседают, если мобильная версия обрезана — цены без таблиц, половина текста уходит под кнопку, шрифт 12 px. Яндекс тоже понижает неудобные страницы. Так что мобильная версия — это не только конверсия, но и трафик из поиска: как он накапливается без бюджета — в статье о заявках без рекламного бюджета.

Сколько стоит исправить мобильную версию

ОбъёмЦенаСрок
Точечные правки (кнопки, форма, таблицы, размеры)от 5 000 ₽1–2 дня
Редизайн первого экрана и основных секций под мобильныеот 10 000 ₽2–3 дня
Пересборка лендинга с мобильной версией «с нуля»от 20 000 ₽3–5 дней

Проверим ваш сайт по чек-листу

Пройдём все 12 пунктов и пришлём список поломок с ценами на исправление.

Обсудить задачу
Прокрутить вверх