Почему Google помечает страницу как неоптимизированную
Сообщение «страница не оптимизирована для мобильных устройств» появляется в Google Search Console, когда поисковый робот Googlebot не может корректно отобразить страницу на экране смартфона. Причин может быть несколько: заблокированные ресурсы в файле robots.txt, отсутствие метатега viewport, слишком мелкий шрифт или интерактивные элементы, расположенные слишком близко друг к другу.
Google перешёл на принцип Mobile-first index: с июля 2019 года мобильная версия сайта считается основной при ранжировании для всех новых ресурсов, а учитывать оптимизацию для мобильных устройств как фактор ранжирования поисковик начал ещё с апреля 2015 года. Это означает, что сайт конкурса или проекта с проблемами адаптации будет уступать позиции в поиске — а значит, потенциальные участники его просто не найдут.
Плохое юзабилити на мобильном устройстве напрямую ухудшает поведенческие факторы: пользователь уходит со страницы раньше, чем успевает прочитать условия участия. Если скорость загрузки страницы превышает три-четыре секунды, вероятность того, что посетитель закроет вкладку, резко возрастает.
Как проверить адаптивную версию сайта
Прежде чем исправлять ошибки, нужно точно понять, какие именно проблемы при загрузке страницы фиксирует поисковая система. Для этого используются несколько инструментов.
- Google Search Console — раздел «Удобство для мобильных» показывает список страниц с ошибками и их тип: мелкий шрифт, контент шире экрана, близко расположенные кликабельные элементы.
- Google Mobile Friendly Test — сервис проверки конкретного URL, даёт мгновенный результат и скриншот того, как страница выглядит на смартфоне.
- PageSpeed Insights — анализирует скорость загрузки страниц отдельно для мобильных и десктопных устройств, выдаёт конкретные рекомендации по оптимизации.
- Chrome DevTools — встроенный инструмент браузера, позволяет эмулировать любое мобильное устройство прямо в браузере без дополнительных сервисов.
- Netpeak Spider — при сканировании сайта в настройках нужно выбрать user-agent: Googlebot Smartphone, чтобы проверить страницы именно так, как их видит поисковый робот.
Частые причины ошибки и способы их исправить
Файл robots.txt блокирует CSS и JavaScript
Одна из самых распространённых причин ошибки «страница не оптимизирована» — запрет на доступ к файлам стилей и скриптов. Если в файле robots.txt прописана директива Disallow: /assets/themes, Googlebot не может получить доступ к CSS и корректно отобразить страницу. Решение простое: явно открыть доступ к ключевым ресурсам с помощью директив Allow: /*.css и Allow: /*.js.
Для сайтов на WordPress это особенно актуально, поскольку темы и плагины по умолчанию хранят стили именно в папке wp-content. После внесения изменений в robots.txt рекомендуется запросить повторную индексацию страниц через Google Search Console.
Отсутствует метатег viewport
Без метатега viewport браузер мобильного устройства отображает страницу как десктопную версию, масштабируя её под маленький экран. В блок <head> страницы необходимо добавить строку: <meta name=»viewport» content=»width=device-width, initial-scale=1″>. Адаптивный дизайн без этого тега работать не будет, даже если вся остальная верстка выполнена правильно.
Слишком мелкий шрифт
Google считает шрифт проблемным, если его размер меньше 14px. Рекомендуемый размер для основного текста — 17pt на iOS-устройствах и 13sp на Android-устройствах. Для комфортного чтения высота строки должна составлять около 140% от размера шрифта, а оптимальная длина строки — порядка 50–60 символов с пробелами. Мелкий текст особенно критичен для форм подачи заявок, где участнику нужно внимательно читать условия.
Интерактивные элементы расположены слишком близко
Кнопки и ссылки должны быть удобны для нажатия пальцем. Минимальный размер кликабельного элемента — 44 пикселя, что соответствует среднему размеру подушечки пальца в 10 мм. Если интерактивные элементы расположены слишком близко, пользователь промахивается и нажимает не туда — это раздражает и ухудшает юзабилити страницы с заявкой.
Контент шире экрана и горизонтальная прокрутка
Минимальная ширина страницы, при которой сайт считается адаптированным, составляет 320 пикселей. Если таблицы, изображения или блоки вёрстки выходят за этот предел, появляется горизонтальная прокрутка — один из явных сигналов неадаптированной версии. Для мобильных устройств сетка должна содержать от одной до четырёх колонок, в отличие от классической 12-колоночной сетки десктопной версии.
Оптимизация скорости загрузки на мобильных устройствах
Быстрая загрузка — отдельная составляющая мобильной оптимизации. Изображения нередко составляют более 50% от общего веса страницы, поэтому их сжатие и конвертация в современные форматы — WebP или AVIF — дают наибольший эффект. Дополнительно помогают технологии отложенной загрузки (lazy loading) и сжатие файлов через Gzip.
Проверить результат можно через PageSpeed Insights: сервис покажет оценку отдельно для мобильных устройств и выделит конкретные элементы, тормозящие загрузку. После каждого внесённого изменения имеет смысл повторить проверку и отслеживать динамику показателей.
Краткий чек-лист по мобильной адаптации
- Проверить наличие метатега viewport в блоке <head> каждой страницы.
- Убедиться, что файл robots.txt не блокирует доступ к CSS и JavaScript.
- Проверить размер шрифта: основной текст — не менее 14px.
- Убедиться, что кнопки и ссылки имеют размер не менее 44 пикселей.
- Устранить горизонтальную прокрутку и контент шире экрана.
- Оптимизировать изображения: сжать и перевести в формат WebP или AVIF.
- Перепроверить все страницы через Google Mobile Friendly Test после исправлений.
Хорошо адаптированная мобильная версия сайта — это не только требование поисковых систем, но и уважение к участникам конкурса, которые подают заявки со смартфона. Устранив описанные ошибки, вы снизите число отказов и сделаете процесс участия действительно удобным.
