Un visitatore arriva su un sito e-commerce per ritrovare una scheda prodotto consultata il giorno prima. Il menu principale propone otto categorie, ciascuna articolata in sottocategorie. Dopo tre clic a vuoto, abbandona la pagina. Una mappa del sito HTML avrebbe risolto il problema in un solo passaggio: una panoramica completa della struttura, con un link diretto alla pagina giusta.
Mappa del sito HTML e sitemap XML: due strumenti con funzioni distinte
Spesso si confonde la mappa del sito destinata ai visitatori con il file XML destinato ai motori di ricerca. La sitemap XML è un documento tecnico che elenca gli URL per agevolare la scansione da parte dei robot di indicizzazione. Non sostituisce i collegamenti interni e non offre alcun vantaggio nella navigazione degli utenti.
La mappa del sito HTML, invece, è una pagina consultabile da chiunque. Riproduce la struttura del sito sotto forma di link organizzati per categorie e sottocategorie. È una scorciatoia per la navigazione, non un duplicato del menu. Per vedere un esempio concreto di questo tipo di pagina, la mappa del sito Journal Du Web offre un buon esempio di struttura consultabile a colpo d’occhio.
Su un sito di dimensioni contenute (qualche decina di pagine), la mappa del sito HTML può sembrare superflua. Su un portale con diverse centinaia di pagine, diventa una rete di sicurezza quando il menu principale non basta più.
Accessibilità e RGAA: la mappa del sito come requisito concreto
Il référentiel général d’amélioration de l’accessibilité (RGAA) non si limita a richiedere la presenza di una mappa del sito. Verifica che rappresenti fedelmente l’architettura generale, che i link funzionino e che le relative etichette corrispondano alle pagine di destinazione.
Il RGAA impone inoltre di offrire almeno due modalità di navigazione tra tre opzioni: un menu di navigazione, una mappa del sito e un motore di ricerca interno. Un sito che dispone solo di un menu principale, senza mappa del sito né barra di ricerca, non soddisfa questo requisito.
Cosa cambia per chi usa uno screen reader
Chi utilizza uno screen reader e visita un sito pagina per pagina impiega molto tempo per comprenderne l’architettura complessiva. La mappa del sito offre una visione d’insieme in un’unica pagina, senza dover passare in rassegna ogni elemento interattivo del menu.
Nel suo piano d’azione per l’accessibilità 2026, ArianeGroup prevede di migliorare la propria mappa del sito insieme a interventi sulla struttura dei titoli, sulla visibilità del focus da tastiera e sulle etichette dei link. Questo caso dimostra che la mappa del sito rientra in un progetto complessivo di accessibilità, non è un elemento isolato.
Come strutturare una mappa del sito HTML che agevoli davvero la navigazione
Una mappa del sito progettata male può essere disorientante quanto un menu sovraccarico. La pagina deve rimanere leggibile e questo richiede alcune scelte editoriali.
Pagine da includere e pagine da escludere
Si includono le pagine strutturali e i contenuti che i visitatori cercano attivamente. Si escludono quelli che non offrono alcun valore per la navigazione diretta.
- Pagine da includere: home page, sezioni principali, sottosezioni, pagine di servizi o prodotti, pagine di contatto e note legali
- Pagine da escludere: risultati della ricerca interna, pagine di reindirizzamento, pagine di conferma dei moduli, versioni duplicate (parametri URL, paginazione)
- Caso particolare di blog e notizie: elencare le categorie o i tag invece di ogni singolo articolo, altrimenti la pagina diventa un elenco illeggibile di diverse centinaia di righe
Gerarchia visiva e raggruppamento
La leggibilità dipende dal raggruppamento per livelli. Il primo livello mostra le sezioni principali. Il secondo dettaglia le sottocategorie. Oltre tre livelli di annidamento, la pagina perde chiarezza e l’utente si ritrova nella situazione che si voleva evitare.
Ogni link della mappa del sito deve avere un’etichetta esplicita. Un link con il testo «Pagina 1» o «Scopri di più» non indica né all’utente né allo screen reader quale sia la destinazione.
Generazione automatica o creazione manuale della mappa del sito
Su WordPress, alcune estensioni generano automaticamente una mappa del sito HTML a partire dalla struttura esistente. Questo approccio funziona se la struttura del sito è già ordinata. In caso contrario, la pagina generata riproduce fedelmente il disordine.
La creazione manuale richiede più tempo, ma permette di escludere le pagine inutili, raggruppare i contenuti secondo la logica degli utenti anziché quella tecnica e controllare l’ordine di visualizzazione. Su un sito la cui struttura cambia spesso, la manutenzione manuale diventa presto un ostacolo, spingendo la maggior parte dei team a scegliere una soluzione ibrida: generazione automatica con esclusione di determinate categorie o tipologie di pagine.
La scelta tra le due opzioni dipende dal numero di pagine e dalla frequenza degli aggiornamenti. Un sito vetrina di trenta pagine si può gestire manualmente senza difficoltà. Un catalogo di prodotti aggiornato ogni settimana ha bisogno di automazione.
Integrare la mappa del sito con altri strumenti di navigazione
Le raccomandazioni del W3C sottolineano un aspetto: la mappa del sito non dovrebbe mai essere l’unica soluzione alternativa. Un breadcrumb, titoli di pagina espliciti e un motore di ricerca interno costituiscono un insieme coerente.
- Il breadcrumb indica in ogni momento la posizione dell’utente nella struttura, senza che debba lasciare la pagina corrente
- Il motore di ricerca interno è utile quando l’utente conosce un termine preciso ma non sa a quale categoria appartenga
- Titoli di pagina descrittivi (tag title e H1) aiutano chi utilizza tecnologie assistive a identificare rapidamente il contenuto di ogni pagina
Su un sito molto grande, una pagina che elenca tutti gli URL può persino rivelarsi controproducente. In questo caso, pagine di categoria ben collegate tra loro sono un’alternativa migliore a una mappa del sito esaustiva. I collegamenti interni restano la base di una navigazione fluida; la mappa del sito è solo un complemento strutturato.
Una mappa del sito ben progettata non trasforma un sito disorganizzato in un modello di usabilità. Rende visibile un’architettura già esistente. Se la struttura è confusa, la priorità è semplificarla prima di rappresentarla.
