Un visitatore che non trova l’informazione che cerca lascia la pagina in pochi secondi. La navigazione su un sito web si basa su meccanismi precisi, misurabili e spesso mal calibrati. Quali elementi strutturali distinguono un sito dove ci si orienta senza sforzo da un sito dove ci si perde già dalla seconda pagina?
Accessibilità della navigazione web: cosa cambia la normativa europea nel 2025
I concorrenti trattano la navigazione come un puro argomento UX o marketing. Dal 28 giugno 2025, la dimensione normativa ha raggiunto il tema. L’European Accessibility Act impone ai servizi digitali interessati requisiti concreti: navigazione utilizzabile da tastiera e con lettore di schermo, non solo un’organizzazione visiva gradevole.
La raccomandazione WCAG 2.2, pubblicata dal W3C nell’ottobre 2023, aggiunge il criterio “Focus Not Obscured”. L’elemento selezionato da tastiera non deve essere nascosto da un banner fisso, una finestra di chat o un modulo pubblicitario. Questo criterio mette in discussione i menu fissi (sticky headers) spesso presentati come soluzioni universali.
Un piano del sito www.bertrandbarre.com illustra la logica di una struttura esposta integralmente, dove ogni link rimane accessibile senza interazioni complesse o hover condizionali.
Concretamente, un piano di sito che rispetta queste restrizioni deve soddisfare tre condizioni tecniche:
- Ogni link deve essere raggiungibile tramite tabulazione da tastiera, in un ordine logico che rifletta la gerarchia delle pagine.
- Il contenuto del piano non deve dipendere da un caricamento attivato da uno swipe o un input dell’utente: Google può leggere un contenuto nascosto in un accordion se il HTML lo contiene, ma non se richiede un’interazione complessa.
- Nessun elemento di interfaccia fisso (banner cookie, chat, header fisso) deve coprire il link attivo al momento della navigazione da tastiera.
Struttura del menu e piano del sito: tabella comparativa dei formati di navigazione
Il menu principale e il piano del sito (sitemap HTML) svolgono funzioni complementari, ma le loro caratteristiche tecniche divergono. La tabella seguente confronta i due formati sui criteri che contano per l’utente e per il SEO.
| Criterio | Menu principale (barra di navigazione) | Piano del sito HTML (pagina dedicata) |
|---|---|---|
| Numero di link visibili | Limitato (5-10 voci raccomandate) | Illimitato, espone l’intera struttura |
| Profondità accessibile | Sotto-menu a massimo 2-3 livelli | Tutti i livelli, comprese le pagine profonde |
| Accessibilità da tastiera | Dipende dal codice: i sotto-menu al passaggio del mouse creano problemi | Elenco di link HTML nativi, navigabile tramite tabulazione |
| Utilità per il SEO | Trasmette peso di link alle pagine principali | Permette l’indicizzazione delle pagine orfane o profonde |
| Comportamento mobile | Spesso ridotto a menu hamburger, gerarchia a volte troncata | Rimane completo se la pagina è responsive |
Il divario più significativo riguarda la profondità. Un menu di navigazione ben progettato copre le categorie principali. Al contrario, un piano di sito espone le pagine che il menu non mostra mai: articoli vecchi, schede prodotto sepolte, pagine di categorie secondarie.
Quando il menu hamburger nasconde la struttura
Su mobile, la maggior parte dei siti riduce la propria navigazione dietro un’icona hamburger. Il contenuto del menu rimane spesso identico alla versione desktop. Il problema si presenta quando la gerarchia è appiattita: tutte le sezioni appaiono allo stesso livello, senza distinzione visiva tra una categoria genitore e una sotto-pagina.
Un piano di sito mantiene la sua gerarchia completa su mobile perché si basa su elenchi HTML annidati, non su un componente JavaScript complesso. L’utente perso in un menu hamburger può sempre tornare a questa pagina per ritrovare la struttura globale.
Link interni e architettura dell’informazione: cosa misura realmente la navigazione
La navigazione non si limita al menu in cima alla pagina. Ogni link interno nel contenuto, ogni breadcrumb, ogni riferimento contestuale partecipa alla struttura di navigazione. Ciò che distingue un sito facile da navigare da un sito confuso è la coerenza tra questi diversi strati.
Tre segnali concreti permettono di valutare la qualità di questa architettura:
- La profondità di clic: il numero di clic necessari per raggiungere qualsiasi pagina dalla homepage. Oltre tre clic, la pagina rischia di essere ignorata dagli utenti e sott’indicizzata dai motori di ricerca.
- La coerenza delle etichette: un link intitolato “I nostri servizi” nel menu, “Cosa facciamo” nel footer e “Prestazioni” nel breadcrumb crea un carico cognitivo inutile. Un vocabolario stabile in tutta la navigazione riduce il tempo di orientamento.
- Il linking contestuale: i link posti nel corpo di un articolo, vicino all’argomento trattato, trasmettono un segnale di pertinenza più forte di un link generico in un menu laterale.
Breadcrumb e indicatori di posizione
Il breadcrumb (fil d’Ariane) svolge una funzione sottovalutata: mostra all’utente dove si trova nella struttura senza che debba tornare al menu. Su siti con diverse decine di categorie, il breadcrumb riduce la necessità di ricorrere al pulsante di ritorno del browser.
Per i motori di ricerca, il breadcrumb struttura i dati sotto forma di percorso gerarchico. Le pagine che ne dispongono mostrano questo percorso direttamente nei risultati di ricerca, migliorando la leggibilità dell’estratto visualizzato.
Navigazione mobile e indicizzazione: progettare per il formato dominante
L’indicizzazione mobile-first significa che Google analizza la versione mobile di un sito come priorità. Un piano di navigazione deve mantenere la stessa gerarchia su mobile e desktop. Rimuovere sezioni dal menu mobile per guadagnare spazio equivale a renderle invisibili per l’indicizzazione.
Il tranello più comune riguarda i mega-menu trasformati in accordion su schermo piccolo. Se il contenuto di questi accordion viene caricato dinamicamente dopo un’interazione, alcune pagine potrebbero non essere mai scoperte dai robot di esplorazione. Al contrario, un contenuto presente nel HTML e semplicemente nascosto visivamente rimane leggibile.
La distinzione tecnica è netta: un accordion CSS che nasconde HTML esistente non pone problemi di indicizzazione. Un accordion JavaScript che carica il contenuto su richiesta può creare buchi nella struttura esplorata.
La navigazione di un sito si misura dalla sua capacità di rendere ogni pagina trovabile in pochi clic, su tutti i formati di schermo, da tutti i tipi di utenti. Un piano di sito dettagliato rimane la rete di sicurezza più affidabile quando il menu principale raggiunge i suoi limiti strutturali.
