Удобство просмотра на мобильных устройствах: почему это важно. Цель Google Поиска – предоставлять людям релевантную и полезную информацию. Мы также стремимся к тому, чтобы им было удобно и после нажатия на объявление, чтобы они могли воспользоваться рекламной информацией.
Глобальный мобильный трафик все возрастает, последние исследования показывают, что пользователи смартфонов и планшетов чаще возвращаются на сайты, оптимизированные для мобильных устройств. Поэтому удобство просмотра на таких устройствах теперь является существенным фактором поисковой эффективности. Результаты поиска для мобильных устройств должны направлять пользователей к контенту, удобному в следующих отношениях:
Размер области просмотра должен подстраиваться под экран устройства.
Верстка страницы должна быть динамической, чтобы пользователям не приходилось прибегать к горизонтальной прокрутке или изменению масштаба.
Размеры шрифтов должны автоматически меняться, чтобы текст было легко читать на экранах разных размеров.
Интерактивные элементы (кнопки и т. п.) должны иметь удобный дизайн и находиться на достаточном расстоянии друг от друга.
Графический дизайн и анимация должны работать на основе технологии, пригодной для мобильных устройств.
Как исправить недостатки отображения сайта на мобильных устройствах
Страницы вашего сайта, менее всего пригодные для просмотра на мобильных устройствах, указаны в соответствующем отчете в разделе «Поисковый трафик». С помощью этого отчета вы можете анализировать проблемы и устранять их, оптимизируя также поисковую эффективность сайта. В этом будет полезна диаграмма оптимизации для мобильных устройств, а также информация по отдельным факторам мобильной эргономики. Нажав на описание той или иной проблемы, вы перейдете к подробному отчету по конкретному URL.
В каждом подробном отчете приводятся пошаговые инструкции для диагностики и устранения проблем. Google учтет сделанные вами улучшения, когда наш робот снова просканирует ваш сайт.
Примечание. Большая часть перечисленных здесь проблем с отображением на мобильных устройствах описаны в нашем руководстве Основы веб-дизайна. Это полезный ресурс по разработке сайтов для разных типов устройств.
Использование Flash
Большинство мобильных веб-браузеров не отображают Flash-контент. Поэтому, если на вашем сайте есть контент, анимация или элементы навигации на основе технологии Flash, пользователи мобильных устройств не увидят их. Используйте для оформления страниц современные технологии. Подробнее об оформлении интерфейса читайте в руководстве «Основы веб-дизайна».
Область просмотра не настроена
Чтобы ваш сайт правильно отображался на экранах разных размеров, настройте область просмотра с помощью атрибута viewport. Он сообщает браузеру, как правильно изменить размеры элементов страницы. Подробнее об этом читайте в разделе Основы адаптивного веб-дизайна нашего руководства.
Фиксированная область просмотра
В этом отчете перечисляются страницы, на которых область просмотра имеет фиксированную ширину. Некоторые разработчики задают ее, чтобы приспособить неадаптивную страницу к отображению на наиболее распространенных типах экранов. В этом случае необходимо применить адаптивный дизайн, настроив масштабирование страниц в соответствии с размерами экрана. Узнайте, как правильно сделать это, из руководства «Основы веб-дизайна».
Ширина контента не соответствует области просмотра
В этом отчете указаны страницы, на которых для просмотра текста и изображений приходится пользоваться горизонтальной прокруткой. Эта проблема возникает, когда размеры в стилях CSS заданы абсолютными значениями или используются изображения, предназначенные для конкретной ширины окна браузера. Убедитесь, что значения ширины и позиционирования элементов CSS относительны, а изображения масштабируются. Подробнее об этом читайте в разделе Размеры контента для области просмотра нашего руководства.
Маленький размер шрифта
В этом отчете перечисляются страницы с мелким шрифтом, для прочтения которого пользователям приходится совершать жесты изменения масштаба. После настройки области просмотра необходимо определить размеры шрифтов, чтобы они корректно отображались в ней. Подробнее читайте в этой статье.
Интерактивные элементы расположены слишком близко
В этом отчете перечисляются страницы, на которых элементы навигации расположены настолько близко друг к другу, что пользователю сложно прикасаться к одним, не задевая другие. Позаботьтесь о наиболее оптимальных размерах кнопок, ссылок и т. п. и расстояниях между ними, чтобы пользователям мобильных устройств было удобно с ними взаимодействовать.
