Stai vedendo l'avviso "Googlebot non può accedere ai file CSS e JS" negli strumenti per webmaster di Google per il tuo sito WordPress?
Il messaggio contiene collegamenti a istruzioni su come risolvere questo problema, ma tali istruzioni non sono molto facili da seguire.
In questo articolo, ti mostreremo come risolvere l'errore "Googlebot non può accedere ai file CSS e JS" sul tuo sito WordPress.
Perché Google ha bisogno di accedere ai file CSS e JS?
Google si concentra sul fornire classifiche migliori ai siti web facili da usare: siti veloci, con una buona esperienza utente, ecc. Per determinare l'esperienza utente di un sito web, Google ha bisogno di poter accedere ai file CSS e JavaScript del sito.
Per impostazione predefinita, WordPress non blocca i bot di ricerca dall'accesso a file CSS o JS. Tuttavia, alcuni proprietari di siti potrebbero bloccarli accidentalmente mentre cercano di aggiungere misure di sicurezza extra o utilizzando un plugin di sicurezza WordPress.
Questo impedisce a Googlebot di indicizzare i file CSS e JS, il che potrebbe influire sulle prestazioni SEO del tuo sito.
Detto questo, vediamo come possiamo individuare questi file e sbloccarli.
Come dare a Google l'accesso ai tuoi file CSS e JS
Innanzitutto, devi sapere quali file Google non è in grado di accedere sul tuo sito web.
Puoi vedere come Googlebot vede il tuo sito web cliccando su Scansione » Recupera come Google in Google Search Console (precedentemente Strumenti per i Webmaster). Successivamente, fai clic sul pulsante recupera e renderizza (fallo sia per Desktop che per Mobile).
Una volta recuperato, il risultato apparirà in una riga sottostante. Cliccandoci sopra, vedrai cosa vede un utente e cosa vede Googlebot quando carica il tuo sito.
Se noti una differenza tra i due screenshot, significa che Googlebot non è stato in grado di accedere ai file CSS/JS. Ti mostrerà anche i collegamenti ai file CSS e JS a cui non è riuscito ad accedere.
Puoi anche trovare un elenco di queste risorse bloccate sotto Google Index » Risorse bloccate.
Cliccando su ciascuna risorsa, vedrai i collegamenti alle risorse effettive a cui Googlebot non può accedere.
La maggior parte delle volte, si tratta di stili CSS e file JS aggiunti dai tuoi plugin o temi WordPress.
Ora dovrai modificare il file robots.txt del tuo sito, che è ciò che controlla ciò che Google bot vede.
Puoi modificarlo connettendoti al tuo sito utilizzando un client FTP. Il file robots.txt si troverà nella directory principale del tuo sito.
Se stai utilizzando il plugin All in One SEO, puoi modificare il file robots.txt dall'area di amministrazione di WordPress. Vai semplicemente alla pagina All in One SEO » Strumenti e poi fai clic sulla scheda 'Editor Robots.txt'.
Quindi, abilita il robots.txt personalizzato attivando l'interruttore. Questo ti permetterà di modificare il tuo file robots.txt.
Dopodiché, vedrai un'anteprima del tuo file robots.txt esistente in fondo alla schermata.
Ora puoi aggiungere le tue regole personalizzate al tuo file robots.txt. Per maggiori dettagli, consulta la nostra guida su come ottimizzare il tuo robots.txt in WordPress.
Molto probabilmente vedrai che il tuo sito ha negato l'accesso ad alcune directory di WordPress come questa:
User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/themes/
Ora devi rimuovere le righe che bloccano l'accesso di Google ai file CSS o JS sul front-end del tuo sito. Tipicamente questi file si trovano nelle cartelle dei plugin o dei temi. Potrebbe anche essere necessario rimuovere wp-includes, molti temi e plugin di WordPress potrebbero chiamare script situati nella cartella wp-includes, come jQuery.
Alcuni utenti potrebbero notare che il loro file robots.txt è vuoto o addirittura non esiste. Se Googlebot non trova un file robots.txt, allora esegue automaticamente la scansione e indicizza tutti i file.
Allora perché stai vedendo questo avviso?
In rare occasioni, alcuni hosting WordPress provider potrebbero bloccare proattivamente l'accesso alle cartelle predefinite di WordPress per i bot. Puoi sovrascrivere questo in robots.txt consentendo l'accesso alle cartelle bloccate.
User-agent: *
Allow: /wp-includes/js/
Una volta terminato, salva il tuo file robots.txt. Visita lo strumento fetch as Google e fai clic sul pulsante fetch and render. Ora confronta i tuoi risultati di fetch e vedrai che la maggior parte dei problemi di risorse bloccate dovrebbe scomparire.
Speriamo che questo articolo ti abbia aiutato a risolvere l'errore 'Googlebot non può accedere ai file CSS e JS' sul tuo sito WordPress. Potresti anche voler consultare la nostra guida su come tracciare i visitatori del sito web sul tuo sito WordPress o le nostre scelte esperte dei migliori plugin SEO per WordPress.
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
Sonia
Thank you very helpful article and fixed the issue for my site!
Dhruv Sharma
Gentile wpbeginner,
Se permetto l'accesso ai file js, significa che io, il bot, scaricherò tutti gli include js, jquery.yi e altre versioni pesanti di js.
Fa bene alla SEO?
Mark
Anche se ho consentito Allow: /wp-includes/*.js, sto ancora ricevendo questo errore:
/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1
Ho notato che la mia linea di base degli errori sta diminuendo senza che io faccia nulla, quindi penso che si tratti di un problema di Google?
bilal
ciao,,
Cosa è meglio? impedire l'accesso ai file css-and-js o consentire l'accesso??
Grazie
Supporto WPBeginner
Consenti accesso.
Amministratore
Billy
Sì, ecco il problema che sto riscontrando da qualche settimana, grazie per le istruzioni su come risolvere questo problema, proverò a seguire le istruzioni per risolverlo.