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

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

Приветствую вас, дорогие посетители сайта Impuls-Web!

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

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

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

Более подробно о них я рассказывала в статье: Как проверить сайт на адаптивность?

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

Для проверки мобильной версии сайта в Google можно воспользоваться бесплатным специализированным сервисом Google PageSpeed Insights.

Проверка мобильной версии сайта в Google PageSpeed Insights

Для тестирования мобильной версии своего сайта в PageSpeed Insights нам нужно:

  1. 1.Переходим на страницу онлайн-сервиса
  2. 2.В строку вводим адрес сайта и нажимаем на кнопку «Анализировать»
    Проверка мобильной версии сайта Google
  3. 3.Анализ сайта займет некоторое время. По окончании вы увидите похожие результаты:
    Результаты проверки мобильной версии сайта

Как видите, в результатах проверки есть две вкладки «Для мобильного» и «Для компьютера». Так как нас в данный момент интересует проверка мобильной версии сайта Google, то рассмотрим только вкладку для мобильного.

Как исправить ошибки?

Итак, по результатам анализа мой сайт набрал всего 57 баллов из 100. Ниже приводятся замечания, которые, по мнению Google, вызывают низкую скорость загрузки сайта.

Ошибки в PageSpeed Insights

Замечания разделены на три группы:

  • Исправьте обязательно – критические ошибки, которые необходимо попытаться устранить в обязательном порядке
  • Исправьте по возможности – ошибки, которые влияют на скорость загрузки, но если у вас нет возможности их исправить, вы можете ими пренебречь.
  • Выполнено правил – здесь отображаются параметры, по которым ваш сайт прошел успешную проверку.
Сразу хочу вас предупредить! У компании Google есть свои особенности в изложении претензий, а так же в написании инструкций и рекомендаций. Я еще ни разу за свою практику не встречала ни одной инструкции, где было бы конкретно расписано, что нужно делать. В своих текстах инструкций они обычно все излагают общими фразами, и порой бывает очень сложно разобраться, что от нас требуется для решения проблемы. Вероятно, это может быть связано с необходимостью перевода англоязычных текстов на русский.

Обычно после прочтения их пояснений возникает ещё целая куча дополнительных вопросов. Поэтому надеется на то что Google даст вам конкретные рекомендации по устранению проблем не стоит.

Итак, давайте пройдемся по каждому разделу замечаний подробнее. Если по последнему разделу «Выполнено правил», я думаю, особых вопросов нет. То вот с первыми двумя разделами уже интереснее.

В каждом разделе, под каждым типом замечания есть ссылка «Как исправить?», кликнув на которую, мы видим более подробное описание замечание и в чем оно заключается:

Рекомендации Google по исправлению ошибок

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

Вот основные ошибки, с которыми вы можете столкнуться, и способы их решения:

  1. 1.Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы.

    В идеале все подключения JavaScript и CSS файлов должны происходить в конце страницы.

    Но! В этом случае вы получаете сразу несколько проблем, а именно: до тех пор пока страница не загрузится полностью пользователь будет видеть ваш сайт вообще без какой-либо стилизации, поэтом здесь нужно будет определять критический CSS и подключать его как отдельный файл в шапке или писать инлайново при помощи тега <style>…</style>.

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

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

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

  2. 2.Используйте кеш браузера

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

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

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

  3. 3.Сократите время ответа сервера

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

  4. 4.Сократите JavaScript, CSS, HTML

    Для этого нам придётся сжать или минифицировать файлы JavaScript, CSS, HTML для того чтобы уменьшить их вес. Сжатие данных файлов будет происходить за счёт удаления лишних пробелов и отступов.

    Это можно сделать как при помощи онлайн сервисов и инструментов, так и при помощи специальных плагинов и модулей для CMS.

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

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

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

Так же хочу отметить, что алгоритмы работы данного сервиса периодически меняются и показатели вашего сайта в разное время могут существенно отличаться. У меня, например, совсем недавно сервис показывал результат 80 из 100, а теперь снизился до 57, хотя ничего существенного на сайт не происходило.

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

Если статья была для вас полезной — обязательно поделитесь ею в соцсетях! Так вы поможете мне развивать мой блог. На этом у меня всё! До встречи в следующих статьях!

С уважением Юлия Гусарь

Подписаться на рассылку

Читайте также:

comments powered by HyperComments

1 комментарий

  1. Если ввести  поисковой запрос в том же гуголе и сделать сравнительную проверку то все это ерунда.

    да я нашел идеальный сайт 91/100 но не на первом месте.

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

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

//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif