Un piano del sito è una pagina che elenca tutti i contenuti accessibili su un blog, organizzati per categorie e sottocategorie. Su un blog ricco di articoli, questa pagina funziona come un sommario strutturato: consente di localizzare un contenuto preciso senza passare per il menu principale o per la barra di ricerca.
La distinzione con il file sitemap XML (destinato ai motori di ricerca) è fondamentale. Il piano del sito di cui si parla qui è una pagina HTML consultabile dai visitatori, progettata per facilitare la navigazione umana.
Piano del sito HTML e sitemap XML: due funzioni distinte
La confusione tra questi due elementi è frequente. Il file sitemap XML è un documento tecnico inviato ai motori di ricerca per indicizzare le pagine. Non viene mai visualizzato nel browser di un visitatore.
Il piano del sito HTML, invece, è una pagina del blog accessibile dal piè di pagina o dal menu. Il suo ruolo è presentare una vista esaustiva dell’alberatura a un lettore umano. Un blog che pubblica diversi articoli a settimana accumula rapidamente decine di pagine che il menu di navigazione non può mostrare tutte.
Per visualizzare come appare un piano del sito ben strutturato su un blog, il piano del sito Chez Sylvie offre un buon esempio di pagina leggibile, organizzata per sezioni con titoli espliciti.
Struttura di un piano del sito leggibile per un blog
Un piano del sito non si limita a un elenco grezzo di link. Il suo valore dipende dal modo in cui i contenuti sono raggruppati e gerarchizzati. Tre principi guidano la sua costruzione.
Raggruppare per categorie, non per data
Un blog spesso mostra i suoi articoli dal più recente al più vecchio. Il piano del sito deve adottare una logica diversa: classificare per tematica piuttosto che per cronologia. Un visitatore che cerca tutti gli articoli su un argomento specifico esplora la categoria corrispondente senza dover scorrere mesi di archivi.
Denominare ogni link con un’etichetta esplicita
Ogni voce del piano deve riportare il titolo completo dell’articolo o della pagina, non un titolo abbreviato o un numero. Le linee guida sull’accessibilità recenti insistono su questo punto: un’etichetta esplicita aiuta gli utenti di lettori di schermo a comprendere la destinazione del link senza contesto aggiuntivo.
Limitare la profondità a due o tre livelli
Un piano del sito troppo dettagliato (quattro livelli o più) diventa difficile da leggere quanto un menu sovraccarico. La struttura raccomandata segue questo schema:
- Livello 1: le sezioni principali del blog (categorie, pagine fisse come “Chi siamo” o “Contatti”)
- Livello 2: le sottocategorie o le serie di articoli raggruppati per tema
- Livello 3: gli articoli individuali, solo se la sezione contiene abbastanza contenuti per giustificare questo dettaglio
Oltre tre livelli, la pagina perde il suo vantaggio di leggibilità rapida.
Accessibilità e navigazione da tastiera su un piano del sito
Il piano del sito risponde a un bisogno concreto per le persone che navigano senza mouse. I navigatori da tastiera accedono direttamente a una sezione senza dover tabulare attraverso tutti gli elementi interattivi del menu e del contenuto che precedono la loro destinazione.
Per gli utenti di lettori di schermo, sfogliare un blog pagina per pagina per comprendere la sua architettura consuma tempo e sforzo cognitivo. Il piano del sito offre una visione globale dell’alberatura in un unico luogo.
Un complemento tecnico spesso trascurato: il skip link (link di salto). Questo link, posizionato come primo elemento focalizzabile di ogni pagina, consente di saltare direttamente al contenuto principale. Le raccomandazioni di accessibilità specificano che deve rimanere visibile da tastiera e non essere nascosto da un header fisso. Su un piano del sito, lo skip link evita di tabulare attraverso il menu di navigazione prima di raggiungere l’elenco dei link.
Marcatura del piano del sito con il giusto HTML semantico
La qualità tecnica della marcatura influisce direttamente sull’esperienza di navigazione. Un piano del sito costruito con tag semantici corretti è meglio interpretato dai browser e dalle tecnologie assistive.
- Utilizzare il tag <nav> con un attributo aria-label per identificare l’area di navigazione del piano del sito, distinta dalla navigazione principale
- Strutturare i link in liste ordinate o non ordinate (<ul>, <ol>) piuttosto che in paragrafi o tabelle
- Utilizzare titoli <h2> e <h3> per separare le grandi sezioni del piano, consentendo ai lettori di schermo di navigare per intestazioni
- Evita i ruoli ARIA progettati per interfacce applicative (come “menubar”): un piano del sito è una pagina di link, non un’applicazione
Gli esempi di accessibilità recenti sconsigliano di trattare la navigazione di un blog come un menu applicativo ARIA. La combinazione <nav> più lista di link rimane il metodo più affidabile.
Generazione automatica o costruzione manuale del piano
Su WordPress e la maggior parte dei CMS, delle estensioni generano automaticamente un piano del sito HTML a partire dall’alberatura esistente. Questo approccio è adatto ai blog che pubblicano frequentemente, poiché ogni nuovo articolo appare senza intervento manuale.
La costruzione manuale ha un vantaggio: consente di escludere alcune pagine (note legali, pagine di tag poco pertinenti, pagine di archivi vuoti) e di riorganizzare l’ordine di visualizzazione secondo la logica editoriale piuttosto che secondo la data di pubblicazione. Per un blog con alcune decine di pagine, lo sforzo rimane ragionevole. Oltre, la generazione automatica con un ordinamento per categoria evita dimenticanze.
Un piano del sito non sostituisce né il menu principale né la barra di ricerca. Funziona come una rete di sicurezza per i visitatori che non hanno trovato ciò che cercavano attraverso i percorsi abituali, e come uno strumento di navigazione primaria per coloro che preferiscono una visione d’insieme. La pagina merita un link permanente nel piè di pagina del blog, dove i lettori si aspettano di trovarla.
