L’HTML semantico è il modo di scrivere il codice di un sito usando per ogni elemento il tag che ne descrive il ruolo: un menu è un <nav>, un titolo è un <h2>, un link è un <a href>. A schermo non cambia nulla, ma cambia molto per chi il sito lo legge: Google, i sistemi di intelligenza artificiale e le persone che navigano con un lettore di schermo. Ecco perché ti interessa e cosa chiedere.
Cos’è l’HTML semantico, in pratica
L’HTML è il codice che descrive il contenuto di una pagina. Si può scrivere in modo “generico”, con contenitori anonimi uno dentro l’altro, oppure in modo semantico, usando i tag che dicono cosa contiene ogni parte.
| Tag semantico | A cosa serve |
|---|---|
<header>, <footer> |
intestazione e piede della pagina |
<nav> |
il menu di navigazione |
<main> |
il contenuto principale, uno per pagina |
<section>, <article> |
gruppi di contenuti sullo stesso tema, contenuti autonomi come un articolo |
<h1> … <h6> |
titoli in ordine, con un solo <h1> per pagina |
<a href>, <button> |
link e pulsanti |
<img alt> |
immagini con testo alternativo |
<label> |
etichette collegate ai campi dei moduli |
Il codice semantico descrive il significato, non l’aspetto. L’aspetto lo decide il CSS, come spieghiamo in CSS: cos’è e perché un sito su misura è più leggero.
HTML semantico e SEO: perché conta per Google
Google scansiona e capisce meglio le pagine scritte con l’HTML giusto. La documentazione di Google Search Central è esplicita su alcuni punti:
- Google può scansionare un link solo se è un elemento
<a>con attributohref. Un menu costruito con<span>e JavaScript rischia di non essere seguito, e le pagine collegate restano invisibili; - Google trova le immagini nell’attributo
srcdei tag<img>e non indicizza le immagini inserite via CSS; - il testo alternativo è l’attributo più importante per dare informazioni su un’immagine e migliora anche l’accessibilità.
Titoli in ordine e testo vero, non scritte dentro le immagini, aiutano Google a capire di cosa parla ogni sezione. È la base di quanto spieghiamo in come farsi trovare su Google e sulle AI.
Perché conta per le AI
Le AI che rispondono alle domande leggono lo stesso HTML di Google. Una pagina con titoli chiari, paragrafi brevi, elenchi veri e testo leggibile nel codice è più facile da interpretare e da citare. Un contenuto chiuso in un’immagine o caricato solo dopo interazioni complesse lo è molto meno.
Perché conta per l’accessibilità
Quasi tutti i siti hanno errori di accessibilità che un HTML scritto bene eviterebbe. Secondo WebAIM, a febbraio 2026 il 95,9% delle home page analizzate aveva errori rilevabili. Il WebAIM Million 2026, che analizza le home page di un milione di siti, ha trovato una media di 56,1 errori per pagina. I più comuni:
- testo con contrasto basso: 83,9% delle home page;
- immagini senza testo alternativo: 53,1%;
- campi dei moduli senza etichetta: 51%;
- link vuoti: 46,3%;
- pulsanti vuoti: 30,6%.
Un elemento <main> era presente solo nel 46,1% delle pagine. E le pagine con attributi ARIA avevano in media più errori (59,1) di quelle senza (42): aggiungere ARIA non sostituisce un HTML scritto bene. Per chi vende online l’accessibilità è anche un obbligo, come spieghiamo in European Accessibility Act per gli e-commerce.
Cosa chiedere alla tua agenzia
Non serve saper programmare: bastano sei domande precise.
- Un solo
<h1>per pagina e titoli in ordine gerarchico. - Menu e link fatti con
<a href>, non con elementi cliccabili via JavaScript. - Testo alternativo su tutte le immagini informative.
- Etichette su ogni campo dei moduli di contatto.
- Contrasto sufficiente tra testo e sfondo.
- Un controllo di accessibilità prima della consegna, con strumenti come Lighthouse o WAVE.
Se il sito è costruito con un page builder pesante, molte di queste cose sono difficili da ottenere. E ogni modifica successiva può reintrodurre errori: per questo il controllo va ripetuto nella manutenzione del sito.
In sintesi
L’HTML semantico non si vede, ma decide come il sito viene letto da Google, dalle AI e dalle persone con disabilità. È una delle prime cose da verificare in un preventivo. Tech To Business, web agency di Catanzaro, scrive codice semantico e controllato nei siti che realizza per attività in Calabria: scopri come lavoriamo nella pagina web agency a Catanzaro.