Як виправити помилку «Googlebot не може отримати доступ до CSS і JS файлів» в WordPress

Ви зіткнулися з помилкою в акаунті Google Search Console, що Googlebot не може отримати доступ до CSS та JS-файлів? Якщо це так, тоді вам стане в нагоді наша сьогоднішня стаття. Сьогодні ми розглянемо практичне рішення проблеми, коли Googlebot’у не вдається отримати доступ до файлів CSS та JS на вашому сайті.

Навіщо Googlebot’у потрібен доступ до CSS і JS файлів?

Однією з метою Google є надання кращого рейтингу для зручних для користувача сайтів – швидких, з хорошим користувацьким інтерфейсом (UI) і т.д. Щоб дати оцінку користувацькому інтерфейсу сайту, пошуковому роботу Google потрібен доступ до файлів CSS-стилів та скриптів JavaScript.

Як правило, в WordPress доступ пошуковим роботам до будь-яких файлів CSS або JS не обмежується. Однак веб-майстер міг так зробити вручну, з метою додаткових заходів безпеки, або ж неусвідомлено, за допомогою якогось SEO плагіна.

Якщо обмежити доступ роботу Googlebot до індексування CSS і JS-файлів, це може негативно вплинути на ефективність SEO для вашого сайту. А тепер перейдемо до практичного вирішення цієї проблеми.

Як надати Google доступ до CSS і JS файлів сайту

Спочатку потрібно дізнатися, до яких файлів у Googlebot’а обмежений доступ.

Це можна побачити в Google Search Console в меню Сканування – Подивитись як Googlebot. Натисніть кнопку Сканувати, а потім кнопку Отримати і відобразити (зробіть так як ПК, так і для Mobile: Smartphone).

Після цього ви зможете проаналізувати результат. Якщо Googlebot не зміг отримати доступ до CSS/JS файлів, ви побачите попередження про це.

Список заблокованих ресурсів ви також зможете побачити в меню Індекс Google – Заблоковані ресурси. Натиснувши на кожен ресурс, ви побачите посилання на ті ресурси, до яких Googlebot не зміг отримати доступ. Дуже часто це стосується CSS стилів і JS-файлів, які були додані плагінами або темою в WordPress.

Тепер потрібно відредагувати файл robots.txt в корені сайту. Цей файл містить інструкції для пошукових роботів, включаючи і бота Google.

Інструкції, які забороняють доступ ботам до ресурсів, виглядають приблизно так:

User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/themes/

Щоб зняти обмеження до певних ресурсів, ви можете перевизначити це в файлі robots.txt, додавши виключення до заблокованих папок. Щоб додати виключення, вкажіть інструкцію виду:

User-agent: *
Allow: /wp-includes/css/
Allow: /wp-includes/js/

Вказавши всі необхідні інструкції, збережіть файл robots.txt і в Google Search Console надішліть на повторне сканування свій сайт. Бажано, щоб пошуковий бот Google (або іншої пошукової системи) мав доступ до CSS і JS ресурсів вашого сайту. Це може бути одним з важливих компонентів SEO-просування свого сайту.

Ми сподіваємося, що сьогоднішня коротка стаття допомогла вам вирішити проблему «Googlebot не може отримати доступ до CSS і JS файлів» на вашому сайті.