HTML/XHTML  »  Articoli  »  HTML5 

Le classi e gli errori più comuni

Stessa cosa dicasi quando assegniamo delle classi ai tag. Identificare ad esempio un <h2> con una classe con il nome “rosso”, oltre che a portare confusione nel caso il nostro cliente decida che quel tag non deve essere più rosso, ma blu, porta gran confusione anche a noi che ci lavoriamo e che non ricordiamo più a cosa si riferisce quel “rosso”: se ad un'intestazione di un articolo, o un titolo di un box o ancora l'intestazione di una lista.

Ma queste sono solo convenzioni, che siamo liberi o meno di seguire, a scapito della facilità del nostro lavoro. È invece tornando alla purezza dei tag che dobbiamo tornare a parlare di semanticità.

Usabilità, accessibilità e indicizzazione sui motori di ricerca

Questi i tre principali vantaggi dell'uso corretto e semantico del codice (X)HTML.

Usabilità, poiché la pagina HTML pura e semplice, senza file CSS, risulta comunque navigabile e leggibile, rendendo fruibili tutti i testi, titoli e link.

Accessibilità, poiché gli utenti disabili, o anche solo chi naviga tramite supporto palmare o al contrario con browser obsoleti che non supportano i CSS, possono accedere alle informazioni del vostro sito in modo diretto e semplice.

Indicizzazione: ebbene sì, un uso del codice semantico influisce positivamente sull'indicizzazione. Tutto ciò che è contenuto in un titolo, in una lista, o evidenziato con lo <strong> nel paragrafo, assume importanza per Google esattamente nello stesso ordine e importanza in cui gli viene presentato strutturalmente. Non assumerà infatti più enfasi, né per un non vedente né per Google (che si dice sia il primo utente cieco del web) un titolo scritto in bold rosso carattere 16 pixel se questo non è semanticamente evidenziato ad esempio con un <h1>.

Allo stesso modo non sarà rilevante per uno screen reader (il supporto tecnologico adibito appunto alla lettura dei documenti (X)HTML per i ciechi) un menu strutturato a paragrafi piuttosto che in una lista, magari denominata con un id=”menu_principale”. Stessa cosa per Google.

Un sito semanticamente ben fatto e correttamente validato avrà inoltre una sitemap più chiara ed efficace, ed eccoci di nuovo a parlare di indicizzazione.

Innegabile quindi come un sito semanticamente corretto abbia tutti questi vantaggi, perciò sfruttiamoli e usiamo il codice nel modo corretto.

Altre guide

Altre newsletter