Tag HTML per la SEO: quali contano, con esempi

I motori di ricerca e gli assistenti di IA leggono la vostra pagina come codice prima che qualcuno la veda sullo schermo. Una manciata di tag HTML per la SEO decide come viene compreso quel codice: quale URL viene indicizzato, quale titolo compare nei risultati, di cosa parla la pagina e come appare quando viene condivisa. Google elenca i meta tag e gli attributi che supporta in un'unica pagina della sua documentazione Search Central, e tutto ciò che resta fuori da quell'elenco non ha alcun effetto sulla Ricerca Google. Questa guida presenta ogni tag utile con un esempio, gli errori da evitare e i tag che potete dimenticare.

Quali tag HTML contano per la SEO?

La tabella seguente è l'elenco di riferimento. I tag nell'head descrivono la pagina alle macchine; quelli nel body strutturano ciò che leggono le persone.

Quali tag dell'head controllano come Google mostra la pagina?

Il tag title

Il tag title è il più importante della pagina. Google afferma che non esiste un limite di lunghezza per l'elemento title, ma il link del titolo viene troncato per adattarsi alla larghezza dello schermo, cioè circa 50 - 60 caratteri su desktop. Google può anche riscriverlo: la sua documentazione elenca le fonti che usa, dall'elemento title e dal titolo principale visibile fino alle intestazioni H1, al tag og:title e al testo di ancoraggio dei link che puntano alla pagina. Un title coerente con l'H1 e con il contenuto è quello che Google mantiene. Scrivete un title unico per ogni pagina, con la parola chiave principale all'inizio e il brand alla fine.

La meta description

La meta description non cambia il posizionamento, ma spesso fornisce lo snippet sotto il titolo e quindi influenza i clic. Google può sostituirla con un passaggio della pagina più vicino alla query. Scrivetela come una risposta breve seguita da un beneficio, tra 120 e 160 caratteri, e non riutilizzate mai la stessa descrizione su più pagine.

Il tag meta robots

Il meta tag robots dice ai crawler cosa possono fare con la pagina. Il valore più usato è noindex, che tiene una pagina fuori dai risultati; altri sono nofollow, nosnippet e max-snippet, che limita la lunghezza dello snippet. Per i file senza sezione head, come i PDF, le stesse direttive vanno nell'intestazione HTTP X-Robots-Tag. Un noindex dimenticato su un template online è una delle cause più frequenti di perdita di traffico, quindi controllatelo dopo ogni rilascio.

Viewport e charset

Google precisa nella sua documentazione che la presenza del tag viewport indica una pagina ottimizzata per il mobile. Poiché Google indicizza la versione mobile dei siti, questo tag va inserito in ogni pagina. La dichiarazione del set di caratteri (Google consiglia UTF-8) evita caratteri corrotti in titoli e snippet, cosa importante sui siti multilingue.

Quali tag dicono a Google quale URL indicizzare?

Due tag link nell'head gestiscono duplicati e lingue. Il tag canonical indica la versione preferita quando lo stesso contenuto è raggiungibile da più URL (filtri, parametri di tracciamento, HTTP e HTTPS). Google lo tratta come un'indicazione forte, insieme a redirect e link interni, quindi funziona meglio quando tutti i segnali puntano allo stesso URL. Usate un URL assoluto, un solo canonical per pagina e non fatelo mai puntare a una pagina bloccata o in noindex.

L'attributo hreflang dice a Google quale pagina mostrare a quale lingua o regione. Secondo la guida di Google sulle versioni localizzate, ogni versione deve citare sé stessa e tutte le altre, e un valore x-default può indicare la pagina per gli utenti la cui lingua non è coperta. I link di ritorno mancanti sono l'errore hreflang più frequente: se la pagina A punta alla pagina B, la pagina B deve puntare alla pagina A.

Quali tag del body aiutano i motori a capire il contenuto?

Le intestazioni da H1 a H6

Le intestazioni danno la struttura della pagina. Usate un H1 che dichiari l'argomento, H2 per le sezioni principali e H3 per i passaggi o gli elementi di una sezione, senza saltare livelli per motivi estetici. Google ha detto che più H1 non causano penalizzazioni, ma un solo H1 chiaro resta la struttura più semplice per i lettori e le tecnologie assistive. Gli H2 formulati come domande («Come funziona X?») corrispondono anche al modo in cui le persone formulano ricerche e prompt.

Il testo alternativo delle immagini

Google spiega nelle sue linee guida SEO per le immagini che usa il testo alternativo insieme alla visione artificiale e al contenuto della pagina per capire un'immagine, e che riempire gli attributi alt di parole chiave può far considerare un sito come spam. Descrivete ciò che mostra l'immagine in una frase breve. Google segnala anche che non indicizza le immagini di sfondo CSS: ogni immagine che deve posizionarsi ha bisogno di un vero elemento img.

I link e i loro attributi rel

L'elemento a è il modo in cui i crawler scoprono le pagine, quindi i link interni devono essere veri link con href, non pulsanti gestiti in JavaScript. L'attributo rel qualifica i link in uscita: sponsored per i posizionamenti a pagamento, ugc per commenti e post nei forum, nofollow per i link che non volete avallare. Google tratta questi valori come indicazioni dal 2020. Un testo di ancoraggio descrittivo aiuta sia i lettori sia i motori di ricerca.

Gli elementi semantici HTML5

Elementi come main, article, nav, header, footer e section indicano alle macchine quale parte della pagina è il contenuto principale e quali parti si ripetono su ogni pagina. Da soli non migliorano il posizionamento, ma rendono più facile isolare il contenuto principale, per i motori di ricerca, gli screen reader e gli strumenti di IA. La nostra guida all'HTML semantico descrive ogni elemento. Nel testo, strong ed em segnano l'enfasi: usateli per i termini chiave, non per interi paragrafi.

Quali tag definiscono anteprime social e risultati avanzati?

Il protocollo Open Graph, creato da Facebook e oggi letto dalla maggior parte dei social network e delle app di messaggistica, definisce i tag og:title, og:description, og:image e og:url che compongono la scheda di anteprima quando una pagina viene condivisa. Senza di essi, le piattaforme tirano a indovinare, spesso con l'immagine sbagliata. Verificate il risultato con uno strumento di anteprima Open Graph prima di pubblicare.

I dati strutturati in formato JSON-LD, inseriti in un tag script, descrivono la pagina con il vocabolario Schema.org: articolo, prodotto, organizzazione, breadcrumb, FAQ. Google li usa per i risultati avanzati, e forniscono alle IA fatti espliciti sull'entità dietro la pagina. Il markup deve descrivere ciò che è visibile sulla pagina. Spieghiamo il loro ruolo nelle risposte delle IA nella nostra guida su dati strutturati e ricerca con l'IA.

Quali tag HTML ignora Google?

L'elenco dei tag supportati da Google vi dice anche cosa potete smettere di gestire:

• Meta keywords: Google dichiara che il tag meta keywords non è usato dalla Ricerca Google e non ha alcun effetto su indicizzazione e posizionamento.
• Meta tag sconosciuti: Google ignora i meta tag che non supporta, come meta author o meta revisit-after.
• L'attributo lang: Google rileva la lingua di una pagina dal testo, non dall'attributo lang. Mantenete l'attributo per l'accessibilità e per altri strumenti, e usate hreflang per collegare le versioni linguistiche.
• Meta refresh come redirect: funziona, ma Google consiglia invece un redirect 301 lato server.

I tag HTML contano per le risposte delle IA?

Sì, per un motivo semplice: ChatGPT, Claude, Gemini e Perplexity estraggono passaggi dalle pagine, e un HTML pulito rende quei passaggi facili da trovare. Diversi crawler di IA scaricano l'HTML grezzo senza eseguire JavaScript, quindi un title, un canonical o un blocco di testo inseriti tramite script possono non raggiungerli mai. Una gerarchia di intestazioni chiara divide la pagina in risposte autonome, elenchi e tabelle tengono insieme i dati, e i dati strutturati enunciano i fatti senza ambiguità. È il lato tecnico della generative engine optimization: gli stessi tag che aiutano Google aiutano anche gli assistenti di IA a citarvi correttamente.

Come controllare i tag HTML di una pagina?

1. Leggete il sorgente grezzo. Aprite il codice sorgente (Ctrl+U) e cercate i tag title, meta description, robots, canonical e hreflang. Se un tag compare solo nella pagina renderizzata, dipende da JavaScript.
2. Confrontate con la vista di Google. Lo strumento Controllo URL di Google Search Console mostra l'HTML renderizzato da Google e il canonical che ha scelto.
3. Controllate pagina per pagina. L'estensione Chrome gratuita di Sorank elenca i tag mancanti o duplicati e le correzioni per la pagina che state guardando.
4. Controllate tutto il sito. Un crawler trova title duplicati, testi alternativi mancanti e canonical errati su migliaia di URL; la nostra selezione di strumenti di SEO tecnica confronta le opzioni.
5. Ricontrollate dopo ogni rilascio. È con le modifiche ai template che compaiono noindex, canonical rotti e title vuoti.

Padroneggiare la dozzina di tag qui sopra copre quasi tutto ciò che l'HTML può fare per la SEO; il resto del lavoro riguarda contenuti e link. Se volete pagine che escano già con title, intestazioni, link interni e contenuti strutturati puliti, il generatore di articoli di Sorank le scrive e le pubblica in autopilot, a partire da 49 € al mese con fatturazione annuale (vedi i prezzi).