Un sito web può contenere centinaia di pagine senza che il visitatore sospetti l’estensione. La mappa del sito, spesso relegata nel piè di pagina, rimane l’unico posto dove l’architettura completa di un dominio è esposta in un’unica vista. Tuttavia, il modo in cui questa mappa è progettata determina se aiuta realmente la navigazione o se aggiunge un ulteriore strato di confusione.
Mappa del sito e conformità WCAG 2.2: cosa cambia per la navigazione
I concorrenti affrontano ampiamente i menu di navigazione, i tipi di barre e le buone pratiche ergonomiche. Tralasciano un angolo normativo recente: i criteri WCAG 2.2 modificano concretamente il modo in cui una mappa del sito dettagliata deve essere costruita.
Il criterio 2.4.5 (Multiple Ways) impone che l’utente disponga di più di un percorso per raggiungere ogni pagina. Un menu principale non è più sufficiente se il sito supera alcune decine di pagine. La mappa dettagliata diventa quindi un meccanismo di conformità, non un semplice gadget di piè di pagina.
Il criterio 2.4.11 (Focus Not Obscured) aggiunge una restrizione tecnica: quando un visitatore naviga con la tastiera in un lungo elenco di link, il focus della tastiera non deve mai scomparire dietro un header sticky o un banner di consenso ai cookie. Per una mappa del sito che mostra a volte diverse centinaia di link, ciò costringe a ripensare il posizionamento degli elementi fissi della pagina.
Il criterio 2.5.8 (Target Size) richiede che ogni obiettivo cliccabile sia sufficientemente grande per essere attivato senza errori. Una mappa del sito compressa in carattere 11 pixel con link attaccati l’uno all’altro non rispetta questo requisito, anche se tutti i link funzionano tecnicamente.
Leggere una mappa del sito: individuare la gerarchia prima di cliccare
Una mappa dettagliata è utile solo se la sua struttura riflette la gerarchia reale del contenuto. Prima di cliccare, il visitatore deve poter identificare in pochi secondi le grandi categorie, le sottocategorie e il livello di profondità di ogni pagina. Ad esempio, è possibile consultare la mappa del sito By Caroline and CO per osservare come una struttura chiara organizza i contenuti per tematica senza sommergere il lettore.
La maggior parte delle mappe del sito si limita a un elenco piatto di link. I feedback sul campo divergono su questo punto: alcuni utenti preferiscono un elenco alfabetico, altri un’organizzazione tematica. I dati disponibili non consentono di decidere definitivamente, ma un raggruppamento per categorie con indentazione visiva riduce il carico cognitivo per la maggior parte dei visitatori.
Gli elementi che distinguono una mappa leggibile da una mappa inutile
- Intestazioni di link descrittive che riprendono il titolo reale della pagina di destinazione, non etichette generiche come “scopri di più” o “clicca qui”.
- Un’indentazione o un sistema di punti che materializza i livelli di profondità (categoria, sottocategoria, pagina finale).
- Un ordine logico stabile, identico a quello del menu principale, per rispettare il criterio WCAG 3.2.3 (Consistent Navigation).
- Una separazione visiva tra i blocchi tematici, anche se si tratta solo di uno spazio bianco aggiuntivo.
Mappa del sito HTML e sitemap XML: due strumenti, due funzioni
La confusione è frequente. La mappa del sito HTML è una pagina destinata ai visitatori umani. La sitemap XML è un file tecnico destinato ai robot di indicizzazione di Google e degli altri motori di ricerca. Entrambi portano lo stesso nome, ma non servono lo stesso pubblico.
La sitemap XML elenca tutti gli URL con i loro metadati (data di modifica, frequenza di aggiornamento, priorità relativa). Non ha alcuna vocazione a essere letta da un umano. Al contrario, la mappa del sito HTML non contiene necessariamente tutti gli URL: presenta le pagine utili al visitatore, raggruppate in modo comprensibile.
Quando la mappa HTML completa la ricerca interna
Un motore di ricerca interno aiuta quando il visitatore sa cosa cerca. La mappa del sito aiuta quando non lo sa ancora. È uno strumento di esplorazione, non di query. Su siti il cui contenuto è molto segmentato (catalogo prodotti, blog con centinaia di articoli, sito istituzionale a più rami), la mappa del sito HTML rimane l’unico modo per visualizzare l’intero perimetro senza digitare parole chiave.
I siti che offrono entrambi (ricerca interna e mappa dettagliata) coprono i due modi di navigazione: la ricerca attiva e l’esplorazione passiva. Eliminare uno a favore dell’altro equivale a chiudere un percorso di accesso.
Progettare una mappa del sito che funzioni su mobile
Su uno schermo desktop, una mappa del sito in tre colonne con un centinaio di link rimane leggibile. Su mobile, la stessa mappa diventa un muro di testo impossibile da scansionare. La maggior parte del traffico web proviene da dispositivi mobili, una mappa del sito pensata solo per desktop perde la maggior parte del suo pubblico.
Due approcci funzionano su schermo piccolo. Il primo consiste nell’utilizzare sezioni ripiegabili (accordion) per categoria: il visitatore espande solo il blocco che lo interessa. Il secondo si basa su una navigazione tramite ancore interne in cima alla pagina, ogni ancora rimandando alla sezione corrispondente più in basso.
In entrambi i casi, il rispetto del criterio WCAG 2.5.8 sulla dimensione degli obiettivi rimane pertinente: link troppo piccoli o troppo ravvicinati su uno schermo tattile generano errori di tap. Un’interruzione minima tra ogni link cliccabile evita questo problema senza appesantire il layout.
Limiti noti delle mappe del sito su siti molto grandi
Oltre diverse migliaia di pagine, una mappa del sito HTML esaustiva diventa essa stessa un problema di navigazione. Alcuni siti e-commerce o media scelgono quindi una mappa parziale, limitata alle categorie principali e alle pagine più consultate. Questo approccio pragmatico accetta che una mappa del sito non sostituisca un’architettura di navigazione completa, ma ne costituisca un complemento.
La mappa del sito dettagliata rimane uno strumento di navigazione sottovalutato. Il suo valore non risiede nell’esaustività dei link che contiene, ma nella chiarezza della loro organizzazione. Una mappa mal strutturata aggiunge rumore. Una mappa ben progettata offre al visitatore una mappa leggibile del territorio, indipendentemente dal dispositivo utilizzato.