Отчет "Удобство просмотра на мобильных устройствах"

В новой версии Search Console отчет Удобство просмотра на мобильных устройствах был усовершенствован.

 

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

Открыть отчет

 

На диаграмме отражаются проблемы, обнаруженные на сайте.

  1. На начальном экране показано количество неоптимизированных страниц. Они сгруппированы по типам проблем.
  2. Выберите проблему, чтобы просмотреть страницы, на которых она встречается.
  3. Нажмите на URL страницы, чтобы узнать, как устранить ошибку.
Примечание. Большая часть перечисленных здесь проблем с отображением на мобильных устройствах описана в нашем руководстве по основам веб-дизайна. Это полезный ресурс по разработке сайтов для разных типов устройств.

Ошибки

В отчете "Удобство просмотра на мобильных устройствах" могут быть указаны следующие ошибки:

Используются неподдерживаемые плагины

На странице содержатся плагины, несовместимые с большинством мобильных браузеров, например плагины Flash. Рекомендуем реализовать на странице современные технологии с широкой поддержкой, такие как HTML5. Подробнее о рекомендациях для анимации веб-страниц…

Значение метатега viewport не задано

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

В метатеге viewport должно быть значение device-width

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

Контент шире экрана

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

Слишком мелкий шрифт

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

Интерактивные элементы расположены слишком близко

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

Была ли эта статья полезна?
Как можно улучшить эту статью?