Устранение проблем с удобством использования мобильных устройств в консоли поиска Google

Последние несколько лет Google при желании требовал от владельцев сайтов соблюдения правил для мобильных устройств и, наконец, объявил, что удобство использования сайта для мобильных устройств будет учитываться в алгоритме поиска и влиять на рейтинг сайта, действующий 21ул Апрель 2015 года. Google также объявил, что все алгоритмические изменения уже вступили в силу, и начал отображать индикацию «Mobile-friendly» при мобильном поиске.

Индикация для мобильных устройств в результатах поиска Google

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

Поиск проблем с удобством использования мобильных устройств

Чтобы узнать, оптимизирован ли ваш сайт для мобильных устройств, войдите в учетную запись инструментов Google для веб-мастеров и перейдите к «Поисковый трафик> Удобство использования на мобильных устройствах” раздел. Вы можете видеть, что проблемы перечислены вместе с графиком, показывающим количество затронутых страниц, как показано ниже:

Уменьшение количества ошибок, связанных с удобством использования мобильных устройств в Инструментах Google для веб-мастеров

Уменьшение количества ошибок, связанных с удобством использования мобильных устройств в Инструментах Google для веб-мастеров

Насколько мы проверили многие сайты, ошибки классифицируются по следующим категориям:

  1. Сенсорные элементы слишком близко
  2. Размер содержимого не соответствует области просмотра
  3. Область просмотра не настроена или мобильная область просмотра не настроена
  4. Маленький размер шрифта или текст слишком мелкий для чтения
  5. Ссылки слишком близко друг к другу
  6. Контент шире экрана

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

Проверка удобства использования мобильных устройств в Инструментах Google для веб-мастеров

Проверка удобства использования мобильных устройств в Инструментах Google для веб-мастеров

Нажмите «Проверить живую версию», чтобы запустить инструмент проверки удобства использования мобильных устройств Google, который покажет текущие проблемы на странице. Если в результате отображается сообщение «не оптимизировано для мобильных устройств», как показано ниже, вам пора принять меры для исправления этих ошибок.

Мобильные проблемы на сайте

Мобильные проблемы на сайте

Исправление ошибок использования мобильных устройств

Хотя корректирующие действия действительно зависят от ошибки на странице, вот несколько советов, основанных на том, как мы снизили ошибку удобства использования мобильных устройств с 168 страниц до всего 2 страниц в инструментах для веб-мастеров.

Блокировка ресурсов с помощью Robots.txt

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

Когда робот Googlebot не смог получить доступ к ресурсам, необходимым для правильной загрузки страницы, тестировщик, адаптированный для мобильных устройств, использует представление бота и проверяет его как несовместимое с мобильными устройствами. Так как среди веб-мастеров обычной практикой является блокирование ресурсов с помощью файла robots.txt, самое время изучить содержимое вашего файла robots.txt. Ниже приведен способ, которым мы блокировали ресурсы сайта WordPress, в результате чего Google показал 168 страниц с ошибками в учетной записи инструментов для веб-мастеров.

User-agent: *
Disallow: /wp-admin/
Disallow: /wp-content/
Disallow: /wp-includes/

После того, как мы удалили все записи robots.txt (включая / wp-admin / access, который уже грамотно контролируется WordPress), все эти ошибки будут устранены за несколько недель, и сейчас 2 страницы отображаются как ошибки, которые еще предстоит просканировать роботом Googlebot.

Исправление 1. Не блокируйте файлы ресурсов, такие как plugins / themes / admin, с помощью robots.txt.

Настройка CSS

Когда сенсорные элементы расположены слишком близко, основной причиной могут быть поля и отступ элементов, особенно в области заголовка сайта. Сайт, который хорошо выглядит на рабочем столе, может не иметь такой же видимости на мобильных устройствах, и решение здесь – проверить код CSS элементов заголовка и увеличить маржу, чтобы между элементами был достаточный промежуток.

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

Поддержка мобильных устройств Проверить ОК

Поддержка мобильных устройств Проверить ОК

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

Исправление 2 – Настройте CSS, чтобы исправить такие ошибки, как слишком близкое касание элементов.

Размер шрифта слишком мал

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

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

Исправление 3 – Увеличьте размер шрифта на уровне сайта, чтобы улучшить видимость на мобильных устройствах. Остерегайтесь выравнивания содержимого при увеличении размера шрифта.

Использование адаптивных макетов

Использование адаптивных макетов – одна из последних тенденций и самый простой способ обеспечить удобство работы пользователей на всех устройствах. Это также наиболее эффективно и требует меньше времени для владельцев сайтов, чтобы просто сосредоточиться на контенте, не беспокоясь о совместимости устройств. Если вы не можете исправить ошибки удобства использования мобильных устройств с помощью существующей темы, мы рекомендуем изменить макет сайта на адаптивный и протестировать результаты. Если все в порядке, вы можете принять новый макет и проверить, настроены ли элементы на всех страницах.

Исправление 4. Используйте адаптивные макеты, чтобы обеспечить удобство работы пользователей на всех устройствах.

Использование отдельного мобильного сайта

Один из вариантов – настроить мобильный сайт с перенаправлением для устройств с меньшим разрешением либо через сторонние службы перенаправления, такие как Dudamobile, либо с помощью плагинов, таких как Jetpack / WP Touch, если у вас есть сайт WordPress. Проблема здесь в том, что вам может потребоваться настроить контент отдельно для мобильного сайта и перейти на платную услугу, чтобы получить достойные функции, такие как бесплатное использование рекламы, использование связанных сообщений и использование более чем на одном сайте.

Исправление 5 – Используйте отдельный мобильный сайт, остерегайтесь дополнительных затрат и настройки.

Мобильный тестер юзабилити – это простой инструмент, позволяющий проверить, как сайт выглядит на мобильном сайте, это не показатель того, что на мобильном сайте все идеально, например выравнивание элементов.

Тестер скорости страницы Google и тестер для мобильных устройств – это два разных инструмента; не запутайтесь с ними. Но вы можете использовать их вместе, чтобы улучшить взаимодействие с пользователем.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *