Contenuti nascosti JavaScript SEO: guida rapida

Il punto scomodo: il tuo sito può essere leggibile per Google ma non per l’AI

Molti siti moderni si appoggiano a Javascript per mostrare parti importanti della pagina. Il risultato è che una pagina può essere “ok” per Google, ma non “leggibile” per diversi bot AI. E se i bot non leggono, è come se quel contenuto non esistesse.

• Google negli anni è diventato più capace di gestire pagine con JavaScript (con tempi e limiti).
• I bot AI non sono un gruppo unico: ciascuno ha regole e capacità diverse, e spesso non sono dichiarate.
• Approccio prudenziale: ragionare sul “minimo comune denominatore”, cioè assumere che diversi bot AI non eseguano JavaScript come un browser.
• Impatto pratico: puoi investire in contenuti utili (FAQ, descrizioni, dettagli di servizio) che però restano “dietro” un meccanismo che alcune macchine non aprono.

Che cosa significa davvero “contenuto nascosto” su una pagina

Quando si parla di contenuti nascosti JavaScript SEO, “nascosto” può voler dire due cose molto diverse. Ed è qui che si decide se i bot riescono a leggerlo oppure no.

• Nascosto a schermo: il testo esiste già nella pagina, ma viene solo nascosto visivamente (per esempio in un tab non attivo o in un’accordion chiusa).
• Assente al primo caricamento: il testo non è presente nella pagina all’inizio e compare solo dopo un’azione (clic, cambio tab) perché JavaScript lo carica o lo costruisce in quel momento.
• Casi tipici: contenuti dentro tab, accordion, sezioni “mostra di più”, FAQ espandibili, blocchi che compaiono solo dopo interazione.
• Differenza chiave: se il contenuto è già nel “corpo” della pagina al primo caricamento, un bot ha molte più chance di leggerlo anche senza interazioni.

Regola pratica: se non è nel DOM al primo caricamento, non fidarti

Una regola difensiva, utile oggi: se un’informazione importante non è presente nel DOM al primo caricamento, non dare per scontato che venga letta da tutti i sistemi. Google può anche arrivarci dopo, ma non è garantito per i bot AI.

• Considera “critiche” le informazioni che devono essere trovate e capite senza sforzo: descrizioni prodotto/servizio, cosa fai e per chi, prezzi o elementi decisivi (quando presenti), contatti, aree servite, FAQ importanti, tempi e modalità, policy essenziali.
• Se queste parti vivono solo “dietro” un clic o compaiono solo dopo che JavaScript lavora, stai aumentando il rischio di invisibilità.
• Obiettivo pratico: fare in modo che le informazioni critiche siano disponibili subito, senza dipendere dall’interazione dell’utente e senza “attendere” che un bot esegua JavaScript.

I controlli più semplici che puoi fare in autonomia in 10 minuti

Qui non serve essere tecnici: l’idea è verificare se un testo chiave (una frase unica del servizio, una risposta FAQ, una specifica importante) esiste davvero nella pagina al primo caricamento oppure viene “creato” dopo.

1. Scegli 1 o 2 frasi importanti della pagina (meglio se molto specifiche, non generiche).
2. Fai il controllo nel DOM e poi nel codice sorgente HTML.
3. Se non trovi il testo nel sorgente HTML, trattalo come un campanello d’allarme per i bot AI (approccio prudenziale).

Controllo DOM con Inspect

Questo controllo serve per capire se il contenuto è presente nella pagina “strutturata” che il browser costruisce, senza che tu debba cliccare tab o aprire accordion.

1. Apri la pagina e non interagire (non cliccare tab, non aprire accordion).
2. Clic destro e seleziona “Ispeziona”.
3. Nella scheda “Elements”, usa la ricerca e prova a trovare la frase scelta.
4. Se la frase è già presente lì, è un buon segnale: il contenuto è nel DOM senza bisogno di interazioni.

Controllo HTML con View Page Source

Questo è il controllo più “difensivo” se vuoi ragionare per capacità minime: verifica se il contenuto è presente direttamente nell’HTML ricevuto, senza dipendere dall’esecuzione di JavaScript.

1. Clic destro sulla pagina e seleziona “Visualizza sorgente pagina”.
2. Usa “Trova” e cerca la frase scelta.
3. Se la trovi nel sorgente, sai che è nell’HTML statico.
4. Se non la trovi, è possibile che venga inserita solo dopo tramite JavaScript: in quel caso, alcuni bot potrebbero non vederla.

Come verificare “la versione che vede Google” senza indovinare

Per Google non serve andare a sensazione: puoi vedere cosa riceve e cosa riesce a ricostruire, usando gli strumenti ufficiali.

1. Apri Google Search Console.
2. Usa “Ispeziona URL” e incolla l’indirizzo della pagina.
3. Lancia “Test URL pubblicato” per verificare la versione live.
4. Apri “Visualizza pagina testata” per controllare cosa Google riesce a leggere e renderizzare.
5. Se noti differenze tra ciò che vedi da utente e ciò che emerge nella pagina testata, segnalalo al tuo sviluppatore o fornitore.

Cosa fare se il contenuto non si vede

Se i controlli mostrano che le informazioni critiche non sono nel DOM al primo caricamento o non sono nel sorgente HTML, non significa “rifare il sito”. Significa scegliere una correzione mirata: o rendere quel contenuto disponibile subito in HTML, oppure far preparare al server una versione già completa.

Errori comuni che fanno sparire contenuti e messaggi importanti

Questi sono gli errori tipici che fanno sì che una pagina appaia perfetta agli utenti, ma risulti incompleta o difficile da interpretare per alcuni crawler.

• Mettere informazioni decisive (benefici, dettagli del servizio, FAQ fondamentali) solo dentro tab o accordion che caricano il testo dopo il clic.
• Dipendere totalmente da JavaScript per “costruire” la pagina, invece di consegnare HTML già ricco al primo caricamento.
• Confondere “nascosto a schermo” con “assente dal codice”: il secondo è il caso rischioso.
• Verificare solo “come lo vedo io” e non controllare DOM, sorgente HTML e versione testata in Search Console.
• Dare per scontato che tutti i bot AI funzionino come Google: oggi è più prudente progettare pensando al contrario, cioè a capacità minime.