No Image

Проверка мобильной версии сайта по версии google.

СОДЕРЖАНИЕ
10
29 января 2019

mobile-friendly от гугла
Привет читателям блога. Наконец дошли руки до написания статьи, теперь лишь осталось проверка мобильной версии на принадлежность и видимость адаптации в гугле. Не достаточно просто сделать дизайн, для вас он может и отображается, и все супер, но для поисковиков может и нет, что же надо сделать?

Содержание.

  1. Как друг гугл видит блог.
  2. Находим недочеты и исправляем их.
  3. Скармливаем все поисковику.

Предварительный анализ.

Первое дело заходим на сайт где будем работать, вот его адрес и вводим свой домен. Если все хорошо, то сервис поздравит вас, но не спешите радоваться. Ниже смотрите на скриншот, я покажу полностью не настроенный блог. Для начала я покажу свой сайт.
mobile-friendly от гугла
Как видите ни одного замечания нет, комар носа не подточит. А вот так выглядит картина сайта, у которого вообще нет мобильной версии с адаптивным дизайном, да еще множество ошибок.
гугл mobile-friendly
Ужас правда, я выделил три пункта после проверки мобильной версии, точнее три окна, смотрите на скриншот и все будет понятно.

  1. Под цифрой один показывает на то что на этом блоге вообще нет адаптации, то есть стили и медиа запросы под разные разрешения не настроены. Исправляется добавлением адаптивного дизайна к вашей теме, о чем рассказывается здесь.
  2. Второе окошко, показывает на то что множество ресурсов сайта не открыты для пользования поисковыми системами, в основном это расширения css, php и js.
  3. Третье, тут показаны, которые робот вообще не смог прочитать, касательно этого пункта ничего не скажу, тут надо уже рыться в сайте, в любом случае адрес где копать есть, смотрите и удаляйте.

Исправляем косяки.

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

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

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

местонахождение файла

Вот и будем для него открывать доступ, раз гуглу не нравиться. Идем в robots.txt, он находиться в папке public-html (вместе с wp-config, wp-admin и так далее), и открываем его для редактирования, если его нет, то печалька, значит надо в срочном порядке его делать, об этом поищите в интернете информации полно. Там будет множество директив доступа, нам надо ввести строчку (не нам, а автору блога).

allow: /wp-content/themes/shate2/style.css

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

дерективы в robots.txt

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

Отдаем на индексацию.

Теперь завершающий этап, когда все сделано как надо, идем в инструменты для вебмастеров гугла, если у вас нет кабинета на этом сайте, то обязательно надо создавать, это основа основ продвижения. Зашли и находим пункт “Сканирование”, а далее “Просмотреть как googlebot”. Можете выбрать любую страницу для анализа, либо оставить тогда сканироваться будет главная. Еще надо выбрать для “Mobile: Smartphon”, и нажать на кнопку “Получить и отобразить”.
посмотреть как googlebot
Далее пойдет проверка мобильной версии, ждите немного времени, и должна появиться надпись “Частично выполнено”, жмем на нее, и нас перекидывает, глядите на снимок ниже.
googlebot
Слева будет показано как страницу видит бот, а справа посетитель, если все в порядке, то эти они должны быть одинаковы. Если нет, значит где-то у вас не правильно, но такого не должно быть, потому что мы уже все делали. Финальный рывок, приглашаем робота к нам на сайт, чтобы он удостоверился в представленных вами сведениях. В правом верхнем углу будет кнопочка “Добавить”, кликаем по ней.

страницы в индекс

Я лично добавляю статью в индекс сразу после публикации, поэтому выбираю первый чекбокс “Сканировать только это URL”. В данном случае можно предложить второй, тогда робот пройдется по всем ссылкам с данной страницы, и оценит все остальные, но тут уже индивидуально, как я думаю не надо доверять автоматизму, лучше добавлять все ручками, каждую запись отдельно. Конечно, в случае наличия на блоге статей 500 это будет очень трудно, но не все сразу, каждый день какую-то часть.

P.S.Фу пальцы устали, как вам статья, расписал как мог, вроде все по полочкам?

 

 

Источник
Комментировать
10
  • http://moikomputer.ru Валерий

    У меня все с этим плагином показывает отлично.

    • https://wpsovet.ru Лифанов Валентин

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

    • https://wpsovet.ru Лифанов Валентин

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

  • http://moikomputer.ru Валерий

    Буду только рад такому предложению Валентин! Что от меня нужно пишите на почту.

    • https://wpsovet.ru Лифанов Валентин

      Все написал на почту.

  • http://login-slog.ru/ Светлана

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

    • https://wpsovet.ru Лифанов Валентин

      Света, ай ай ай. Открой доступ только к теме, остальное оставь.

      • http://login-slog.ru/ Светлана

        Я же говорю, что тупею. :twisted:

        • https://wpsovet.ru Лифанов Валентин

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

  • http://login-slog.ru/ Светлана

    Буду исправлять