Quando un sito raggruppa decine di sezioni, trovare una pagina precisa può rapidamente sembrare un gioco di nascondino. La mappa del sito risponde a questo problema: mostra, su un’unica pagina, l’elenco organizzato di tutti i contenuti accessibili. Per un portale d’informazione come Passez l’info, questa pagina diventa un collegamento diretto a ogni tematica, senza passare dai menu a discesa.
Mappa del sito HTML e sitemap XML: due strumenti, due pubblici
Prima di parlare di navigazione, è necessario fare una distinzione. Il termine “mappa del sito” si riferisce in realtà a due cose molto diverse a seconda del contesto.
La mappa del sito HTML è destinata ai visitatori umani. È una pagina web classica, leggibile in un browser, che elenca le sezioni e le pagine sotto forma di collegamenti cliccabili. Il suo ruolo: offrire una panoramica della struttura in modo che un utente possa trovare rapidamente ciò che cerca.
La sitemap XML, invece, è rivolta ai robot dei motori di ricerca. È un file tecnico, invisibile per il visitatore, che indica a Google o Bing quali pagine indicizzare e con quale frequenza rivalutarle. Non sostituisce la mappa HTML, la completa.
Un sito che dispone esclusivamente di una sitemap XML priva i suoi visitatori di uno strumento di navigazione concreto. Al contrario, una mappa HTML senza sitemap XML rischia di lasciare pagine orfane fuori dal radar dei motori. Su la mappa del sito Passez l’info, è la versione HTML a essere messa in evidenza, strutturata per categorie per facilitare il percorso di lettura.
Accessibilità e criterio WCAG 2.4.5: perché la mappa del sito è diventata normativa
Potresti considerare la mappa del sito come un relitto degli anni 2000, una pagina che nessuno consulta. Le norme di accessibilità raccontano un’altra storia.
I criteri WCAG 2.2 AA, pubblicati dal W3C il 5 ottobre 2023, includono il criterio 2.4.5 denominato “Multiple Ways”. Questo criterio impone di proporre almeno due vie per raggiungere una stessa pagina su un sito web. La sola navigazione principale non è sufficiente: bisogna aggiungere un motore di ricerca interno, una mappa del sito o un sommario.
La mappa del sito HTML è citata esplicitamente come uno dei mezzi normativi per soddisfare questo requisito. Per un sito d’informazione che pubblica regolarmente contenuti, è spesso la soluzione più semplice da implementare e mantenere.
Cosa cambia WCAG 2.2 per la progettazione della mappa
La versione 2.2 aggiunge anche i criteri 2.4.11 e 2.4.12, raggruppati sotto il nome “Focus Not Obscured”. Concretamente, quando un utente naviga con la tastiera nella mappa del sito, il focus non deve mai essere nascosto da un elemento flottante (banner dei cookie, header sticky, footer appiccicoso). Se la tua mappa del sito contiene un lungo elenco di collegamenti e un banner copre il collegamento attivo, il criterio non è soddisfatto.
Questo punto tecnico obbliga a testare la mappa del sito con una navigazione reale da tastiera, non solo visivamente.
Anatomia di una mappa del sito utile per la navigazione
Tutte le mappe del sito non sono uguali. Alcune si limitano a un flusso grezzo di collegamenti senza gerarchia. Altre riproducono il menu principale senza aggiungere valore. Una mappa del sito efficace rispetta alcuni principi concreti.
- Le pagine sono raggruppate per sezioni con livelli di profondità visibili (categoria, sottocategoria, pagina). Il visitatore riconosce la logica di organizzazione in pochi secondi.
- I titoli dei collegamenti corrispondono ai titoli reali delle pagine. Niente etichette abbreviate o riformulate che creerebbero confusione tra la mappa e il contenuto.
- Le pagine utilitarie (note legali, politica sulla privacy, condizioni d’uso) figurano in una sezione separata, in fondo alla pagina o in un blocco distinto, per non sommergere i contenuti editoriali.
- La mappa rimane accessibile da qualsiasi pagina del sito, generalmente tramite un collegamento nel footer. Una mappa introvabile non svolge alcuna funzione.
Aggiornamento: manuale o automatico
Su un sito che pubblica diversi articoli a settimana, mantenere una mappa del sito a mano diventa rapidamente irrealistico. La maggior parte dei CMS (WordPress, Drupal, Joomla) offre estensioni che generano automaticamente la mappa HTML a partire dalla struttura esistente.
L’automazione presenta un vantaggio evidente: ogni nuova pubblicazione appare nella mappa senza intervento umano. In compenso, può includere pagine di scarso interesse per il visitatore (pagine di tag, pagine di archivi vuoti, bozze indicizzate per errore). Una buona mappa automatica richiede regole di esclusione ben configurate.
Navigazione ottimale: cosa la mappa del sito non sostituisce
La mappa del sito è una rete di sicurezza, non un sostituto di una navigazione ben progettata. Se i tuoi visitatori devono sistematicamente consultare la mappa per trovare un contenuto, è il segno che il menu principale o la struttura del sito presentano problemi.
Una mappa del sito performante funziona in complemento a tre elementi:
- Un menu principale chiaro, limitato a poche voci (la maggior parte dei siti performanti rimane sotto la soglia di otto sezioni di primo livello).
- Un motore di ricerca interno, particolarmente utile sui siti con un alto volume di contenuti editoriali.
- Un breadcrumb che indica in ogni momento dove si trova il visitatore nella struttura.
Questi quattro dispositivi combinati coprono i requisiti del criterio WCAG 2.4.5 offrendo un esperienza di navigazione fluida qualunque sia il profilo utente.
La mappa del sito rimane uno dei rari elementi web che serve sia l’accessibilità, il posizionamento naturale e il comfort di navigazione. Ignorarlo significa privarsi di un leva semplice da implementare e il cui costo di manutenzione è quasi nullo una volta impostate le giuste configurazioni.
