JavaScript SEO: ottimizza il contenuto JavaScript per la ricerca

Benvenuti a una nuova edizione di Calling, dove il lunedì parleremo di un argomento che so che suscita molto interesse: JavaScript SEO. Google può effettivamente renderizzare bene il JavaScript? Quali sono i consigli e le migliori pratiche da seguire, e cosa dovremmo evitare? Per discutere di tutto questo, oggi abbiamo due esperti di SEO tecnico: Olga, consulente e auditor presso SEO Sly, e Thomas Ruski, autore di "The SEO Playbook" e fondatore di Zip Tie DEF. Prima di iniziare la nostra conversazione, voglio ringraziare Content King, lo sponsor di questa edizione. Content King è uno strumento di auditing SEO in tempo reale che supporta la renderizzazione del contenuto JavaScript, in grado di identificare eventuali problemi che si verificano sul tuo sito web in tempo reale. Puoi configurare gli avvisi per essere avvertito ogni volta che qualcosa va storto. Iniziamo quindi la nostra conversazione con Olga e Tomek. Sappiamo che Google, da alcuni anni, ha adottato un crawler Evergreen che condivide molto di più riguardo al supporto al contenuto renderizzato tramite JavaScript. Martin Split ha fatto un ottimo lavoro nell'evangelizzare sull'importanza e le migliori pratiche del JavaScript SEO, ma ancora oggi ci sono delle sfide. Ad esempio, alcuni dei miei clienti che si affidano alla renderizzazione lato client non seguono molte delle migliori pratiche SEO. Spesso i siti web che si basano su framework JavaScript finiscono per generare URL basati su hash che non sono indicizzabili in modo indipendente e non implementano i link con attributi href. Inoltre, a causa di un'eccessiva dipendenza dal JavaScript, la velocità è molto lenta, il che danneggia la capacità di Google di renderizzare correttamente tutto il contenuto. Quindi so che c'è spazio per migliorare. Qual è la vostra esperienza al riguardo? Avete visto Google in grado di renderizzare tutto il contenuto basato su JavaScript, e quali configurazioni considerate cruciali per permettere a Google di farlo?

💡Destaqques:

• Introduzione a JavaScript SEO e sfide correlate
• Esperienza e opinioni di Olga e Tomek sul rendering del contenuto JavaScript
• Le limitazioni di Google nel rendering del JavaScript
• Sfide comuni nei siti web basati su JavaScript e suggerimenti per evitarle
• L'importanza della comunicazione tra sviluppatori e specialisti SEO
• Strumenti utili per la convalida e la risoluzione dei problemi del JavaScript SEO
• L'uso della server-side rendering come soluzione alternativa
• Come monitorare l'indicizzazione del contenuto renderizzato tramite JavaScript
• Rimandi all'importanza di seguire le best practice SEO nel contesto del JavaScript SEO
• Conclusioni, ringraziamenti e invito a seguire Olga e Tomek su Twitter per ulteriori informazioni e aggiornamenti sul JavaScript SEO.

🤔 Google può davvero renderizzare correttamente il JavaScript?

Secondo Olga, Google può renderizzare il JavaScript grazie all'utilizzo della versione più recente di Chrome. Tuttavia, è importante tenere presente le limitazioni di Google in questo processo. Ad esempio, Google potrebbe non recuperare tutte le risorse o eseguire scroll e interazioni come farebbe un utente. Pertanto, è fondamentale essere consapevoli di queste limitazioni e trovare soluzioni per superarle. Tomek aggiunge che, sebbene Google abbia una potente tecnologia di rendering, talvolta decide di non renderizzare alcune pagine perché ritiene che non valga la pena. Ciò può accadere quando il crawlbudget è limitato o quando le pagine richiedono troppo tempo per essere renderizzate correttamente.

🚫 Limitazioni e sfide nel rendering del contenuto JavaScript

Olga menziona alcune sfide comuni che ha riscontrato durante le sue attività di auditing. Una di queste è l'erronea configurazione del file robots.txt che blocca i file JavaScript e CSS, impedendo a Google di renderizzarli correttamente. Un'altra problematica è l'uso di "load more" o "infinite scroll" per caricare ulteriori prodotti o articoli sulla pagina. Anche se sembra una soluzione comoda, può essere problematica dal punto di vista SEO poiché richiede interazioni tramite JavaScript che Google potrebbe non eseguire correttamente. In altre parole, parte del contenuto potrebbe non essere visibile o indicizzato da Google. Olga e Tomek concordano sul fatto che le soluzioni di rendering dinamiche, come il dynamic rendering, non sono una panacea e possono creare ulteriori problemi se non implementate correttamente. Inoltre, l'eccessiva dipendenza dal JavaScript può impedire a Google di indicizzare e renderizzare correttamente il contenuto principale, causando problemi di indicizzazione e di indicizzazione parziale.

🔍 Strumenti e approcci per risolvere i problemi del JavaScript SEO

Per risolvere i problemi e convalidare il rendering del JavaScript, Olga consiglia di disabilitare il JavaScript nel browser o utilizzare estensioni come "What Would JavaScript Do?" o lo strumento "Inspect" di Google Search Console per verificare il contenuto presente nella versione renderizzata del sito. Inoltre, Tomek sottolinea l'importanza della convalida incrociata tra le versioni con e senza JavaScript utilizzando strumenti come Screaming Frog e Sidebulb. Inoltre, suggerisce l'utilizzo del Test Mobile Friendly di Google per verificare come il sito viene renderizzato su dispositivi mobili e per vedere se il contenuto JavaScript è indicizzato. L'uso dell'API di Google Search Console permette di ottenere dati più precisi sui tassi di indicizzazione.

✅ Best practice per evitare problemi di JavaScript SEO

Un importante consiglio per gli sviluppatori è quello di non fare un uso eccessivo dei framework JavaScript se la stessa funzionalità può essere ottenuta facilmente con HTML e CSS. La comunicazione tra gli sviluppatori e gli specialisti SEO è fondamentale per capire l'impatto delle scelte di sviluppo sul SEO. Inoltre, è importante evitare l'uso di URL basati su hash, implementare i link correttamente e prestare attenzione alla velocità e all'esperienza dell'utente. Olga consiglia di considerare il server-side rendering come alternativa per ridurre la dipendenza dal rendering client-side. Infine, è valido ricordare che JavaScript SEO non riguarda solo l'indicizzazione da parte di Google, ma anche l'esperienza dell'utente, l'accessibilità e altri requisiti non funzionali del sito web.

🙋‍♂️ Domande frequenti

Domanda: È possibile utilizzare framework JavaScript come React o Vue.js per applicazioni con rendering lato server? Risposta: Sì, è possibile utilizzare soluzioni come Next.js per React o Nuxt.js per Vue.js per implementare il server-side rendering e ridurre la dipendenza dal rendering lato client.

Domanda: Se il contenuto viene aggiunto dinamicamente tramite JavaScript, ma non è indicizzato da Google, come posso risolvere il problema? Risposta: È importante assicurarti che il contenuto aggiunto venga reso accessibile anche nella versione iniziale dell'HTML, evitando di caricarlo solo dopo l'interazione dell'utente tramite JavaScript. Questo garantisce che Google possa indicizzare il contenuto relevantevenire dal JavaScript.

Domanda: Come posso verificare se il mio sito è stato correttamente renderizzato da Google? Risposta: Puoi utilizzare strumenti come "What Would JavaScript Do?", Screaming Frog e Sidebulb per confrontare le versioni con JavaScript abilitato e disabilitato. Inoltre, puoi controllare Google Search Console per verificare il numero di pagine indicizzate e confrontarlo con il numero totale di pagine del tuo sito.

Domanda: Quali sono i rischi di utilizzare frameworks JavaScript per il rendering lato client? Risposta: L'utilizzo eccessivo di framework JavaScript può compromettere la velocità di caricamento delle pagine e causare problemi di indicizzazione, poiché Google potrebbe non essere in grado di renderizzare correttamente il contenuto. Inoltre, l'over-reliance sul JavaScript può influire negativamente sull'esperienza utente e sull'accessibilità del sito.

Domanda: Quali sono le migliori pratiche per comunicare con gli sviluppatori sulle esigenze SEO dei siti basati su JavaScript? Risposta: È importante stabilire una comunicazione aperta con gli sviluppatori e condividere le migliori pratiche SEO per garantire che il sito venga sviluppato tenendo conto delle esigenze di indicizzazione e di rendering del contenuto basato su JavaScript.