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

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

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

 

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

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

Ошибки

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

Использование Flash

Большинство мобильных веб-браузеров не отображают Flash-контент. Поэтому, если на вашем сайте есть контент, анимация или элементы навигации на основе технологии Flash, пользователи мобильных устройств не увидят их. Используйте для оформления страниц современные технологии. Подробнее об оформлении интерфейса читайте в руководстве "Основы веб-дизайна".

Область просмотра не настроена

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

Фиксированная область просмотра

В этом отчете перечисляются страницы, на которых область просмотра имеет фиксированную ширину. Некоторые разработчики задают ее, чтобы приспособить неадаптивную страницу к отображению на наиболее распространенных типов экранах. В этом случае необходимо применить адаптивный дизайн, настроив масштабирование страниц в соответствии с размерами экрана. Узнайте, как правильно сделать это, из руководства "Основы веб-дизайна".

Ширина контента не соответствует области просмотра

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

Маленький размер шрифта

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

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

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

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