[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”.

Ti è piaciuto questo articolo?

Ricevi continui aggiornamenti su come migliorare il tuo blog:

Scegli di seguire i post e le chicche di blographik (esclusiva ai soli iscritti), direttamente nella tua casella email.

Abbonati ora alla newsletter compilando questo form.

Nome:
Email:
 
 

Articoli correlati:

Se di tuo interesse, puoi consultare anche i seguenti post correlati:

2 Commenti

  1. 30 giugno 2009 alle 10:14 | Permalink

    Sei stato chiarissimo!
    E anche il video…
    Complimenti!
    :-)
    Josè

  2. 30 giugno 2009 alle 10:25 | Permalink

    Ciao e grazie Josè :)

    Sono contento che i miei tutorial ti piacciano. Continua a leggere il Blographik!

    A presto

    Mauro

2 Trackbacks

  1. [...] la lettura con la fonte di questo articolo: [Video Tutorial] – Formattare correttamente il testo in HTML … Articoli correlati: Come inserire una favicon su blog wordpress | Blographik – Grafica [...]

  2. [...] Come Formattare il testo? Ecco il video tutorial che spiega tutto del rande blog di blographik : Video Tutorial Formattazione Testo [...]

Commenta il post

La tua e-mail non sará mai resa di pubblico dominio.
I campi contrassegnati sono obbigatori *

*
*
blog comments powered by Disqus