«Страница не оптимизирована для мобильных устройств»: устраняем ошибку

Если вы обнаружили в консоле при проверке странице проблему под названием "Mobile Usability - Page isn't usable on mobile" ("Страница не оптимизирована для мобильных устройств"), хотя по факту страница нормально оптимизирована под мобильные устройства, это легко пофиксить. [Пожалуйста, убедитесь, что страница действительно оптимизирована под мобильные устройства, прежде чем исправлять проблему данным способом.]

Самая распространенная причина проблемы - в неправильном файле robots.txt, который запрещает сканировать боту некоторые стили или скрипты, из-за чего бот видит страницу не так, как она отображается в браузере. Ниже - инструкция, как это пофиксить.

Пошаговая инструкция устранения ошибки «Страница не оптимизирована под мобильные устройства»

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

Время выполнения 10 минут

Инструменты:

✅ Search Console

✅ Robots.txt

Шаг первый: запросите проверку страницы в реальном времени

В поле "Проверка всех URL на ресурсе…" вставьте нужную страницу и дождитесь окончания загрузки данных из Индекса Google. После этого нажмите кнопку "Проверка страницы на сайте" и дождитесь окончания сканирования.

Шаг второй: найдите проблемные элементы

После проверки страницы нажмите "Просмотр проверенной страницы", перейдите в меню справа, нажмите кнопку "Больше информации" и раскройте строку "Ресурсы страницы". Там вы должны найти ресурсы, заблокированные файлом robots.txt. Вас должны интересовать файлы css и js (а также возможно форматы картинок и других визуальных элементов), которые не смогли загрузиться.

Шаг третий: редактирование robots.txt

Отредактируйте свой robots.txt так, чтобы бот мог сканировать css и js. Если возникают сложности с этим, можете почитать справку. Мое правило, которое позволило боту считать эти файлы, можно увидеть на скрине ниже.

Шаг четвертый: отправьте новый robots Гуглу

Дайте Google обновить robots.txt для данного ресурса, используя инструмент https://www.google.com/webmasters/tools/robots-testing-tool. Для этого нажмите кнопку Submit.

Шаг пятый: проверьте страницу еще раз и отправьте на переобход

После того, как robots с новыми правилами будет учтен Гуглом, перепроверьте еще раз страницу на сайте (кнопка "Проверка страницы на сайте") и изучите результат. Эта проверка должна показать, что css и js больше не блокируются роботсом, и проблема оптимизации под мобильные устройства должна пропасть. Как только вы увидите, что проблема устранена, запросите индексирование.

Вместо выводов

Зачем же устранять подобные ошибки, если юзер - пользователь вашего сайта - все равно видит нормальную версию мобильной страницы, спросите вы? Ответ очень простой - это улучшает ранжирование. Дело в том, что Google видит страницы так, как они сохранены в его Кеше индекса, и если там сохранена страница с проблемами мобильной версии (с точки зрения ботов Google), то поисковит считает, что ваша страница действительно не оптимизирована. Учитывая, что с 2018 года работает обновление Mobile First Indexing, которое индексирует и ранжирует прежде всего мобильную версию, наличие адаптива под разные устройства обязательна для хороших позиций.