Проверить мобильную версию можно за пять минут: откройте сайт на своём телефоне и пройдите восемь пунктов ниже. Если хотя бы на трёх вы споткнулись, клиент, который заходит с телефона, спотыкается там же. А с телефона сегодня заходит заметная часть посетителей большинства сайтов услуг. Свою долю посмотрите в Яндекс Метрике, мы объясняем это в статье Яндекс Метрика для владельца.
Для проверки нужен только телефон. Лучше свой обычный, не новейший, и мобильный интернет вместо Wi-Fi.
Чек-лист на 5 минут
1. Текст читается без увеличения
Откройте главную. Не растягивайте экран двумя пальцами. Если для чтения приходится увеличивать масштаб, шрифт мелкий или сайт просто уменьшенная копия компьютерной версии. Нормальный размер текста тот, который вы читаете без напряжения на вытянутой руке.
2. Кнопки и ссылки нажимаются пальцем
Нажмите на меню, кнопку связи, пункты списка. Промахиваетесь, попадаете не туда, приходится целиться? Значит, кнопки слишком маленькие или стоят слишком близко друг к другу. Пальцу нужно место: кнопка размером с подушечку пальца и пустое поле вокруг.
3. Телефон кликается
Нажмите на номер телефона в шапке и в контактах. Должно открыться приложение звонка с введённым номером. Если номер просто текст, клиенту придётся запоминать его или копировать. Это самая частая и самая дешёвая в исправлении потеря.
4. Мессенджеры открываются
Нажмите на значки MAX, Telegram или WhatsApp, которые есть на сайте. Откроется ли чат с вами, а не пустая страница или чужой профиль? Проверьте на телефоне, где установлен нужный мессенджер, и на телефоне, где его нет: во втором случае должна открыться понятная страница, а не ошибка.
5. Форма заполняется и отправляется
Заполните форму так, как это сделал бы клиент: с клавиатуры телефона. Проверьте:
- при выборе поля телефона открывается цифровая клавиатура;
- поля не закрываются клавиатурой, видно, что вводите;
- кнопка отправки видна и нажимается;
- после отправки появляется понятное сообщение;
- заявка пришла вам на почту или в мессенджер.
Последний пункт важнее остальных. Форма, которая выглядит рабочей и никуда не отправляет, хуже, чем её отсутствие.
6. Ничего не уезжает вбок
Проведите пальцем по странице вниз и аккуратно влево-вправо. Страница не должна двигаться в стороны. Если она «гуляет», какой-то блок шире экрана: таблица, картинка, баннер. Такие страницы неудобно читать, а часть содержимого скрыта за краем.
7. Картинки и таблицы помещаются
Пролистайте страницы с ценами, портфолио, таблицами. Картинки не должны обрезать важное, текст на картинках должен читаться, таблицы должны либо помещаться, либо прокручиваться внутри себя. Цены, которые не видно целиком, клиент не прочитает.
8. Скорость на мобильном интернете
Отключите Wi-Fi, откройте сайт заново в режиме инкогнито и засеките, через сколько видны заголовок и кнопка связи. Подробнее о причинах медленной загрузки мы пишем в отдельной статье блога.
Почему мобильная версия решает
Клиент с телефона обычно в движении или занят другим делом. Он ищет услугу рядом, смотрит цену и хочет позвонить или написать. У него нет времени разбираться в меню или приближать текст. Если сайт не даёт быстро сделать это, он закрывает вкладку и открывает следующий из выдачи.
Кроме того, Яндекс учитывает удобство сайта на телефоне, когда оценивает страницы. Сайт, который неудобно читать с телефона, находят хуже. Поэтому мобильная версия влияет и на звонки, и на то, насколько сайт заметен в поиске. Как это связано с продвижением, мы разбираем в статье продвижение сайта в Яндексе: с чего начать.
Минимум, который должен быть на телефоне
Если времени мало, начните с короткого списка. На первом экране без прокрутки клиент должен увидеть, чем вы занимаетесь, город и кнопку «позвонить». Дальше на странице должны быть цены или то, от чего они зависят, и способы написать вам. В подвале нужны адрес, график работы и реквизиты. Остальное можно дорабатывать постепенно.
Что делать с находками
Запишите, что не прошло, и разделите по срочности.
Исправлять сразу: некликабельный телефон, форма, которая не отправляется, ссылки на мессенджеры, которые не открываются. Из-за них вы теряете заявки каждый день.
Исправлять в ближайший месяц: мелкий шрифт, тесные кнопки, широкие таблицы, горизонтальная прокрутка.
Планировать: если замечаний много на каждой странице, возможно, проще пересобрать сайт, чем чинить. Признаки, по которым это видно, описаны в статье признаки, что сайту нужен редизайн.
Если сайт старый
На сайтах, сделанных много лет назад, мобильной версии часто нет вовсе: на телефоне открывается уменьшенная копия компьютерной страницы. Признак виден сразу: текст мелкий, меню состоит из крошечных пунктов, страницу приходится двигать пальцами. Такой сайт не лечится парой правок, его проще пересобрать. Перед этим составьте список страниц, которые нужно сохранить, чтобы не потерять адреса и позиции. Об этом говорит статья как перенести сайт и не потерять позиции.
Как проверить глубже
Пройдите чек-лист на двух телефонах: на новом и на старом, лучше с другой операционной системой. Попросите кого-нибудь из знакомых, не знающих сайт, выполнить задачу: найти цену услуги и позвонить. Следите за ними молча. Все места, где человек замешкался, и есть слабые места.
Проверку страницы целиком, включая заголовки, контакты и скорость, делает наш экспресс-аудит. Он не заменяет проверку на живом телефоне, но быстро показывает типовые замечания и подходит для регулярной сверки: раз в месяц и после любых правок на сайте.
Когда мобильная версия ломается
Страница, которая хорошо выглядела при запуске, может испортиться позже. Обычные причины: добавили таблицу или баннер, подключили новый виджет, вставили картинку большого размера, обновили тему или плагин. Поэтому проверку из чек-листа стоит повторять после любой заметной правки. Если правки на сайте вносит подрядчик, попросите его показывать результат на телефоне до публикации. Если сайт ведёте вы, пройдите пять минут чек-листа после каждой публикации. Кто обычно следит за этим после запуска, описано на странице поддержка сайта.
Если некогда разбираться
Пришлите адрес на бесплатный разбор сайта: мы откроем его на телефоне, пройдём этот чек-лист и пришлём список того, что мешает клиентам звонить, в порядке срочности.
