Una mappa del sito è una pagina che elenca, sotto forma di link cliccabili, tutte o la maggior parte delle pagine accessibili di un sito web. Riproduce la gerarchia delle sezioni e delle sottosezioni del sito, offrendo una panoramica che né il menu principale né la barra di ricerca possono fornire da soli. Per chi non trova ciò che cerca in due clic, questa pagina diventa una scorciatoia diretta verso il contenuto desiderato.
Accessibilità da tastiera e mappa del sito: un requisito tecnico spesso ignorato
La maggior parte delle guide sulle mappe del sito si concentra sul posizionamento nei motori di ricerca o sulla struttura visiva. Prima ancora di parlare di navigazione, bisogna verificare che la mappa sia utilizzabile da tutti, compresi coloro che navigano senza mouse.
Il W3C ricorda che gli elementi interattivi devono essere accessibili da tastiera e che il focus deve rimanere visibile. Per una mappa del sito che può contenere anche centinaia di link, ciò significa che ogni link deve poter essere raggiunto con il tasto Tab e che l’utente deve poter individuare chiaramente quello selezionato in ogni momento.
Una mappa del sito i cui link non presentano uno stile di focus visibile (outline CSS rimosso, colore identico al resto) diventa inutilizzabile da tastiera. Il visitatore preme Tab senza sapere dove si trova nell’elenco. Nella mappa del sito Allo Papa, le sezioni sono organizzate ad albero, facilitando sia la lettura sequenziale sia l’esplorazione visiva.
Le WCAG 2.2 specificano inoltre che la mappa del sito non deve essere l’unico modo per trovare una pagina. Completa la navigazione principale, la ricerca interna o il breadcrumb. Se il menu del sito è strutturato male, aggiungere una mappa non risolve il problema alla radice.
Struttura HTML di una mappa del sito: cosa aiuta davvero i visitatori
Una mappa del sito efficace si basa su una struttura HTML precisa. I link sono raggruppati in elenchi annidati (tag ul e li) che riproducono la reale struttura ad albero del sito. Il primo livello corrisponde alle sezioni principali, il secondo alle sottocategorie e il terzo alle singole pagine.
Questa struttura annidata ha un duplice effetto. Il visitatore individua visivamente la logica del sito: le pagine dei prodotti si trovano nella sezione catalogo, gli articoli nella sezione blog e le note legali nella sezione informazioni. Anche le tecnologie assistive (lettori di schermo) interpretano questa gerarchia e indicano il livello di profondità.
Differenza tra mappa HTML e sitemap XML
La sitemap XML è destinata ai crawler dei motori di ricerca (Googlebot, Bingbot). Contiene metadati tecnici, come la data dell’ultima modifica o la frequenza di aggiornamento stimata. I visitatori non vi accedono tramite il browser.
La mappa del sito HTML, invece, è una normale pagina web, leggibile da chiunque. Serve alla navigazione degli utenti. Su un sito configurato correttamente coesistono entrambi i formati, ma svolgono funzioni diverse:
- La sitemap XML segnala ai motori di ricerca le pagine da esplorare e il loro aggiornamento tramite il campo lastmod (Google ormai ignora i campi priority e changefreq)
- La mappa HTML permette ai visitatori di trovare una pagina senza passare dal menu, dalla ricerca o da un link contestuale
- Un sito di grandi dimensioni (e-commerce, media) ha bisogno di entrambe: XML per una scansione completa, HTML per orientare gli utenti
Navigazione su un sito web: quando la mappa del sito diventa davvero utile
Su un sito con meno di dieci pagine, il menu è sufficiente. La mappa del sito diventa davvero utile sui siti la cui struttura ad albero supera tre livelli di profondità o i cui contenuti cambiano frequentemente.
Ecco tre situazioni concrete in cui un visitatore potrebbe consultare la mappa del sito:
- La ricerca interna non restituisce risultati pertinenti, spesso perché il termine inserito non corrisponde al vocabolario utilizzato dal sito
- Il menu mostra solo una parte della struttura ad albero (un caso frequente sui dispositivi mobili, dove i sottomenu sono nascosti per impostazione predefinita)
- Il visitatore vuole esplorare l’ampiezza del sito senza un obiettivo preciso, ad esempio per valutare la profondità di un catalogo o la copertura tematica di un blog
Una mappa del sito ben strutturata compensa i limiti del menu e della ricerca. Non sostituisce né l’uno né l’altra, ma offre una rete di sicurezza quando entrambi questi strumenti non funzionano.
Coerenza della navigazione tra le pagine: cosa non può correggere la mappa
Le WCAG raccomandano che gli elementi di navigazione ripetuti su più pagine compaiano nello stesso ordine. Un menu la cui struttura cambia da una sezione all’altra disorienta i visitatori, anche se è disponibile una mappa del sito completa.
La mappa del sito rispecchia la gerarchia, ma da sola non costituisce un’architettura dell’informazione efficace. Se le categorie del sito si sovrappongono o uno stesso contenuto compare in due sezioni diverse senza reindirizzamento, la mappa riprodurrà questa incoerenza.
Prima di creare o rinnovare una mappa del sito, è necessario verificare tre aspetti:
Innanzitutto, che ogni pagina del sito sia raggiungibile dalla home page con un massimo di tre clic. Poi, che il menu principale presenti le stesse sezioni della mappa. Infine, che le etichette dei link nella mappa corrispondano esattamente ai titoli delle pagine di destinazione, per evitare confusione.
Il link nel footer è ancora utile
Inserire un link alla mappa del sito nel footer garantisce che sia accessibile da qualsiasi pagina. Questa convenzione è abbastanza diffusa da far sì che i visitatori sappiano dove cercarla. Un link nel footer, una mappa aggiornata ed elenchi annidati correttamente contrassegnati: questi tre elementi bastano a rendere navigabile un sito anche quando la sua struttura è complessa.
La mappa del sito rimane uno strumento di navigazione complementare, non un sostituto di un’architettura chiara. La sua vera efficacia emerge quando il menu, la ricerca e il breadcrumb funzionano già correttamente: aggiunge così un livello di leggibilità complessiva che gli altri strumenti, per loro natura parziali, non possono offrire.
