Codice Sorgente

Il codice sorgente di una pagina web è il testo, scritto in HTML, CSS e JavaScript, che il browser riceve dal server e usa per costruire la pagina che vedi. Per chi ha un sito è un’ottima fonte di verità: ciò che compare lì è quello che leggono anche i motori di ricerca, a differenza di quello che l’occhio vede a schermo.

Faccio SEO dal 2009 e il sorgente è il primo posto in cui guardo, prima di qualunque strumento a pagamento. Ho riscritto questa voce a ottobre 2026: quella del 2016 diceva solo come aprirlo, senza spiegare cosa cercare né la differenza con “Ispeziona”.

Come aprire il sorgente

• Visualizza sorgente pagina: clic destro sulla pagina, oppure Ctrl+U (Windows e Linux) o Opzione+Cmd+U (Mac, Chrome e Safari). In Firefox su Mac è Cmd+U. Su Safari prima va attivato il menu Sviluppo.
• Ispeziona: clic destro, “Ispeziona”, oppure F12. Apre gli strumenti per sviluppatori, descritti in Chrome DevTools.
• Da barra degli indirizzi: scrivere view-source: prima dell’indirizzo apre il sorgente in Chrome e Firefox.

Sorgente e DOM non sono la stessa cosa

Visualizza sorgente mostra il codice come arriva dal server. Ispeziona mostra invece il DOM, cioè la pagina dopo che il browser ha eseguito anche il JavaScript. Su un sito classico sono quasi uguali. Su un sito che costruisce i contenuti con JavaScript possono differire molto, e Google ha una guida per questi casi: le basi della SEO per JavaScript.

Cosa controllo per la SEO

Nel sorgente cerco con Ctrl+F questi elementi:

• title, che compare nelle schede e di solito nei risultati di ricerca;
• meta description, la descrizione che Google può usare come testo sotto il titolo;
• canonical, che indica quale indirizzo è quello principale tra pagine simili;
• meta robots, che può chiedere ai motori di non indicizzare la pagina: la lista dei tag supportati è nella documentazione Google;
• titoli h1, h2, h3, che organizzano il testo;
• link e testo alternativo delle immagini;
• dati strutturati, spiegati nella guida ai micro dati e Schema.org.

I meta tag sono tra le prime cose da controllare.

Errori comuni

• Scambiare Ispeziona per il sorgente: se il contenuto non è nel sorgente ma compare in Ispeziona, dipende dal JavaScript.
• Modificare il codice dal browser pensando di cambiare il sito. Le modifiche valgono solo sul tuo schermo e spariscono ricaricando.
• Dimenticare che il codice che gira sul server, come il PHP, non è visibile: vedi solo il risultato.
• Fidarsi di un plugin senza controllare cosa scrive davvero nella pagina.

Per verificare lo stato di un sito completo c’è l’articolo sulla SEO on page.

Vuoi sapere cosa legge Google nel tuo sito? Scrivimi con sito e obiettivi e ne parliamo in videochiamata. Per il quadro generale leggi la guida al posizionamento su Google.