H1 automatici nel blog

[nimue86]

H1 automatici nel blog

Ciao a tutti,
ho un problema con gli h1 di wordpress: questi vengono impostati automaticamente nel titolo della pagina (da backoffice) e per le pagine statiche questo va benissimo.
Il problema è che il sito ha una sezione Blog in cui il titolo della sezione, blog appunto, viene preso come h1 ma visto che ci sono diversi articoli rischio così
di avere un h1 duplicato in tutte le pagine del sito web.
C'è un modo per far sì che nei post, ossia le sole pagine del blog, il titolo dell'articolo venga preso come h1 ed il nome della sezione come h2?
Grazie a tutti per l'aiuto

[fda]

Ciao nimue86.
In generale è certamente possibile impostare diversamente i tag e questo ovunque, inclusi articoli e sezioni.
Come realizzare operativamente la cosa può dipendere da più fattori, ad esempio dal template.

Nella visualizzazione blog, cioè in una categoria/sezione che include più articoli, è corretto avere l'h1 sul titolo della sezione.
Nella pagina del singolo articolo è corretto avere l'h1 sul titolo dell'articolo.

In entrambi i casi l'h1 sul title andrà all'interno dell'header. Su quest'ultimo punto con HTML5 ci sono più possibilità.

Nota che anche nella pagina della sezione/categoria puoi usare gli h1, oltre che sul titolo della sezione nell'header della stessa, anche sui singoli articoli, che verranno inseriti in tag article con header, e h1 appunto all'interno dei relativi header. Esempio:

<header>
     <h1>Titolo categoria/sezione blog</h1>
     ...
</header>
<article>
     <header>
          <h1>Titolo articolo 1</h1>
     </header>
     ...
</article>
<article>
     <header>
          <h1>Titolo articolo 2</h1>
     </header>
     ...
</article>
...

Non è un errore avere più h1 nella stessa pagina purché la struttura sia corretta e, dal punto di vista dei motori di ricerca, aiuti la comprensione della pagina.

Nella pagina dedicata al singolo articolo, invece, è bene inserire l'h1 sul titolo dell'articolo, sempre nell'header, ma non sul titolo della sezione/categoria. Esempio:

<header>
     Titolo categoria/sezione blog
</header>
<article>
     <header>
          <h1>Titolo articolo</h1>
          ...
     </header>
</article>

Spero di esserti stato utile. Per indicazioni operative attendiamo altri pareri.
F.

[nimue86]

Wow ti ringrazio, in effetti il codice della pagina è stato pensato nel tema proprio così, con due h1 separati per header della pagina e dell'articolo e correttamente inseriti come hai scritto.
Grazie mille, mi hai detto una cosa che non sapevo.
Già che ci siamo...hai per caso link a guide utili per html 5 e seo?

[fda]

Attenta che la mia è un'indicazione, nulla di generalmente valido. Diciamo che in linea di principio i diversi elementi semantici come *section *e *article *possono avere il proprio *header *e tag h1, h2, ... . Se poi sia opportuno inserirli dipende dal contesto, come in parte si è detto facendo distinzione tra pagina della categoria e pagina dell'articolo.

La SEO è talmente vasta e in evoluzione che non ci si può che aggiornare continuamente, anche leggendo le discussioni sul Forum GT in "Seo e tecnologie".
Come guida cartacea o in ebook suggerisco Seo Power, base eccellente.

Per l'HTML5 non ho trovato una risorsa unica ma tanti spunti in rete. Potresti partire da qui - giorgiotave.it/wikigt/os/HTML5 - e fare poi una ricerca su giorgiotave.it (per varie discussioni sui diversi argomenti) e poi su Google.
La parte di HTML5 più vicina alle cose di cui abbiamo parlato è quella relativa alla struttura e agli elementi semantici come section, article, aside.
Ho diversi libri su HTML5 ma nessuna guida, ciascuno affronta una tematica diversa, quindi non saprei suggerirti.

Un argomento attinente è quello dei microdata, trattati sia sul forum sia su risorse ufficiali come schema.org.

F.

[nimue86]

Grazie mille!

[fda]

Figurati, è un piacere.
F.