Як виправити помилку «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 файлів» на вашому сайті.

 

Share

Останні пости

Ніл Ґейман

Люди думають, що будуть щасливі, якщо переїдуть в інше місце, а потім виявляється: куди б… Читати далі

20/02/2024

Уроки JavaScript — як почати працювати з об’єктами

Об’єкти є однією з найважливіших і найпотужніших функцій JavaScript, і в багатьох вбудованих функціях об’єкти… Читати далі

17/02/2024

Часті питання (ЧаПи) про хуки та фільтри в WordPress

Будь-яка сторінка сайту на WordPress складається з безлічі функцій, файлів та запитів до бази даних.… Читати далі

16/02/2024

Створюємо 5 простих CSS анімацій використовуючи ключові кадри

В цьому практичному уроці я покажу вам кілька простих анімацій, які можна створити з допомогою… Читати далі

15/02/2024

З Днем святого Валентина!

I ♥ you!   do{ love++; } while (alive);   kisses=''; while(i==1) { kisses+=x; }… Читати далі

14/02/2024

У чому різниця між веб-додатком, мобільним додатком та PWA?

Якщо ви розробник і хочете створити крос-платформову програму, — у вас на вибір буде 3… Читати далі

13/02/2024