Почти всегда одна и та же история. Заказчик принимает сайт за рабочим компьютером, на большом мониторе. Всё красиво. А потом смотрит статистику и видит, что 70-80% посетителей пришли с телефонов. Для локальных услуг вроде ремонта, доставки или записи к мастеру доля мобильных бывает и выше.
Поэтому правило простое: принимаете сайт - берите в руки телефон. Лучше два, разных.
Что проверить за 10 минут
- Первый экран. Видно ли заголовок и кнопку без прокрутки? Не перекрывает ли всё баннер про cookie?
- Текст. Читается без увеличения? Нет ли строк, которые уезжают за край экрана?
- Кнопки. Попадаете пальцем с первого раза? Между ссылками достаточно места?
- Меню. Открывается, закрывается, не прыгает?
- Формы. При вводе телефона открывается цифровая клавиатура? Форма не прячется под клавиатурой?
- Таблицы. Прайсы и сравнения - прокручиваются или ломают страницу?
- Картинки. Не обрезаны ли важные части фото?
- Скорость. Отключите Wi-Fi и откройте на мобильном интернете. Ждать больше 3-4 секунд - уже долго.
Адаптив - это не «ужатая» версия
Хорошая мобильная версия иногда меняет порядок блоков. На компьютере рядом с текстом стоит фотография, а на телефоне фотография может уйти ниже или вовсе исчезнуть, если не несёт смысла. Длинные списки сворачиваются. Кнопка заявки может «прилипать» к низу экрана.
Это решается на этапе прототипа: мы рисуем мобильную схему параллельно с десктопной, а не адаптируем потом.
Почему это влияет на поиск
Поисковики оценивают прежде всего мобильную версию сайта. Если на телефоне контент обрезан или страница грузится долго, это отражается на позициях. Подробнее о том, что закладывается для поиска на старте, - в материале про SEO-основу.
Если ваш текущий сайт на телефоне выглядит грустно, не обязательно делать всё заново. Часто хватает доработки вёрстки и ускорения.