[Video Tutorial] – Formattare correttamente il testo in HTML

Formattare correttamente il testo delle pagine Web ha una duplice importanza:

1. dal punto di vista semantico:  la formattazione organizza al meglio il significato di un testo;
2. dal punto di vista SEO: una corretta formattazione favorisce una migliore indicizzazione sui motori di ricerca.

Ricorda sempre:  nel testo di una pagina c’è tutto il suo significato!

Ora guardiamo il filmato:

Approfondimento

Prova a pensare di essere il Googlebot:  come vorresti che fosse il testo di un sito?…senza capo né coda oppure ben strutturato e gerarchizzato, in modo da capire al meglio di quello che si sta parlando?..la risposta mi sembra ovvia.

Quindi non tralasciare MAI la formattazione dei tuoi testi.

Ora ritorniamo su alcuni punti del Video:

1. Stai attento a come mettere i tag di titolo (h1….h6).Un solo h1 per pagina, e possibilmente, più in alto possibile nel codice della pagina (a volte vedo siti con montagne di codice, come javascript  e CSS interni, sopra al contenuto del sito…); il Googlebot vuole capire di che parla la pagina e cercherà il tag h1..vedi di farglielo trovare prima.
   Ricorda sempre di gerarchizzare i testi e i titoli: una buona idea è quella di usare h1 e h2 nella parte pricipale del sito, poi gli h3 nelle sidebar, e l’h4 nel footer.
2. Dopo il titolo sempre un paragrafo!..è logico non trovi?…cosa penseresti nel vedere un titolo e poi..niente?!?
3. I grassetti: usa il tag <strong>, lascia perdere gli altri due.
   Mi raccomando, non dare i grassetti a casaccio, ma solo quando c’è la reale necessità, quando vuoi enfatizzare il contenuto.
4. Non ti dimenticare mai che esiste  il tag <q>:  quando citi usalo, è carino (lo puoi anche personalizzare coni i CSS), utile e significativo.

Una cosa mi preme sottolineare più di tutte:
non usare la formattazione solo per creare l’effetto grafico che vuoi..
Non usare un tag h3, un grassetto, una virgoletta o quello che vi pare solo….. “perché ci sta bene”.

Il linguaggio web E’ SEMANTICA, E’ SIGNIFICATO.

Ricorda:  SIGNIFICATO (HTML) – -> ASPETTO (CSS) – -> COMPORTAMENTO (Javascript)

Al prossimo video tutorial!

Autore: Mauro Cassani di easy-grafica.com, non è un architetto o un informatico, ma un chimico!

Realizza siti internet, loghi, illustrazioni e tutto quello che può essere definito “grafica”.