Skip to content

ID Production

In diretta dalla produzione

Come navigare facilmente grazie a una mappa del sito ben strutturata?

Una mappa del sito è una pagina HTML che elenca tutte le sezioni e sottosezioni di un sito web sotto forma di link cliccabili. Il suo…

Femme utilisant un plan du site structuré sur un écran d'ordinateur dans un bureau moderne et minimaliste

Un piano del sito è una pagina HTML che elenca tutte le sezioni e sottosezioni di un sito web sotto forma di link cliccabili. Il suo ruolo è fornire una visione globale della struttura, accessibile in un unico posto, senza obbligare l’utente a esplorare ogni menu o a tabulare attraverso gli elementi interattivi.

Le linee guida sull’accessibilità WCAG lo classificano tra i mezzi riconosciuti per aiutare gli utenti a trovare i contenuti, allo stesso modo di una barra di ricerca o di un breadcrumb.

Piano del sito HTML e sitemap XML: due file, due funzioni distinte

La confusione tra questi due elementi si verifica spesso. La sitemap XML è un file tecnico destinato ai robot di indicizzazione di Google o Bing. Non viene mai visualizzato in un browser e non serve a nessun visitatore umano.

Il piano del sito HTML, invece, è una pagina visibile, progettata per la navigazione. Si rivolge a persone che cercano una sezione specifica, che utilizzano un lettore di schermo o che navigano esclusivamente con la tastiera. I due file possono coesistere senza sostituirsi.

Per osservare un esempio concreto di pagina di piano del sito orientata alla navigazione, il piano del sito Wallstore illustra bene questa logica di lista gerarchica che raggruppa tutte le categorie accessibili a colpo d’occhio.

Progettare un piano del sito robusto alle rifacimenti e alle evoluzioni

La maggior parte dei piani del sito diventa obsoleta dopo pochi mesi perché sono stati creati manualmente, fissi a un istante T. Non appena appare una nuova sezione o una pagina cambia URL, il piano non riflette più la realtà del sito. Questo è il problema centrale.

Generazione automatica o costruzione manuale

Un piano del sito generato automaticamente dal CMS (WordPress, Prestashop, Drupal) si aggiorna ad ogni pubblicazione o cancellazione di pagina. È il metodo più affidabile per i siti che cambiano spesso. Un piano auto-generato rimane sincronizzato con la struttura reale, senza intervento umano.

La costruzione manuale mantiene un interesse quando il sito contiene sezioni che è meglio escludere dal piano: pagine di tunnel di conversione, pagine di ringraziamento dopo un modulo, contenuti duplicati o pagine di amministrazione. La scelta dipende dalla frequenza delle modifiche.

Uomo che disegna un piano di sito web su una lavagna in uno spazio di lavoro collaborativo

Pagine da includere e pagine da escludere

  • Le pagine strutturanti (home, sezioni principali, sottocategorie, pagine di servizio o di prodotto) formano la base del piano. Devono tutte apparire.
  • Gli articoli di blog o di attualità meritano di essere raggruppati per categoria piuttosto che elencati individualmente, soprattutto oltre alcune decine di pubblicazioni.
  • Le pagine senza valore di navigazione (CGV, politica sui cookie, pagine di reindirizzamento, landing page temporanee) ingombrano il piano e diluiscono la sua leggibilità. È meglio ometterle.

Anticipare i cambiamenti legali e i requisiti WCAG

Le linee guida sull’accessibilità evolvono. La documentazione di interpretazione delle WCAG pubblicata dal W3C posiziona il piano del sito come uno strumento di conformità, non solo di comfort. Integrare il piano del sito nei criteri di accessibilità fin dalla progettazione evita di doverlo ricostruire a ogni adeguamento.

Concretamente, ciò significa che il piano deve rimanere navigabile con la tastiera, che ogni link deve avere un titolo esplicito (niente “clicca qui”) e che la gerarchia dei titoli nella pagina del piano deve rispettare l’ordine logico H2, H3, senza salti di livello.

Struttura HTML di un piano del sito leggibile e accessibile

Un piano del sito efficace si basa su una struttura di liste annidate. Ogni sezione principale corrisponde a un elemento di lista di primo livello, e le sottosezioni si incastrano in liste figlie. Questa struttura consente ai lettori di schermo di comprendere la profondità della struttura.

Tre livelli di profondità sono sufficienti nella maggior parte dei casi. Oltre, la pagina diventa un muro di link che nessuno percorre. Se l’architettura del sito impone quattro livelli o più, è spesso segno che la struttura stessa avrebbe bisogno di essere semplificata.

I titoli dei link devono corrispondere esattamente ai titoli delle pagine di destinazione. Un visitatore che legge “I nostri impegni” nel piano e atterra su una pagina intitolata “Politica RSE” perde fiducia nella navigazione. Questa coerenza tra il piano e le pagine reali è il criterio più spesso trascurato.

Giovane donna che analizza un piano del sito stampato su carta in un interno caldo e accogliente

Manutenzione del piano del sito: il controllo che manca alla maggior parte dei siti web

Pubblicare un piano del sito non è sufficiente. Un link rotto nel piano del sito degrada la navigazione più di un’assenza di piano. Il visitatore si fida di questa pagina per accedere direttamente a una sezione. Imbattersi in un errore 404 dal piano distrugge questa fiducia.

Il controllo regolare dei link del piano può essere integrato nello stesso processo di controllo dei link interni del sito. Gli strumenti di crawling (Screaming Frog, Xenu, o i verificatori integrati nei CMS) rilevano gli URL morti in pochi minuti.

  • Dopo ogni rifacimento o migrazione, avviare un crawling completo e confrontare gli URL del piano con le pagine realmente accessibili.
  • Durante l’aggiunta di una nuova sezione, verificare che il sistema di generazione automatica l’abbia ben integrata nel piano, o aggiungerla manualmente.
  • Almeno una volta a trimestre, controllare che i titoli del piano corrispondano sempre ai titoli reali delle pagine.
  • Rimuovere dal piano le pagine disindizzate o reindirizzate, per evitare cicli di reindirizzamento dalla pagina di navigazione.

Un piano del sito ben mantenuto funziona come una rete di sicurezza permanente per la navigazione. Quando un menu si complica, quando una barra di ricerca restituisce risultati confusi, quando un utente con la tastiera non riesce a raggiungere una sezione attraverso il percorso abituale, il piano rimane l’ultima risorsa affidabile. Questa affidabilità dipende da una condizione: che la pagina rifletta la realtà del sito nel momento in cui il visitatore la consulta.

Come navigare facilmente grazie a una mappa del sito ben strutturata?