Как проверить мобильную версию сайта в Гугл и Яндекс

Здравствуйте, читатели блога «Сайт с нуля».

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

Этот вопрос стал актуален еще несколько лет назад, а сейчас — он максимально важен для абсолютно любого интернет-проекта.

Возьмем к примеру наш блог. Согласно данным Яндекс Метрики, за последний месяц на сайте зарегистрировано 6437 визита (21 января — 21 февраля), из которых более 22% приходится на мобильные устройства. Со смартфонов заходит 17,1% наших посетителей, с планшетов — 5,28%.

Просмотры сайта с мобильных устройств

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

Что же нужно сделать, чтобы пользователям альтернативных устройств было удобно на ресурсе? Очень просто — создать мобильную версию или использовать адаптивный дизайн сайта.

А может вам и вовсе не нужно беспокоиться о таких вещах? Как узнать?

Нужно проверить мобильную версию сайта —как Гугл и Яндекс распознают её и насколько удобной считают для пользователей. От этого напрямую зависит ваша позиция в мобильной выдаче результатов поиска, а значит и количество потенциальных посетителей с таких устройств.

Проверить мобильную версию сайта Гугл

Начнем с поисковой системы Google, поскольку с её помощью проверить, как видят ваш ресурс другие устройства (не компьютеры), намного быстрее.

Для это нужно перейти по этой ссылкеввести адрес сайта в соответствующую строку, и нажать «Анализировать«.

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

Если система проверит нужные теги, отсутствие вредных скриптов, мешающих показу страниц — тогда появится надпись: «Отлично! Страница оптимизирована для мобильных устройств«.

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

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

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

Проблемы с отображением страниц на мобильных устройствах

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

Здесь всё достаточно понятно и сразу вам пишут в чем суть проблемы. Посмотрев справку можно легко справиться с ними. О самой распространенной из проблем (отсутствие тега viewport), расскажем в конце статьи.

Проверить мобильную версию сайта Яндекс

Теперь перейдем непосредственно к русской поисковой системе Яндекс.

Чтобы проверить как поисковик воспринимает ваш сайт, а также как, по его мнению, ресурс отображается на мобильных устройствах, нужно использовать панель вебмастера Яндекс.

Напомним, чтобы она была вам доступна, нужно подтвердить права на управление сайтом.

Даже если вы зашли в Яндекс.Вебмастер — не обязательно, что вы сможете проверить мобильную версию сайта. Эта функция есть только в новой бета версии вебмастера по адресу —beta.webmaster.yandex.ru/.

Наконец-то вы смогли войти в нужный сервис. Теперь нужно найти в разделе Инструменты, подпункт — Проверка мобильных страниц.
Проверка мобильных страниц Яндекс

Чтобы появилась надпись: «Всё в порядке!«, система проверит ваш сайт по нескольким пунктам:

  • наличие тега viewport;
  • отсутствие горизонтальной прокрутки;
  • отсутствие Flash-элементов;
  • отсутствие Java-апплетов;
  • отсутствие Silverlight-плагинов.

Здесь также как и в Гугле каждую страницу нужно проверять в отдельности. Но, на наш взгляд, если они у вас достаточно однотипны или имеют несколько разновидностей — проверьте мобильную версию сайта на нескольких пример и убедитесь в своем «диагнозе».

Самая распространенная ошибка мобильных страниц

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

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

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

Для этого нужно найти в корневой папке сайта файл с названием header.php и добавить в него строчку: «<meta name=»viewport» content=»width=device-width, initial-scale=1″>» . Делайте это рядом с другими тегами, использующими частицы «meta name».

Кстати, задав именно такой параметр, вы сможете избавиться и от проблемы горизонтальной прокрутки, если она была.

Спасибо за внимание. Будем признательны, если воспользуетесь кнопочками «Поделиться».

3 thoughts on “Как проверить мобильную версию сайта в Гугл и Яндекс”

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

  2. Замечал не один раз, что Яндекс и Гугл используют разные алгоритмы. По этому приходится подгонять под каждый поисковик отдельно. Гугл говорит — ок, Яндексу не нравиться что то. Или наооброт.

    1. Думаю тут важнее опыт пользователя, главное делать удобно для пользователя, а инструменты проверки это для того чтобы знать что именно не так. Если пользователь будет получать то что ему нужно, поисковые системы учтут это

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

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

  bigmir)net TOP 100  - .  E-mail: sitesnulyaru@gmail.com