SEO & Semantica: come strutturare i Tag H1..h6?

Su come devono essere inseriti i tag H1, H2, H3, H4, H5, H6 all’interno del sito, ne ho sentite di tutti i colori, per cui ho pensato di raccogliere qui qualche consiglio.

..in generale:

l’H1 va sempre utilizzato sul titolo del contenuto principale di quella pagina

Ma ecco una semplice linea guida su come mettere i tag H all’interno della struttura del vostro sito:

Home page

H1: sul logo (ma attenzione che vale solo per l’home page) o sul brand.

H2: sull’eventuale claim/sottotitolo (se presente).

 

Pagina di categoria

H1: sul nome della categoria

H2: su eventuali sottocategorie (se presenti all’interno della lista prodotti), altrimenti non è necessario.

 

Pagina di sottocategoria

H1: sul nome della sottocategoria.

 

Pagina di prodotto

H1: sul nome del prodotto

H2: su eventuali sottotitoli nel testo di descrizione del prodotto, altrimenti non è necessario.

 

Pagine di informazione (company)

H1: sul titolo della pagina

H2: su eventuali sottotitoli nel testo di descrizione, altrimenti non è necessario.

 

Pagine di news

H1: sul titolo della news

H2: su eventuali sottotitoli nel testo di descrizione della news, altrimenti non è necessario.

 

E tutti gli altri tag H? 

h3, h4 , h5 e h6 non vengono quasi mai utilizzati. Difficilmente un teste sul web ha bisogno di essere sotto titolato così profondamente.

 

Domande comuni & risposte (banali)

I Tag H vanno inseriti nel menu di navigazione? NO, nemmeno se si tratta di un bellissimo mega menu dropdown.

E’ corretto che i Tag H vengano utilizzati per gli elementi di navigazione? NO, devono essere utilizzati per titolare i contenuti di quella specifica pagina

E’ corretto che all’interno del mio codice html un tag H2 si trovi prima di un tag H1? NO, i tag H2 devo trovarsi successivamente ai tag H1 (sono come dei sotto titolo, quindi è corretto siano dopo il titolo).

E’ corretto che l’H1 sia sempre sul logo della pagina, in tutte le pagine? Non è sbagliato, ma non è l’uso corretto. Dovrebbe essere personalizzato sulla singola pagina.

Il mio sito non usa i tag H3, H4, H5, e H6, sto perdendo visibilità Seo? Dormi pure tranquillo. In ogni caso sappi che i tag H non ti cambieranno la vità, ma almeno usa correttamente l’H1 (e anche l’H2 se il contenuto lo prevede)

E’ corretto utilizzare più di un solo H1 per pagina? NI, con l’avvento dell’html5 questa risposta è un po’ complessa, però per ora la mia risposa è: “Usa un solo H1 per ogni pagina, se il contenuto di quella pagina credi possa meritare 2 titoli H1, allora forse dovresti creare 2 pagine

 

ok, questo post non pretende di essere esaustivo, ma seguendone le indicazioni credo risolverai il 99% dei problemi sulla gestione dei Tag H.

In ogni caso se hai altri consigli, scrivimi, aggiornerò e ti citerò volentieri.

 

6 Commenti

  • Bel post! Direi che è indispensabile utilizzare correttamente il tag H1 (soltanto UNO nella pagina) e non abusare dei tag H2 (che possono essere utilizzati per le keyword secondarie). Come dici tu, non è vitale per la SEO, ma imparare ad usarli senz’altro aiuta :)

  • grazie mille Alessia

  • possono esserci “buchi” nella gerarchia? H1, nessun H2, n H3 ?
    con i sistemi modulari capita spesso che un modulo definisca degli H4 o H5 ma il sito non ha H3

    • Ciao, personalmente non mi piace che ci siano, ma non ho mai riscontrato problemi seo a causa dei buchi.

  • L’H1 questo sconosciuto. Ho lavorato con vari copy che si dicevano specializzati in scrittura SEO orientend e poi era giù molto se formattavano correttamente il testo con grassetti e corsivi.

  • Io penso che con un uso sagace di questi elementi qualcosina si può ottenere, cioè non è che se scrivi una schifezza e metti gli h1 e h2 ti posizioni, ma se riesci a dare loro una formattazione logica e li usi per guidare l’utente verso un architettura ben impostata con del testo veramente utile,ecco che li un aiutino te lo danno.
    A tal proposito consiglio questa estensione per firefox
    https://addons.mozilla.org/it/firefox/addon/headingsmap/?src=userprofile
    che ti permette di controllare che gli heading siano settati correttamente.

Partecipa alla Discussione

Puoi usare i seguenti HTML tag e attributi: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>