Una mappa HTML del sito è l’unico componente di un sito web che mostra l’intera struttura gerarchica in un’unica pagina. Per chi conosce già il dominio che sta visitando, è una scorciatoia diretta alla risorsa cercata, senza dover passare da menu a discesa o da una barra di ricerca i cui risultati dipendono dall’algoritmo interno. Capire la logica con cui è costruita permette di usarla in modo molto più efficace della semplice scansione visiva.
Ordine di tabulazione e struttura semantica della mappa HTML
Una mappa del sito correttamente contrassegnata si basa su elenchi annidati (elenchi ul/li ordinati per livello gerarchico). Ogni livello di annidamento corrisponde a un livello della struttura: sezioni principali, sottosezioni e pagine finali. Questa struttura non è decorativa: determina il modo in cui uno screen reader restituisce le informazioni e in cui la navigazione da tastiera procede da un link al successivo.
Quando il markup è corretto, il tasto Tab segue l’ordine logico della struttura. Chi naviga da tastiera raggiunge la sottosezione desiderata con pochi tasti, senza dover attraversare tutti gli elementi interattivi dell’header o del footer. Se la mappa usa tag di intestazione (h2, h3) per separare le sezioni principali, gli screen reader consentono di passare direttamente da un gruppo di link all’altro.
Il criterio WCAG 2.2 “Multiple Ways” richiede di offrire diversi modi per trovare una pagina (navigazione, ricerca, mappa del sito). La mappa HTML svolge questa funzione a condizione che ogni link abbia un’etichetta descrittiva e univoca. Un’etichetta generica come “Scopri di più”, ripetuta dieci volte, rende la mappa inutilizzabile per chi naviga tramite un elenco di link.
Mappa HTML del sito e sitemap XML: due funzioni distinte per la navigazione e l’indicizzazione
La confusione tra questi due formati persiste. La mappa HTML è una normale pagina web, consultabile dai visitatori, che elenca i link interni in forma gerarchica. La sitemap XML è un file tecnico destinato ai crawler. Google segue i link di una mappa HTML come quelli di qualsiasi altra pagina, ma la sitemap XML resta il formato consigliato per segnalare ai motori di ricerca gli URL da scansionare.
In pratica, un sito di dimensioni contenute (qualche decina di pagine) trae un vantaggio diretto dalla mappa HTML: ogni pagina è raggiungibile con un clic da un unico URL.
Su un sito di grandi dimensioni, la mappa HTML diventa uno strumento di navigazione complementare alla sitemap XML, che gestisce le priorità di scansione e la frequenza degli aggiornamenti. Per vedere un esempio concreto di questo approccio, la mappa del sito The Infos du Geek presenta categorie e articoli in una struttura leggibile, senza ricorrere al menu principale.
Possiamo quindi distinguere due percorsi: chi cerca una pagina specifica usa la mappa HTML, mentre Googlebot consulta il file XML per decidere quali URL scansionare con priorità. Mantenere entrambi aggiornati evita link non funzionanti per gli utenti ed errori di indicizzazione per i motori di ricerca.
Usare la mappa del sito per abbreviare il percorso di navigazione
La maggior parte dei visitatori raggiunge la mappa del sito dal footer, talvolta da una pagina 404 ben progettata. La sua efficacia dipende dalla leggibilità della gerarchia visualizzata. Tre accorgimenti aiutano a trovare più rapidamente una pagina:
- Raggruppare i link per categorie funzionali anziché per tipo di contenuto (articoli, schede, notizie). Chi visita il sito cerca “fatturazione” o “API”, non “articolo del blog numero 47”.
- Limitare la profondità visibile a tre livelli. Oltre questa soglia, l’effetto elenco telefonico crea un muro di link che scoraggia la scansione visiva e rallenta la navigazione da tastiera.
- Usare la funzione di ricerca integrata nel browser (Ctrl+F) nella pagina della mappa. È ancora il modo più rapido per trovare una parola chiave in un lungo elenco di link e funziona senza dipendere dal motore di ricerca interno del sito.
Una mappa del sito ben strutturata rende quasi superflua la ricerca interna nei siti di medie dimensioni. Mostra l’intero perimetro dei contenuti senza filtri algoritmici né limiti al numero di risultati.
Pagine dinamiche e sezioni in evoluzione
Le sezioni aggiornate di frequente (blog, notizie, catalogo prodotti) pongono un problema di manutenzione. Una mappa generata manualmente diventa obsoleta non appena un articolo viene pubblicato o rimosso. La generazione automatica tramite CMS risolve il problema, ma introduce un rischio: includere pagine tecniche (pagine dei tag, archivi per data, pagine di paginazione) che ne compromettono la leggibilità.
Escludere queste pagine dal template della mappa è un passaggio spesso trascurato. Escludere gli archivi per data e le pagine dei tag riduce il rumore e concentra l’attenzione sui contenuti di valore. Chi consulta la mappa non cerca la pagina “tag: performance”, ma la categoria “indicatori di performance” e i relativi articoli.
Atto europeo sull’accessibilità e obbligo di garantire un percorso completo
Dal 28 giugno 2025, l’Atto europeo sull’accessibilità si applica ad alcuni servizi online, tra cui i servizi di commercio elettronico destinati ai consumatori. Sono previste esenzioni per alcune microimprese, ma l’ambito di applicazione è ampio.
In questo contesto, la mappa del sito è uno strumento che contribuisce solo in parte alla conformità. Da sola non basta: l’intero percorso, dalla ricerca al pagamento, deve essere accessibile. Verificare soltanto la mappa, senza controllare che le pagine di destinazione rispettino l’ordine di tabulazione, la visibilità del focus e la possibilità di uscire da un elemento interattivo, lascia scoperti alcuni aspetti normativi.
Consigliamo di verificare la mappa del sito insieme alle pagine più importanti del funnel di conversione. Un link accessibile nella mappa che porta a una scheda prodotto non accessibile da tastiera non soddisfa alcun requisito.
La mappa HTML del sito non è affatto un retaggio degli anni 2000. È un componente tecnico la cui efficacia dipende dal markup semantico, dall’esclusione delle pagine superflue e dalla coerenza con il resto del percorso utente. In un sito ben mantenuto, resta la via più breve tra un visitatore e l’informazione che cerca.
