Яндекс Вебмастер: проверка мобильных страниц сайта

Что оценивает инструмент

Вебмастер загружает адрес от имени мобильного робота, показывает снимок экрана и перечисляет найденные проблемы. Если замечаний нет, страница считается оптимизированной для мобильных. Проверяются базовые признаки:

• указан ли мета-тег viewport, который подгоняет ширину страницы под экран;
• помещается ли содержимое по ширине без горизонтальной прокрутки;
• достаточно ли крупный шрифт, чтобы читать без увеличения;
• нет ли элементов, которые не работают на телефонах;
• как страница выглядит на скриншоте.

Яндекс Вебмастер: проверка мобильных страниц шаг за шагом

Откройте нужный сайт в Вебмастере, найдите инструмент проверки мобильных страниц и вставьте адрес целиком, вместе с протоколом. Дождитесь результата и сначала посмотрите на снимок экрана, а уже потом на список замечаний: картинка быстро показывает масштаб проблемы.

Не ограничивайтесь главной. Часто она аккуратна, потому что над ней работали дольше всего, а внутренние шаблоны сделаны на скорую руку. Проверьте по одной странице каждого типа: услуга, категория, карточка товара, статья, контакты. Отдельно стоит открыть всё нестандартное: калькуляторы, таблицы цен, акционные лендинги.

Как читать скриншот

Снимок показывает то, что увидел робот, а не то, что видите вы. Посмотрите, загрузились ли стили и картинки или страница выглядит как голый текст. Проверьте, не закрывает ли экран всплывающее окно или баннер, виден ли заголовок, предложение и кнопка связи, нет ли пустых областей на месте контента.

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

Частые проблемы и что с ними делать

Большинство замечаний сводится к нескольким причинам, и почти все решаются правкой шаблона.

• Нет viewport: страница показывается уменьшенной копией десктопной версии. Лечится одной строкой в шаблоне.
• Содержимое шире экрана: виноваты таблицы, картинки с фиксированной шириной, длинные адреса без переносов, встроенные карты и видео с заданным размером.
• Мелкий текст: размеры шрифта рассчитаны на монитор. Нужны адаптивные значения в стилях.
• Элементы слишком близко: пункты меню и кнопки расположены так плотно, что палец попадает не туда.
• Отдельная мобильная версия на поддомене: подход устаревший, приходится вести две копии и следить, чтобы они совпадали. Адаптивный дизайн проще и надёжнее.

Что инструмент не покажет

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

Поэтому после проверки возьмите обычный телефон, отключите Wi-Fi и откройте страницу через мобильный интернет. Попробуйте оставить заявку, позвонить, написать в Telegram. Если вы сами споткнулись, клиент споткнётся тоже.

Чек-лист после проверки

Пройдитесь по списку на реальном устройстве, лучше на двух: на новом и на недорогом, которым пользуется много покупателей.

• viewport есть на всех шаблонах;
• нет горизонтальной прокрутки на ширине телефона;
• текст читается без увеличения;
• кнопки и ссылки удобно нажимать пальцем;
• номер телефона кликабелен, Telegram и другие мессенджеры открываются в приложении;
• форма не прячется под клавиатурой, а оплата через Click или Payme открывается без сбоев;
• всплывающие окна не закрывают содержимое при входе из поиска.

Связь с Google и когда повторять проверку

Google индексирует сайты преимущественно по мобильной версии, поэтому проблемы, найденные в Вебмастере, почти всегда важны и для него. Для Google смотрите отчёт Core Web Vitals и проверку через Lighthouse в браузере. Содержимое мобильной версии должно совпадать с десктопной: скрытые на телефоне тексты и разметка могут не учитываться.

Повторяйте проверку после смены дизайна, добавления нового шаблона и каждый раз, когда в диагностике Вебмастера появляется сообщение о мобильных проблемах. Если нужен сайт, который с самого начала собран под телефон, или аудит существующего, команда markdev разрабатывает сайты под ключ в Узбекистане и может разобрать ваши страницы вместе с вами. Напишите нам, и мы обсудим задачу.