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

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
  1. Валерий

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

    1. Лифанов Валентин (автор)

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

    2. Лифанов Валентин (автор)

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

  2. Валерий

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

    1. Лифанов Валентин (автор)

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

  3. Светлана

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

    1. Лифанов Валентин (автор)

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

      1. Светлана

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

        1. Лифанов Валентин (автор)

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

  4. Светлана

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

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

14 queries in 0,277 seconds.