Вы видите предупреждение «Googlebot не может получить доступ к файлам CSS и JS» в аккаунте Google webmaster tools для вашего сайта WordPress? Сообщение содержит ссылки на инструкции по устранению этой проблемы, но эти инструкции не очень просты для выполнения. В этой статье мы покажем вам, как исправить ошибку «Googlebot не может получить доступ к CSS и JS файлам» на вашем сайте WordPress.
Почему Google необходим доступ к файлам CSS и JS?
Google стремится повысить рейтинг сайтов, удобных для пользователей — сайтов, которые работают быстро, имеют хороший пользовательский опыт и т.д. Для того, чтобы определить пользовательский опыт сайта, Google необходим доступ к CSS и JavaScript файлам сайта.
По умолчанию WordPress не блокирует поисковые боты не могут получить доступ к любым CSS или JS файлам. Однако некоторые владельцы сайтов могут случайно заблокировать их, пытаясь добавить дополнительные меры безопасности или используя плагин безопасности WordPress.
Это ограничивает Googlebot от индексирования CSS и JS файлов, которые могут повлиять на SEO производительность вашего сайта.
Сказав это, давайте посмотрим, как мы можем найти эти файлы и разблокировать их.
Как предоставить Google доступ к вашим CSS и JS файлам
Сначала вам нужно узнать, к каким файлам Google не может получить доступ на вашем сайте.
Вы можете посмотреть, как Googlebot видит ваш сайт, нажав на кнопку Crawl » Fetch as Google в Google Search Console (ранее Webmaster Tools). Затем нажмите на кнопку fetch and render (вы хотите сделать это для настольных и мобильных компьютеров).
После получения результат появится в строке ниже. Нажав на него, вы увидите, что видит пользователь и что видит Googlebot при загрузке вашего сайта.
Если вы заметите разницу между двумя скриншотами, это означает, что Googlebot не смог получить доступ к CSS/JS файлам. Он также покажет вам ссылки на CSS и JS файлы, к которым он не смог получить доступ.
Вы также можете найти список этих заблокированных ресурсов в файле Индекс Google » Заблокированные ресурсы.
Щелкнув на каждом ресурсе, вы увидите ссылки на реальные ресурсы, к которым Googlebot не может получить доступ.
Чаще всего это стили CSS и файлы JS, добавленные вашими плагинами или темой WordPress.
Теперь вам нужно отредактировать robots вашего сайта.txt файле, который контролирует то, что видит бот Google.
Вы можете отредактировать его, подключившись к своему сайту с помощью FTP-клиента. Роботы.Файл txt будет находиться в корневом каталоге вашего сайта.
Если вы используете плагин Yoast SEO, то вы можете отредактировать robots.txt файл из админки WordPress. Просто перейдите в SEO » Инструменты страницу, а затем нажмите на кнопку Редактор файлов.
Скорее всего, вы увидите, что на вашем сайте запрещен доступ к некоторым каталогам WordPress:
User-agent: *
Запретить: /wp-admin/
Запретить: /wp-includes/
Запретить: /wp-content/plugins/
Запретить: /wp-content/themes/
Теперь вам нужно удалить строки, которые блокируют доступ Google к CSS или JS файлам на фронтенде вашего сайта. Обычно эти файлы находятся в папках plugins или themes. Вам также может понадобиться удалить wp-includes, многие темы и плагины WordPress могут вызывать скрипты, расположенные в папке wp-includes, например, jQuery.
Некоторые пользователи могут заметить, что их robots.txt файл либо пуст, либо вообще не существует. Если Googlebot не находит файл robots.txt, то он автоматически переползает и индексирует все файлы.
Тогда почему вы видите это предупреждение?
В редких случаях некоторые хостинг-провайдеры WordPress могут активно блокировать доступ ботов к папкам WordPress по умолчанию. Вы можете отменить это в robots.txt, разрешив доступ к заблокированным папкам.
User-agent: *
Разрешить: /wp-includes/js/
Как только вы закончите, сохраните своих роботов.txt-файл. Зайдите в инструмент fetch as Google и нажмите на кнопку fetch and render. Теперь сравните результаты поиска, и вы увидите, что большинство проблем с заблокированными ресурсами должны исчезнуть.
Мы надеемся, что эта статья помогла вам решить проблему ошибки ‘Googlebot не может получить доступ к файлам CSS и JS’ на вашем сайте WordPress. Вы также можете посмотреть наше руководство по
Источник: www.wpbeginner.com