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

Дата: / Автор поста:


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

Содержание.

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

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

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

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

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

  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

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

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

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

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

Далее пойдет проверка мобильной версии, ждите немного времени, и должна появиться надпись «Частично выполнено», жмем на нее, и нас перекидывает, глядите на снимок ниже.

Слева будет показано как страницу видит бот, а справа посетитель, если все в порядке, то эти они должны быть одинаковы. Если нет, значит где-то у вас не правильно, но такого не должно быть, потому что мы уже все делали. Финальный рывок, приглашаем робота к нам на сайт, чтобы он удостоверился в представленных вами сведениях. В правом верхнем углу будет кнопочка «Добавить», кликаем по ней.

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

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

 

 

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(2 голоса, в среднем: 5 из 5)

С уважением к читателям Лифанов Валентин.

Нажмите на кнопку социальных сетей, вам не сложно, а мне приятно.

Комментарии к этой супер статье.

  • Валерий

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

    • Лифанов Валентин

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

    • Лифанов Валентин

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

  • Валерий

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

    • Лифанов Валентин

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

  • Светлана

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

    • Лифанов Валентин

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

      • Светлана

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

        • Лифанов Валентин

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

  • Светлана

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

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

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

*

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

Лифанов Валентин. ©2014 Все права защищены. Полное или частичное копирование запрещено.