Strumenti per sviluppatori web per il debug di problemi di JavaScript nella Ricerca Google

Come eseguire il debug dei problemi relativi alla SEO su singole pagine o nell'intero sito.

Google offre molti strumenti per aiutarti a eseguire il debug dei problemi relativi alla SEO per JavaScript nella Ricerca Google. Questa guida fornisce una panoramica degli strumenti disponibili e dei suggerimenti sull'utilizzo di ciascuno strumento.

Usa Lighthouse per la tua prima indagine. Include una serie di controlli SEO.

Uno screenshot dei controlli SEO in Lighthouse.

I controlli di Lighthouse per la SEO sono controlli iniziali molto basilari per una singola pagina del tuo sito web. Rilevano gli errori più comuni e ti danno una prima impressione del rendimento del tuo sito web in termini di rilevabilità del motore di ricerca. Tieni presente che Lighthouse viene eseguito nel tuo browser, il che non è una rappresentazione accurata di come Googlebot potrebbe vedere una pagina web. Ad esempio, i browser (e Lighthouse) non utilizzano robots.txt per decidere se possono recuperare risorse dalla rete, al contrario di Googlebot. Di conseguenza, quando Lighthouse identifica potenziali problemi, dovresti risolverli, ma potresti dover utilizzare altri strumenti per eseguirne ulteriormente il debug.

Convalidare le pagine con gli strumenti di test della Ricerca Google

La Ricerca Google offre una serie di strumenti per testare il modo in cui Googlebot vede i tuoi contenuti web.
Alcuni di questi strumenti sono particolarmente utili durante i test dal tuo ambiente di sviluppo:

In combinazione con strumenti come local-tunnel o ngrok, puoi creare un URL pubblico temporaneo dal tuo ambiente di sviluppo locale ed eseguire rapidamente l'iterazione durante i test con gli strumenti di test di Google.

Questi strumenti di test forniscono diverse informazioni utili, ad esempio:

  • Il codice HTML sottoposto a rendering che Googlebot utilizzerà per l'indicizzazione
  • Panoramica delle risorse caricate e spiegazioni sul motivo per cui non è possibile caricare le risorse
  • Messaggi di log della console e errori JavaScript con le analisi dello stack
Uno screenshot del test di ottimizzazione mobile.

Lo strumento Controllo URL di Google Search Console può anche fornirti informazioni dettagliate sullo stato di una pagina.

Uno screenshot dello strumento Controllo URL.

Qui puoi scoprirlo:

  • Se l'URL è presente nell'indice della Ricerca Google o può essere indicizzato in futuro
  • L'aspetto del codice HTML sottoposto a rendering dalla scansione più recente
  • L'aspetto del codice HTML sottoposto a rendering in una nuova scansione della pagina
  • Informazioni sulle risorse della pagina
  • Messaggi di log di JavaScript ed errori con le analisi dello stack
  • Uno screenshot
  • Problemi di usabilità mobile
  • Quali dati strutturati sono stati rilevati nella pagina e se sono validi

Questi strumenti ti consentono di identificare la maggior parte dei problemi e risolverli. La Ricerca Google fornisce inoltre la documentazione per risolvere i problemi di JavaScript relativi alla Ricerca Google per ulteriori indicazioni su cosa fare dopo aver identificato la causa di un problema.

Esamina lo stato del sito con Google Search Console

Gli strumenti illustrati nell'ultima sezione sono perfetti per risolvere problemi specifici in un'unica pagina del sito web, ma se vuoi avere una panoramica più completa dell'intero sito web, utilizza Google Search Console.

Report sulla copertura

Il report Copertura mostra quali pagine del tuo sito web sono indicizzate e quali presentano problemi.

Uno screenshot del report Copertura.

Report Segnali web essenziali

Il report Segnali web essenziali ti consente di avere una panoramica delle prestazioni delle pagine del tuo sito web in relazione ai Segnali web essenziali.

Uno screenshot del report Core Web Vitals.

Integra questi strumenti negli strumenti per sviluppatori

In questo articolo abbiamo visto una serie di strumenti per vari scopi, dal test di una pagina prima della pubblicazione al monitoraggio delle pagine di un sito web attivo, che ti offrono trasparenza sulle prestazioni del tuo sito web in termini di rilevabilità per la Ricerca Google. Alcuni di questi strumenti potrebbero diventare parti utili del toolkit di sviluppo, altri potrebbero essere più simili a strumenti ad hoc per identificare la causa di un problema e correggere le pagine interessate. Per scoprire di più sulla Ricerca Google per gli sviluppatori o sulla SEO JavaScript, consulta la documentazione ufficiale di Search for Developers.