Le intestazioni HTML

Il contenuto di una pagina web può dover essere diviso in sezioni e sottosezioni. Il modo corretto di farlo, che serve anche per migliorare il posizionamento nei motori, è usare le intestazioni.

Spesso, quando un documento contiene una quantità rilevante di testo è opportuno, per facilitarne la consultazione, dividerlo in sezioni e sottosezioni. Per esempio un documento che tratti di un modello di autovettura potrebbe essere diviso nelle sezioni “Caratteristiche tecniche”, “Interni”, “Prestazioni” e “Impressioni di guida”.

A sua volta le sezioni potrebbero dover essere divise in sottosezioni, per esempio la sezione “Impressioni di guida” potrebbe essere divisa nelle sottosezioni “Guida in percorsi urbani” e “Guida in percorsi extraurbani”, mentre la sezione interni potrebbe essere divisa nelle sottosezioni “Cruscotto e strumentazione”, “Sedili e tappezzerie”, “Accessori” e così via.

Il linguaggio HTML mette a disposizione una serie di tag appositi per questo scopo, le cosiddette intestazioni. Per una corretta definizione della sintassi e dell’uso delle intestazioni vi rimando direttamente a questa pagina del W3C che definisce nei particolari la struttura di un documento HTML o a questa che è una buona traduzione in italiano della stessa.

Esistono sei livelli di intestazioni che vanno da <H1> a <H6> ed è corretto usarli nell’ordine dalla sezione principale ( <H1> ) ai vari livelli di sottosezioni. I browser disegnano i testi formattati con le intestazioni con una grandezza molto maggiore del normale testo, ovviamente il testo formattato <H1> è più grande di quello formattato <H2> e così via.

I motori di ricerca considerano il testo contenuto nelle intestazioni più importante di quello normale, per cui nel dividere il documento in sezioni sarà utile avere l’accortezza di trovare a ciascuna di queste sezioni una intestazione contenente la parola chiave della pagina, anche utilizzando prossimità inferiori del 100% per evitare di scrivere brutte frasi che sarebbero estremamente evidenti all’utente proprio in virtù della formattazione di intestazione.

Consiglio di usare il livello <H1> per esprimere in modo più dettagliato il concetto del titolo come suggerito anche dal W3C in questa pagina ( versione italiana ), il che ovviamente vi darà modo di inserire facilmente la parola chiave principale con una buona prominenza.

Gli altri livelli di intestazione possono essere usati come “titolo” delle varie sezioni e sottosezioni o anche per costruire un sommario con link ad esse.

La grandezza dei caratteri con i quali i browser disegnano le intestazioni possono scoraggiare dall’usarle nei propri layout, ma in realtà questo non rappresenta un problema in quanto lo stesso W3C incoraggia l’uso degli stili per riformattare le intestazioni, come si può leggere in questa pagina, ( versione italiana ).

Questo non deve far pensare che possa essere una buona idea formattare tutto il testo della pagina in <H1> per aumentare la rilevanza delle parole chiave nel testo e poi usare degli stili per riportare il carattere alla grandezza del testo normale.

Non lo è, prima di tutto perché è molto facile individuare zone estese di testo formattate come intestazioni, cosa che ovviamente rende il documento anomalo e sospetto e poi perché in questo modo la parola chiave viene diluita all’interno di tutto il testo ed ha un quindi una densità molto minore di quanto avrebbe nel più piccolo blocco di testo di una vera intestazione.

Usate le intestazioni principalmente per organizzare il documento e per consentire una più facile lettura agli utenti; mentre fare questo semplicemente spendete un po’ di tempo per cercare di includervi la parola chiave senza forzare troppo la forma e la leggibilità del documento. Vedrete che oltre ad avere un sito migliore e più usabile avrete anche migliori posizionamenti nei motori di ricerca.

Ultima modifica: 26/04/2005 - 17:54