Un piano del sito HTML è una pagina che elenca tutti i link di un sito web sotto forma di un albero leggibile da un visitatore umano. Si distingue dalla sitemap XML, un file tecnico destinato ai motori di ricerca per l’indicizzazione. Entrambi svolgono funzioni complementari, ma è il piano HTML che trasforma concretamente la navigazione di un utente perso in un percorso fluido.
Piano del sito HTML e sitemap XML: due file, due pubblici
La confusione tra questi due formati rimane frequente. Il sitemap XML è un file strutturato che i robot di esplorazione (Googlebot, Bingbot) leggono per scoprire e indicizzare le pagine. Non contiene né formattazione né gerarchia visiva: è un elenco grezzo di URL accompagnati da metadati (data di modifica, priorità).
Lettura complementare : Scopri come accedere a epsilonscan per seguire facilmente i tuoi webtoon preferiti
Il piano del sito HTML, invece, si rivolge ai visitatori. Mostra l’albero completo del sito con titoli chiari, organizzati per sezioni e sottosezioni. Un utente che non trova ciò che cerca tramite il menu principale può recarsi lì per individuare la pagina esatta di cui ha bisogno.
Estensioni come SEOPress offrono ora la possibilità di generare entrambi i formati da una stessa interfaccia, con un piano HTML attivabile con un clic e includendo le immagini per migliorare l’esplorazione del contenuto. Questa doppia copertura (umani e robot) rafforza sia l’esperienza utente che il posizionamento. Sul piano del sito Kabanes, questa logica è applicata con un albero visivo chiaro che raggruppa ogni categoria di contenuto.
Leggi anche : Scopri come navigare facilmente su un sito di bellezza grazie a una mappa dettagliata
Struttura del piano del sito: strutturare prima di pubblicare
Pubblicare un piano del sito senza aver convalidato la sua struttura equivale a distribuire un sommario confuso. La struttura deve riflettere la logica mentale dei visitatori, non l’organigramma interno dell’azienda.
Card sorting e tree testing per convalidare l’architettura
Due metodi UX consentono di verificare che una struttura corrisponda alle aspettative reali degli utenti. Il card sorting consiste nel chiedere a un campione di ordinare titoli di pagine in categorie che sembrano logiche. Il risultato rivela spesso raggruppamenti che il team di progetto non aveva previsto.
Il tree testing interviene poi: si presenta la struttura candidata a dei tester e si chiede loro di trovare un’informazione precisa. Il tasso di successo e il numero di clic necessari indicano se la struttura funziona o se alcune branche devono essere riorganizzate.
Questi test empirici, realizzabili con strumenti online accessibili, evitano di fissare un piano del sito su ipotesi interne mai confrontate con la realtà.
Pagine da includere e pagine da escludere
Un piano del sito non è un duplicato del menu di navigazione. Deve offrire una vista esaustiva ma leggibile:
- Le pagine strutturanti (home, sezioni principali, sottosezioni stabili) costituiscono lo scheletro del piano e orientano la lettura
- Le pagine legali (note legali, politica sulla privacy) meritano di figurare per ragioni di trasparenza e conformità
- Le pagine duplicate, le pagine dei risultati di ricerca interna e le pagine di filtri o di paginazione non hanno posto: appesantiscono il piano senza apportare valore di navigazione
Per le sezioni dinamiche come un blog o una sezione notizie, elencare solo le categorie principali è sufficiente. Integrare ogni articolo individuale renderebbe il piano illeggibile in pochi mesi.
Accessibilità del piano del sito: conformità WCAG e navigazione da tastiera
Un piano del sito completo perde tutta la sua utilità se non è accessibile alle persone con disabilità. I riferimenti WCAG 2.1 e 2.2 impongono requisiti concreti che superano le buone pratiche generali di progettazione web.
Gli utenti di lettori di schermo beneficiano direttamente di un piano del sito ben costruito. Navigare un sito pagina per pagina per comprenderne l’architettura richiede uno sforzo cognitivo considerevole. Il piano del sito offre una visione globale della struttura in un unico posto, senza navigazione esplorativa.
I criteri WCAG richiedono un rapporto di contrasto minimo di 4.5:1 per gli elementi di navigazione. Il focus da tastiera deve essere gestito correttamente nei menu a discesa e nei pannelli di navigazione. Un link del piano del sito che non riceve il focus da tastiera è invisibile per chiunque non possa utilizzare un mouse.
La norma richiede anche che ogni mezzo di navigazione sia completato da almeno un altro. Proporre un menu principale, un piano del sito e un motore di ricerca copre questo requisito e offre tre percorsi distinti verso lo stesso contenuto.
Progettazione responsive del piano del sito su mobile
Su uno schermo desktop, un piano del sito in colonne multiple rimane leggibile. Su mobile, questa stessa impostazione diventa un incubo di scorrimento orizzontale. La progettazione responsive del piano del sito impone scelte specifiche.
L’albero deve ripiegarsi a fisarmonica o in livelli espandibili. L’utente clicca su una sezione principale per vedere apparire le sue sottopagine, senza caricare una nuova pagina. Questo meccanismo riduce la lunghezza apparente del piano mantenendo l’esaustività.
- Le aree tattili di ogni link devono essere sufficientemente ampie per evitare clic accidentali, in conformità con le raccomandazioni di accessibilità mobile
- Il testo dei titoli deve rimanere leggibile senza zoom, il che impone una dimensione del carattere adeguata e un’adeguata spaziatura verticale tra le righe
- I livelli di nidificazione oltre tre profondità diventano difficili da rappresentare su piccolo schermo: è meglio semplificare la struttura piuttosto che forzare un’indentazione illeggibile
Un piano del sito che funziona su mobile non è una versione ridotta del piano desktop. È un’interfaccia pensata fin dall’inizio per il tatto, con interazioni adatte al pollice.
La manutenzione del piano rimane il punto debole della maggior parte dei siti. Un piano generato automaticamente tramite un CMS o un’estensione dedicata si aggiorna ad ogni pubblicazione di pagina. Un piano costruito manualmente richiede una verifica regolare, pena la proposta di link rotti che degradano la fiducia dei visitatori.
La scelta tra queste due approcci dipende dal volume di contenuti e dalla frequenza di pubblicazione. In entrambi i casi, un piano del sito obsoleto nuoce più di quanto aiuti.