Va bene usare più tag h1 sulla stessa pagina, ma modificarli in modo diverso?

Question

Ho una pagina web che uso tag h1 più volte all'interno di vari DIV e io stile h1 per ogni div per essere la dimensione appropriata.

Per esempio ...

#content h1 { 
    font-size:22px; 
} 

#left-nav h1 { 
    font-size:14px; 
} 

#content .recent-news h1 { 
    font-size:16px; 
} 

È questo va bene? Sono preoccupato per la SEO.

Qual è il modo migliore per farlo? O mi sto preoccupando di nulla?

Answer 1

A mio parere, non è necessario preoccuparsi, è ok per farlo in questo modo.

H1 indica parte dei tuoi contenuti come intestazione di primo livello. Pertanto, se hai un titolo di primo livello nel tuo div di navigazione (ad esempio <H1>Navigation Menu</H1>), ovviamente questo deve essere #nav h1.

Se dovessi avere più H1 all'interno dei tuoi contenuti dipende da: Se hai un blog e ogni voce ha il proprio titolo, quelli sarebbero H1. Tuttavia, se il tuo blog ha un titolo (ad esempio <H1>My Blog!</H1>), l'intestazione della voce del blog deve essere un H2.

Ma questa è solo teoria. Vai per quello che è leggibile, markup semantico. Puoi decidere al meglio su questo guardando il tuo html e chiedendoti: 'È leggibile? La leggibilità migliorerebbe se facessi il contrario? La risposta varierà da progetto a progetto.

Answer 2

In generale, si dovrebbe avere solo un h1 per pagina e che h1 dovrebbe rappresentare di nuovo il contenuto di quella pagina. Finché sei disposto a lavorare con i CSS, trova il livello di intestazione (h2, h3, h4, ecc.) Che rappresenti correttamente i titoli che intendi utilizzare e poi preferisci loro uno stile.

Answer 3

Semantically, preferisco usare uno h1 sulla pagina, principalmente per il titolo della pagina. Probabilmente non importa molto con SEO, e con il modo in cui HTML sta andando con HTML5, il tag generico header renderà molto più semplice e questo argomento obsoleto.

Answer 4

Ricorda che le h1 vengono utilizzate per indicare il contesto, non il layout. Quindi, non c'è nulla di intrinsecamente sbagliato nell'avere diversi su una pagina.

In questo esempio specifico, è necessario decidere se le h1 di sinistra hanno la stessa importanza contestuale del contenuto h1s e delle ultime notizie h1. Se nella tua mente esiste una chiara gerarchia, usa i tuoi header tag per dimostrarlo.

Answer 5

Nel tentativo di rispondere alla stessa domanda ho postato questa domanda che potrebbe avere alcune informazioni utili. La mia preoccupazione di usare lo stesso H1, H2, H3 in punti diversi è che, a meno che tu non specifichi SEMPRE uno stile "genitore" come hai fatto nel tuo esempio *, puoi incontrare dei problemi.

Dilemma in deciding how to create CSS for H1, H2, H3 etc.

*   questo è per dire non avete mai definito 'H1' di per sé

Answer 6

Non mi piace l'idea di molteplici H1 s. H1 è il livello più alto, l'intestazione più importante e la pagina riguarderà essenzialmente quell'argomento. Se hai un secondo argomento altrettanto importante, non metterlo in un altro tag H1, mettilo semplicemente in un'altra pagina. Lo merita, giusto?

Answer 7

Provo ad avere solo un H1 sulla pagina e lo ho quasi ma leggermente riorganizzato dal contenuto del tag title/H1 è l'idea principale di una singola pagina ogni cosa dovrebbe essere un tag h2 e Più basso ...

Answer 8

Se si tratta di SEO, è meglio usare i tag h1 E se si desidera usarlo solo per scopi di sithling, usare i fogli di stile CSS.

Il più importante è quello: Se più di un tag h1 viene utilizzato in una pagina Web, Google potrebbe considerare tale pagina come spam. possono utilizzare altri tag di titolo diversi da h1 come h2 h3 h4 h5 h6 qualsiasi numero di volte.

Answer 9

Matt Cutts di Google ha risposto a More than one H1 on a page: good or bad? (Mar 5, 2009) con:

Beh, se c'è una ragione logica per avere più sezioni, non è così male avere, sai più h1 s . Presterei attenzione a esagerando. Se l'intera pagina è h1, sembra piuttosto carina, , giusto? Quindi non fare tutto h1 e poi CSS per farlo apparire come il testo normale perché vediamo che le persone, che sono concorrenti si lamentano di che se gli utenti disattivano mai CSS o il CSS non carica, sembra proprio . Quindi, sai, è ok avere un po 'di h1 qui e poi forse ci sono due sezioni su una pagina, e quindi magari avere un pochino h1 qui.

Ma dovresti davvero usarlo per intestazioni o intestazioni, che è ciò che l'intento è . Non solo buttare h1 ovunque tu possa su una pagina. Perché posso dirti, se lanci h1 ovunque su una pagina, le persone hanno cercato di abusare di questo e quindi i nostri algoritmi tentano di prendere in considerazione questo quindi non ti fa molto bene. Quindi vorrei usare dove ha senso e più parsimoniosamente, ma puoi averlo più volte con lo .

Answer 10

Tutto dipende un po 'da quello che è il tuo doctype. Con html5 è OK utilizzare più tag h1 per sezione. (non leggere, per <section></section>!) Quando si utilizza nell'esempio lo XHTML 1.0 Transitionaldoctype, eviterei di utilizzare più tag h1 su una singola pagina.

Quando si utilizza nell'esempio del XHTML 1.0 Transitionaldoctype, mi piacerebbe spesso per qualcosa di simile:

• H1: max. una volta per pagina
• h2: max. due volte per pagina
• ecc

@ Joel Inoltre, anche se la vostra risposta è una sorta di OK, si prega di non cercare di confondere nessuno ... posso dire che sono un ingegnere del software di Google, perché lavoro semplicemente con Google (non con la società, ma con il prodotto) E sono un ingegnere ... Si prega di elencare il nome della propria azienda E le eventuali certificazioni quando si rivendicano cose come tali.

Answer 11

Penso che sia una buona pratica SEO mettere un tag H1 nella parte superiore di ogni elemento del blocco sulla mia pagina, ma questo è solo per me.Ovviamente questo tag H1 dovrebbe contenere informazioni pertinenti alle parole chiave/agli argomenti che hai scelto come target.

Questo è un metodo SEO molto efficace che ho trovato, quindi le persone che ti dicono di non farlo stanno cercando di impedirti di partecipare alle nostre vincite.