• Home
  • SEO e Web Marketing
  • Webmaster e Developing
  • Design e Photoshop
  • Info
  • Blogroll
  • Parlano di noi su...
  • Scaricare Programmi

h1 h2 h3: come utilizzare gli heading nelle pagine web

h1-h2-h3-h4-h5-h6
Qualche giorno fa su Edit è stato pubblicato un post in cui veniva segnalato un sito interamente dedicato all’infinita questione su l’utilizzo degli heading h1 h2 h3 h4 h5 h6.

Cosa sono i titoli h1 h2 h3?

Chi si occupa di Internet e/o ha un Blog difficilmente non avrà mai sentito parlare di questi heading. In effetti sono degli elementi html, dei tag, in cui racchiudere per ordine di importanza: h1 per i testi più importanti, fino ad h6 i testi con poca importanza. Per esempio <h1>Titolo Blog</h1>.

Chi usa WordPress o Blogger e non si è mai preoccupato di questi, deve sapere che vengono comunque utilizzati in automatico, a seconda del tema o template, per evideziare il titolo del blog, il titolo dei post, e i titoli dei widget della sidebar.

La questione su l’uso migliore

La questione si focalizza sui primi due heading, h1 e h2, perchè ritenuti i più importanti in ottica SEO. Molte persone sono dell’opinione che h1 vada utilizzato per evidenziare il titolo del sito, e h2 per i titoli dei post. Se ragioniamo in senso di importanza potrebbe essere vero, ma se ragioniamo in ottica SEO, l’ideale è h2 per il titolo del sito, e h1 per i post. Perchè? Per dare più importanza e spingere le keyword incluse nei titoli, perchè il titolo del sito non è quasi mai una keyword popolare.

Prendiamo in esempio questo Blog, infatti per “noizexperience” (il titolo) i competitor sono pochi e nessuno, e non c’è bisogno di spingere questa keyword più di tanto, e questo discorso lo possiamo replicare per la maggior parte dei blog che utilizzano nomi unici. Se prendiamo in esame una qualsiasi parola chiave con molti competitor che utilizziamo nei titoli, questa dovrà avere massima rilevanza, quindi meglio l’h1.

Poi esistono diverse prospettive di pensiero, ma questa è quella che da i risultati migliori.

  • Share this on del.icio.us
  • Share this on Facebook
  • Tweet This!
  • Stumble upon something good? Share it on StumbleUpon
  • Share this on Technorati
  • Digg this!
  • Add this to Google Bookmarks
    webmaster-backlink
    Webmaster Tool: analisi approfondita dei backlink

    Questo è un articolo scritto da Dario Scarano a.k.a. PsYCHo di iowebmaster.com che ci ha gentilmente concesso un guest post. Avevamo già parlato...


    modificare-lattributo-valu
    Modificare l’attributo VALUE negli input al passaggio del mouse

    L'attributo Value, in italiano valore, permette di decidere quale testo lasciare di default negli elementi input, cioè caselle di testo dei form o...


    noizexperience-blog-in-seco
    In seconda pagina su Google per la keyword ‘webmaster’

    Incredibile, nel preciso momento in cui scrivo, Noizexperience Blog si trova in seconda pagina sulla serp di Google e Yahoo per la keyword...


    pagerank-aprile-2009
    Aggiornamento Pagerank Aprile 2009

    Stanotte è avvenuto il tanto atteso aggiornamento del Pagerank, l'ultimo era avvenuto nell'ultimo giorno del 2008. NoizExperience Blog è...


    software-html
    5 Programmi Gratuiti per WebMaster

    Realizzare un sito Internet può essere completamente gratuito, si può infatti risparmiare sullo spazio web, con soluzioni non certo...



Aggiungi su OkNotizie

Ti è piaciuto questo Articolo? Iscriviti ai Feed, o segui il Blog via Email!

Email:
Tags: Html, SEO, Webmaster
Postato su Html, SEO, Web Development, Webmaster on 8 febbraio, 2009

15 Commenti su “h1 h2 h3: come utilizzare gli heading nelle pagine web”

  1. NGNo Gravatar dice:
    10 febbraio, 2009 at 18:01

    E quando nel nome di un blog è contenuta la parola chiave più importante per la categoria alla quale appartiene e, nonostante questo, il blog non appare nelle serp con quella keyword? ;-) :-(

  2. AngeloNo Gravatar dice:
    10 febbraio, 2009 at 19:08

    Sarebbe da analizzare accuratamente basandosi su diversi fattori. Non esiste una soluzione assoluta per ogni caso, ma forse punterei al’h1.

  3. NGNo Gravatar dice:
    10 febbraio, 2009 at 21:48

    Peccato non sapere se i blog della concorrenza ben piazzati con la parola chiave gossip hannno puntato sull’ h1 :-D
    Un’ altra cosa che secondo me si potrebbe provare sarebbe quella di inserire la keyword nella frase sotto il titolo del blog (che attualmente è “il mondo delle celebrità internazionali), visto che con “celebrità internazionali” il mio blog appare nelle serp. Comunque per ora aspetto che passi questa fase di transizione e poi, quando riprenderò a postare regolarmente, deciderò cosa fare.
    Ho trovato molto interessante questo post. A leggere blog come il tuo s’ impara sempre qualcosa :-)

  4. I migliori post della settimana #13 | EmaWebDesign :: Web Programming / Web Design dice:
    15 febbraio, 2009 at 16:54

    [...] h1 h2 h3: come utilizzare gli heading nelle pagine web Chi si occupa di Internet e/o ha un Blog difficilmente non avrà mai sentito parlare di questi [...]

  5. topoNo Gravatar dice:
    17 aprile, 2009 at 18:35

    Ho capito cosa dici nel articolo, pero al modo pratico …cosa devo tocare per mettere per essempio H1 per il titolo di un articolo…cioe se puoi te spiegare questo caso prattico! Perche ho trovato dieci milla siti di intrenet dove sono scritte le cose che te in questio articolo le hai scritte pero nessuno non spiega in un caso pratico dove e cosa devo toccar?
    Aspetto la tua risposta!
    Grazie

  6. topoNo Gravatar dice:
    17 aprile, 2009 at 18:35

    scusa se disturbo!

  7. AngeloNo Gravatar dice:
    17 aprile, 2009 at 18:40

    Ciao topo,
    è molto semplice.. prima di tutto che cosa utilizzi? Blogger? WordPress? o è un sito html?
    Vai nella visualizzazione del codice, e rintraccia il tag che delimita il titolo.. e verifica se inizia x h1 o h2..in tal caso lo cambi

  8. topoNo Gravatar dice:
    17 aprile, 2009 at 19:58

    utilizzo wordpress. dove devo cercare in index.php?

  9. topoNo Gravatar dice:
    18 aprile, 2009 at 08:23

    <a href=”" rel=”bookmark” title=”">

    E questo il mio caso ….o trovato questa in index.php. Cosa devo fare ?Devo cambiare h2 con h1?
    Grazie.

  10. AngeloNo Gravatar dice:
    18 aprile, 2009 at 08:27

    Si, sostituisci l’h2 con h1.. e assicurati che venga chiuso correttamente..

  11. topoNo Gravatar dice:
    18 aprile, 2009 at 08:27

    ho dato copy/paste ma vedo ca il codice HTML non compare come si deve! ok renuccio…

    <a href=”" rel=”bookmark” title=”">

  12. topoNo Gravatar dice:
    18 aprile, 2009 at 08:29

    ho visto che ho h1 per logo ????cosa faccio lo sostituisco con h2? h3? il logo no il nome del blog non e relevante in mio caso!

  13. topoNo Gravatar dice:
    18 aprile, 2009 at 08:33

    <a href=”/”>

    Qui e presente H1 e per logo …con cosa lo devo sostituire? Questo e pezzo dal header.php

  14. AngeloNo Gravatar dice:
    18 aprile, 2009 at 08:37

    se il nome del blog non è rilevante lo puoi anche lasciare su h3, e i titoli dei post metteli in h1

  15. topoNo Gravatar dice:
    18 aprile, 2009 at 08:42

    grazie….mi sono chiarito adeso!

  • Isrciviti ai feed facebook profile technorati profile

WebMaster: non perderti questi Articoli!

  • Cosa fare subito dopo aver aperto un Blog
  • Tecniche per fare scambio link
  • Come realizzare una grafica per WordPress
  • Come inserire Lightbox in WordPress
    • Risorse Web (87)
      • Plugins (12)
      • Tutorial (7)
    • Senza categoria (4)
    • SEO (34)
      • Strumenti per WebMaster (6)
      • Web Marketing (5)
        • Social Network (5)
    • Web Design (60)
      • Css (22)
      • Photoshop (7)
      • Template (10)
    • Web Development (44)
      • Ajax (4)
      • Html (19)
      • Javascript (16)
      • Php (14)
    • Webmaster (90)
      • Browser (6)
      • Cms Alternativi (3)
      • Google (19)
      • Programmi per Web Designer (2)
      • Programmi per WebMaster (3)
      • WordPress (31)

    Tag Cloud

    aggiornamento pagerank Aggiungi nuovo tag aumentare i visitatori Browser Brush Chrome Experiments Cms Css feed Film Geek Flash Flat Nuke Font Frog Cms Google Google Chrome grafica Html Icone Internet Explorer 8 Javascript Javascript V8 msn experience New Cms Personalizzare Wordpress Photoshop Php plugin Programmi per Web Designer pulsanti web Risorse Web scambio link SEO social media strumenti per webmaster tema wordpress Template wallpaper web 2.0 Web Design Web Development web marketing Webmaster word WordPress

    Ultimi Commenti

    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    • Angelo su Buone Vacanze a tutti i lettori
    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    © NoizExperience Blog. Tutti i diritti riservati.
    Web Design