L’avertissement « Googlebot ne peut pas accéder aux fichiers CSS et JS » s’affiche-t-il dans le compte des outils Google pour les webmasters de votre site WordPress ? Le message contient des liens vers des instructions sur la façon de résoudre ce problème, mais ces instructions ne sont pas très faciles à suivre. Dans cet article, nous allons vous montrer comment corriger l’erreur « Googlebot ne peut pas accéder aux fichiers CSS et JS » sur votre site WordPress.
Pourquoi Google a-t-il besoin d’accéder aux fichiers CSS et JS ?
Google se concentre sur l’amélioration du classement des sites Web conviviaux – des sites rapides, offrant une bonne expérience utilisateur, etc. Afin de déterminer l’expérience utilisateur d’un site Web, Google a besoin d’un accès pour pouvoir visiter les fichiers CSS et JavaScript du site.
Par défaut WordPress ne bloque pas les robots de recherche n’accèdent à aucun fichier CSS ou JS. Cependant, certains propriétaires de sites peuvent les bloquer accidentellement en essayant d’ajouter des mesures de sécurité supplémentaires ou en utilisant un plugin de sécurité WordPress.
Cela empêche Googlebot d’indexer les fichiers CSS et JS, ce qui peut affecter les performances de référencement de votre site.
Cela dit, voyons comment nous pouvons localiser ces fichiers et les débloquer.
Comment donner à Google l’accès à vos fichiers CSS et JS
Vous devez d’abord savoir à quels fichiers Google ne peut pas accéder sur votre site Web.
Vous pouvez voir comment Googlebot voit votre site Web en cliquant sur Exploration »Récupérer en tant que Google dans Google Search Console (anciennement Webmaster Tools). Ensuite, cliquez sur le bouton récupérer et afficher (vous souhaitez le faire à la fois pour le bureau et le mobile).
Une fois récupéré, le résultat apparaîtra dans une ligne ci-dessous. En cliquant dessus, vous verrez ce qu’un utilisateur voit et ce que le Googlebot voit lorsqu’il charge votre site.
Si vous remarquez une différence entre les deux captures d’écran, cela signifie que Googlebot n’a pas pu accéder aux fichiers CSS/JS. Il vous montrera également les liens des fichiers CSS et JS auxquels il n’a pas pu accéder.
Vous pouvez également trouver une liste de ces ressources bloquées sous Index Google » Ressources bloquées.
En cliquant sur chaque ressource, vous verrez les liens vers des ressources réelles auxquelles Googlebot ne peut pas accéder.
La plupart du temps, ce sont des styles CSS et des fichiers JS ajoutés par vos plugins ou thème WordPress.
Vous devrez maintenant modifier le fichier robots.txt de votre site, qui contrôle ce que le bot Google voit.
Vous pouvez le modifier en vous connectant à votre site à l’aide d’un client FTP. Le fichier robots.txt sera dans le répertoire racine de votre site.
Si vous utilisez le plugin Yoast SEO, vous pouvez modifier le fichier robots.txt à partir de votre zone d’administration WordPress. Allez simplement sur Référencement » Outils page, puis cliquez sur Éditeur de fichiers.
Vous verrez très probablement que votre site a interdit l’accès à certains répertoires WordPress comme celui-ci :
User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/themes/
Vous devez maintenant supprimer les lignes qui bloquent l’accès de Google aux fichiers CSS ou JS sur le front-end de votre site. Généralement, ces fichiers sont situés dans les dossiers des plugins ou des thèmes. Vous devrez peut-être également supprimer wp-includes, de nombreux thèmes et plugins WordPress peuvent appeler des scripts situés dans le dossier wp-includes, tels que jQuery.
Certains utilisateurs peuvent remarquer que leur fichier robots.txt est vide ou n’existe même pas. Si Googlebot ne trouve pas de fichier robots.txt, il explore et indexe automatiquement tous les fichiers.
Alors pourquoi voyez-vous cet avertissement ?
En de rares occasions, certains fournisseurs d’hébergement WordPress peuvent bloquer de manière proactive l’accès aux dossiers WordPress par défaut pour les bots. Vous pouvez remplacer cela dans robots.txt en autorisant l’accès aux dossiers bloqués.
User-agent: *
Allow: /wp-includes/js/
Une fois que vous avez terminé, enregistrez votre fichier robots.txt. Visitez l’outil Fetch as Google et cliquez sur le bouton Fetch and render. Comparez maintenant vos résultats de récupération et vous verrez que la plupart des problèmes de ressources bloquées devraient disparaître maintenant.
Nous espérons que cet article vous a aidé à résoudre l’erreur « Googlebot ne peut pas accéder aux fichiers CSS et JS » sur votre site WordPress. Vous pouvez également consulter notre guide sur