Alejandro Rioja.
Scripts

Guida Rapida su Come Accedere al Codice Sorgente di un Sito Web

Alejandro Rioja
Alejandro Rioja
8 min di lettura
TL;DR

Apri l'HTML grezzo di qualsiasi pagina con Ctrl/Cmd+U o il prefisso view-source: nella barra degli indirizzi. Usa DevTools (F12) per l'ispezione live del DOM renderizzato, CSS e richieste di rete. Cinque cose da controllare per la SEO: tag title, meta description, intestazioni H1, attributi alt delle immagini e snippet di tracciamento analytics.

Newsletter gratuita

Ogni mercoledì. 28.400+ operatori. Zero riempitivo.

Indice dei contenuti

Aggiornato maggio 2026.

TL;DR: Apri l’HTML grezzo di qualsiasi pagina con Ctrl/Cmd+U o il prefisso view-source: nella barra degli indirizzi. Usa DevTools (F12) per l’ispezione live del DOM renderizzato, CSS e richieste di rete. Cinque cose da controllare per la SEO: tag title, meta description, intestazioni H1, attributi alt delle immagini e snippet di tracciamento analytics.

In sintesi

Il codice sorgente del tuo sito web si trova sotto ogni grafica, titolo e call to action. I motori di ricerca leggono quel codice per decidere dove posizionare la tua pagina per una determinata query. Essere in grado di leggerlo tu stesso — anche senza essere sviluppatore — è uno dei modi più rapidi per individuare errori SEO prima che ti costino traffico.

Questa guida mostra come visualizzare il codice sorgente su ogni browser e sistema operativo principale nel 2026, a cosa servono i due metodi principali (Visualizza Sorgente vs. DevTools) e i cinque elementi SEO da verificare una volta dentro.

Come Visualizzare il Codice Sorgente

Ci sono due strumenti distinti. Sappi quale usare:

La maggior parte dei siti moderni è parzialmente o completamente renderizzata con JavaScript, quindi DevTools è dove trascorro la maggior parte del mio tempo.

Il collegamento view-source: (tutti i browser)

Digita view-source: direttamente prima di qualsiasi URL nella barra degli indirizzi — ad es., view-source:https://example.com — e premi Invio. Funziona in Chrome, Firefox, Edge e Opera. Safari richiede prima l’abilitazione del menu Sviluppo (vedi sotto).

Scorciatoie da tastiera per PC

Chrome (Windows / Linux)

Firefox (Windows / Linux)

Microsoft Edge (Windows)

Opera (Windows / Linux)

Scorciatoie da tastiera per Mac

Chrome (macOS)

Firefox (macOS)

Safari (macOS)

Safari nasconde gli strumenti per sviluppatori per impostazione predefinita. Abilitali una volta sola:

  1. Apri Safari → Impostazioni (o Preferenze sui macOS più vecchi) → scheda Avanzate.
  2. Seleziona “Mostra funzionalità per sviluppatori web” (sostituisce la vecchia casella “Mostra menu Sviluppo” da Safari 17).
  3. Ora sono disponibili Sviluppo → Mostra sorgente pagina (Cmd+Option+U) e Sviluppo → Mostra Web Inspector (Cmd+Option+I). Funziona anche clic destro → Ispeziona elemento.

Microsoft Edge (macOS)

Mobile

Elementi SEO Importanti da Controllare

Una volta che riesci a visualizzare il sorgente, usa Ctrl+F / Cmd+F per cercare nell’HTML grezzo gli snippet seguenti.

1. Tag Title

Cerca <title. Ogni pagina dovrebbe averne esattamente uno, e il testo al suo interno dovrebbe essere univoco in tutto il tuo sito. I tag title sono il segnale on-page più importante per comunicare sia agli utenti che ai motori di ricerca di cosa tratta una pagina. I tag title duplicati o mancanti sono tra gli errori SEO più comuni che riscontro durante le analisi.

2. Meta Description

Cerca <meta name="description". L’attributo content è lo snippet che Google mostra spesso nei risultati di ricerca — mantienilo sotto circa 160 caratteri. Non è un fattore di ranking diretto, ma influenza il tasso di clic, il che conta. Verifica che nessuna delle due pagine condivida la stessa descrizione.

3. Intestazioni H1

Cerca <h1. La buona pratica prevede un H1 per pagina. Dovrebbe descrivere chiaramente l’argomento principale e includere naturalmente la parola chiave primaria. Inserire più parole chiave nell’H1 appare come spam sia agli utenti che agli algoritmi.

4. Tag Alt delle Immagini

Cerca <img. Ogni immagine dovrebbe avere un attributo alt che ne descriva il contenuto. Il testo alt è ciò che i lettori di schermo annunciano agli utenti ipovedenti, ed è l’unico segnale che i motori di ricerca hanno per comprendere il contenuto delle immagini. I tag alt mancanti sono vittorie facili — segnalali e compilali.

5. Codice di Tracciamento Analytics

Cerca l’ID di misurazione GA4 (formato: G-XXXXXXXXXX) o l’ID contenitore di Google Tag Manager (GTM-XXXXXXX). Se stai usando il vecchio formato Universal Analytics UA-, nota che Google ha chiuso le proprietà UA standard nel luglio 2023 — quegli ID non raccolgono più dati. Verifica di aver migrato a GA4 o a un’alternativa (Plausible, Fathom, PostHog, ecc.).

Motivi per Leggere il Codice Sorgente di un Sito Web

Non devi essere uno sviluppatore per trarre vantaggio da questa competenza. Ecco i principali motivi per cui ci ritorno:

1. Verifica i Tag Meta Robots

Un singolo <meta name="robots" content="noindex"> mal posizionato de-indicizzerà silenziosamente una pagina. Cerca nel sorgente robots per confermare di non stare bloccando accidentalmente le pagine dalla scansione.

2. Verifica la Struttura dei Titoli

Una buona gerarchia dei titoli (H1 → H2 → H3) aiuta sia l’accessibilità che la SEO. Una rapida scansione con view-source mostra se i titoli sono annidati in modo logico o se qualcuno ha usato i tag H puramente per lo stile.

3. Controlla l’Ottimizzazione delle Immagini

Oltre ai tag alt, guarda l’attributo src. Le immagini vengono servite da una CDN? Sono in formati moderni (WebP, AVIF)? Sono impostati gli attributi width e height (evitano lo spostamento del layout)? Questi dettagli emergono chiaramente nel sorgente.

4. Individua Contenuto Nascosto o Iniettato

A volte un plugin, uno script di terze parti o un attore malintenzionato inietta contenuto in una pagina che è invisibile nella vista renderizzata ma visibile ai motori di ricerca. Schemi comuni: div con display:none pieni di spam di parole chiave, link nascosti fuori schermo o testo che corrisponde al colore di sfondo. Una scansione del sorgente grezzo li farà emergere.

Cerca <a href= e scansiona i target dei link. Percorsi relativi interrotti, link interni con nofollow accidentale o catene di reindirizzamento all’interno della gerarchia del sito possono silenziosamente drenare il PageRank. View Source è più veloce che aspettare una scansione completa con Screaming Frog quando hai solo bisogno di un controllo rapido.

In sintesi

Visualizzare il sorgente è un’abitudine da trenta secondi che individua costosi problemi SEO prima che si aggravino. Che tu usi Ctrl+U per l’HTML grezzo o DevTools per il DOM live dipende dal fatto che la pagina sia renderizzata lato server o lato JavaScript — per la maggior parte dei siti del 2026 hai bisogno di entrambi.

Dai un’occhiata a questi articoli che potrebbero esserti utili per la SEO:

Domande Frequenti — Visualizzare il Codice Sorgente nel 2026

view-source funziona ancora sui siti renderizzati con JavaScript?

Parzialmente. view-source: mostra l’HTML inviato dal server — che per React, Next.js, Astro (solo client) o framework simili è spesso un contenitore quasi vuoto con tag script. Il contenuto renderizzato si trova nel DOM live, accessibile tramite DevTools → pannello Elementi. Per i siti con rendering lato server (SSR) o generati staticamente, view-source: mostra il contenuto completo della pagina perché l’HTML è completo prima di raggiungere il browser.

Posso visualizzare il sorgente di una pagina che richiede login?

Sì, purché la sessione del browser sia autenticata. view-source: e DevTools operano entrambi su qualsiasi cosa il browser abbia già caricato. Se riesci a vedere la pagina, puoi ispezionarne il sorgente. Non puoi visualizzare il sorgente di una pagina che non hai caricato.

È legale visualizzare il codice sorgente di qualcun altro?

In praticamente ogni giurisdizione, leggere l’HTML che un server web invia volontariamente al tuo browser è legale — il server ha scelto di trasmetterlo. Lo scraping automatizzato su larga scala, l’aggiramento dei controlli di accesso (ad es., eludere un paywall) o l’utilizzo del codice sorgente commercialmente senza licenza sono questioni separate con risposte legali diverse. Per le normali analisi SEO e la ricerca competitiva, leggere il sorgente servito pubblicamente è standard e non controverso.

Qual è il modo più veloce per verificare se un sito usa una tecnologia specifica nel 2026?

Tre opzioni: (1) controlla nel sorgente le stringhe tipiche (ad es., __NEXT_DATA__ per Next.js, astro-island per Astro, wp-content per WordPress); (2) installa l’estensione browser Wappalyzer, che identifica framework, CDN, strumenti analytics e dal 2025 alcuni componenti dello stack AI (LangChain, LlamaIndex); (3) esegui l’URL attraverso BuiltWith per un report dettagliato dello stack tecnologico.

Letture correlate:

Questa guida è parte di alejandrorioja.com — scritta da Alejandro Rioja, che ora costruisce sistemi di agenti AI per fondatori. Incluso l’agente che mantiene questo sito aggiornato. Come funziona →

Aggiornato per maggio 2026

Alcuni aggiornamenti del 2026 ai consigli specifici in questo post:

Continua a leggere

Ricevi il manuale dell'IA nella tua casella di posta

Ogni mercoledì. 28.400+ operatori. Zero riempitivo.

⌕
↵ ↵ per tutti i risultati esc esc per chiudere