Как избежать понижения позиций сайта в SERP Google?


Привет, друзья! Сразу отвечу тем, кто не знает, что такое СЕРП (англ. search engine results page, SERP) — это результат поисковой выдачи. Решил добавить аббревиатуру в оригинале, чтоб не раздувать заголовок, а то он и так слишком длинный получился.

адаптивный шаблон

Наверное уже многие слышали о том, что всеми уважаемый Google в последнее время уделяет особое внимание адаптивности — это когда сайт автоматически подстраивается под размер экрана устройства или браузера. Даже в Google AdSense появился адаптивный формат рекламных блоков.

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

Еще я встречал на некоторых блогах такую информацию, что в SERP напротив сайтов с адаптивным дизайном будет стоять пометка «Mobile friendly».

После смены дизайна сайта на адаптивный в его коде после тега <head> должна быть прописана вот эта строчка:

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

Как проверить сайт на адаптивность онлайн?

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

сайт не адаптивный с точки зрения Гугл

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

Вводим в соответствующее поле адрес своего сайта и нажимаем кнопку «Анализировать».

проверка сайта на адаптивность

Если сайт на мобильных устройствах отображается некорректно, то Гугл сообщит об этом, с указанием проблем, которые нужно будет решить. У каждого сайта проблемы могут быть свои. Google на них укажет и порекомендует варианты решения.

Если под рукой нет мобильного устройства, то В «Инструментах разработчика» браузера Google Chrome есть функция эмуляции мобильных устройств. Чтоб открыть Инструменты разработчика, переходим в Меню - Дополнительные инструменты - Инструменты разработчика (как показано на скриншоте ниже) или нажимаем Ctrl+Shift+I. Подробнее об эмуляции мобильных устройств читайте здесь.

эмуляция мобильных устройств в Google Chrome

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

Как проверить сайт на адаптивность онлайн

Как видим, с моим блогом после смены дизайна на адаптивный стало все в порядке и на мобильном устройстве он отображается правильно, как видно на скриншоте выше. Проверял на планшете — то же самое. Только кнопки стоят вряд, так как диагональ экрана планшета 8".

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

Почему Googlebot видит не адаптивный дизайн сайта как адаптивный?

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

адаптивный дизайн сайта - не адаптивный

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

Так же обратите внимание на пометку: «На странице используются ресурсы (83), доступ к которым запрещен в файле robots.txt. Результаты и скриншот могут не соответствовать действительности».

Если открыть доступ роботу Гугла к перечисленным в списке ресурсам в robots.txt, то анализ сайта будет более корректным и вердикт может измениться. У каждого этот список свой. Чтоб развернуть его, нужно кликнуть по значку треугольника слева от надписи «Показать ресурсы».

показать ресурсы гуглботу

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

не адаптивный шаблон сайта

Так что не стоит слепо верить результатам проверки, если ко многим ресурсам вашего сайта закрыт доступ.

Почему Googlebot не видит адаптивный дизайн сайта?

Как и в предыдущем случае — основная проблема и ее решение заключается в robots.txt. Из-за некоторых запретов в этом файле пользователь на мобильном устройстве будет нормально видеть сайт, а googlebot — некорректно (или наоборот), поэтому ранжировать его будет соответствующим образом.

Наглядные примеры по этому поводу давать не буду, так как их нет под рукой. Тем более все понятно и доступно в своей статье «Почему Гуглбот не видит, что ваш блог адаптирован для мобильных устройств» изложила Жанна Лира.

Чтоб не заморачиваться, можно удалить robots.txt 🙂

Делайте сайт удобным для пользователей!

Ко всему остальному хочу добавить: проверьте свой блог или сайт на скорость загрузки и удобство для пользователей вот этим сервисом от Гугл и воспользуйтесь рекомендациями по оптимизации сайта, кликнув на ту же серую стрелочку.

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

Оптимизируйте свои сайты в соответствии с рекомендациями Google и Яндекс, тогда они всегда будут занимать высокие позиции в SERP.

Всегда с вами, Сергей Грицюк.


 
1 Star2 Stars3 Stars4 Stars5 Stars (9 votes, average: 5,00 out of 5)
Загрузка...

6 Комментариев

  1. Для того, чтоб Google видел адаптивный дизайн сайта, надо открыть файл CSS для индексации.

    Например у меня получилось так:

    Allow: /wp-content/themes/admired/style.css

    Если это не помогает, то открывать надо весь шаблон и другие файлы отвечающие за отображение сайта... Лишние файлы (которые не участвуют в формировании выдачи поисковиков), лучше закрывать от индексации. В таком случае, робот будет быстрее Ваш сайт.

    Сервис проверки адаптивности webmark.com.ua/mobile

    Например, мой robots.txt (сайт не сильно оптимизирован для мобильных устройств):

    User-agent: *

    Disallow: /wp-admin

    Disallow: /wp-includes

    Disallow: /wp-content/plugins

    Disallow: /wp-content/cache

    Disallow: /wp-content/themes

    Allow: /wp-content/themes/vantage/style.css

    Disallow: /trackback

    Disallow: */trackback

    Disallow: */*/trackback

    Disallow: */*/feed/*/

    Disallow: */feed

    Disallow: /*?*

    Disallow: /tag

    User-agent: Yandex

    Disallow: /wp-admin

    Disallow: /wp-includes

    Disallow: /wp-content/plugins

    Disallow: /wp-content/cache

    Disallow: /wp-content/themes

    Allow: /wp-content/themes/vantage/style.css

    Disallow: /trackback

    Disallow: */trackback

    Disallow: */*/trackback

    Disallow: */*/feed/*/

    Disallow: */feed

    Disallow: /*?*

    Disallow: /tag

    Host: energocomplex.kiev.ua

    Sitemap: energocomplex.kiev.ua/sitemap.xml.gz

    Sitemap: energocomplex.kiev.ua/sitemap.xml

    1. Спасибо, Алексей, за подробный ответ.

      Предложенный тобой сервис проверки дает неправдивый результат, при том что сейчас на моем блоге robots.txt отсутствует. Специально зашел с телефона, у которого разрешение 240×320, на свой блог — все помещается в размер экрана. А Вебмарк показывает внизу полосу прокрутки для моего блога при разрешении 240×320. Еще RDS-bar указывает на то, что Вебмарк находится под АГС, что не прибавляет доверия к нему.

  2. открываешь CSS в шаблоне, и порядок:

    Allow: /wp-content/themes/admired/style.css

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

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

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

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