L’Architettura del Castello: HTML
Galdor (con voce calma): «Finora abbiamo parlato del luogo (il Dominio) e di ciò che vi è scritto sopra (il Contenuto). Ora è il momento di capire come tutto questo viene costruito. Una pagina web è come un edificio: puoi avere marmi preziosi e iscrizioni perfette, ma se le fondamenta sono caotiche, il tempio crollerà o non verrà mai compreso da chi lo visita.»
Galdor: «La struttura è il linguaggio silenzioso che parla a tre entità contemporaneamente: l’utente, il motore di ricerca e l’IA che interpreta il significato. Se sbagli qui, nessuno dei tre ti capirà davvero.»
Giovane (osservando il codice): «Il browser mostra comunque la pagina anche se il codice non è perfetto. Perché tanta attenzione?»
Galdor (sorridendo): «Perché il browser tenta di capire, Google valuta e le AI interpretano. Una struttura HTML corretta non è estetica: è semantica, logica, intenzionale. È come presentarsi con nome, cognome e ruolo invece di borbottare qualcosa entrando nella stanza.»
Googlebot analizza la struttura HTML per costruire un'interpretazione semantica della pagina. Una struttura HTML corretta riduce le ambiguità nell'analisi algoritmica e migliora la classificazione tematica.
Con l'evoluzione verso sistemi NLP-first, la struttura HTML è diventata ancora più importante: BERT e MUM analizzano il documento come una gerarchia semantica, non come semplice testo.
Rilevanza per AI Search
- Google AI Overview: una struttura HTML semanticamente corretta facilita l'estrazione di sezioni specifiche per le risposte AI. Main, section, article ben strutturati sono i contenitori ideali per l'estrazione.
- Perplexity / ChatGPT Search: i crawler AI analizzano la struttura HTML per identificare le sezioni più rilevanti del documento. Una struttura pulita migliora la qualità dell'estrazione.
- GEO: una struttura HTML semanticamente corretta è il prerequisito tecnico fondamentale per qualsiasi strategia di Generative Engine Optimization.
Una pagina deve presentare una struttura HTML logica, ordinata e completa, basata sugli elementi fondamentali:
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titolo Pagina | Brand</title>
<meta name="description" content="Descrizione pagina...">
</head>
<body>
<header>...</header>
<main>...</main>
<footer>...</footer>
</body>
</html>Un HTML pulito e ben strutturato facilita il crawling, riduce ambiguità interpretative e migliora la comprensione gerarchica.
Attenzione ai CMS: WordPress e altri page builder (Divi, Elementor) possono fare un uso eccessivo di <div> e omettere una struttura semantica chiara. Controllare sempre il codice generato prima di scegliere template e builder.
| Elemento | Ruolo semantico | Note |
|---|---|---|
| <!DOCTYPE html> | Dichiara HTML5 | Obbligatorio — prima riga del documento |
| <html lang="it"> | Lingua del documento | Fondamentale per SEO e accessibilità |
| <head> | Metadati del documento | charset, viewport, title, meta description |
| <body> | Contenuto visibile | Solo contenuto strutturale e visibile |
| <main> | Contenuto principale | Un solo per pagina — il cuore semantico |
| <header> | Introduzione logica | Può ripetersi in section/article |
| <footer> | Chiusura informativa | Non è solo la parte in basso |
Amar Amoretti lavora su internet — un posto vasto, complicato e pieno di cose che probabilmente ti stai perdendo. Ha realizzato yaoki.academy con l'obiettivo dichiarato di rendere la SEO/GEO o come diavolo volete chiamarla comprensibile agli esseri umani. Questo è considerato da molti un atto di ottimismo cosmico.