web-dev-qa-db-de.com

Ist es in Ordnung, mehrere h1-Tags auf derselben Seite zu verwenden, aber sie unterschiedlich zu formatieren?

Ich habe eine Webseite, auf der ich h1-Tags in verschiedenen Divs mehrfach verwende und h1 für jedes Div auf die richtige Größe stelle.

Zum Beispiel...

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

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

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

Ist das in Ordnung? Ich mache mir Sorgen um SEO.

Was ist der beste Weg, um dies zu tun? Oder mache ich mir um nichts Sorgen?

43
Brad

Meiner Meinung nach brauchen Sie sich keine Sorgen zu machen, es ist in Ordnung, so zu tun.

H1 bezeichnet einen Teil Ihres Inhalts als Überschrift der ersten Ebene. Wenn Sie also eine Überschrift der ersten Ebene in Ihrem Navigations-Div (z. B. <H1>Navigation Menu</H1>) haben, sollte dies natürlich #nav h1 sein.

Wenn Sie mehrere H1s in Ihrem Inhalt haben sollten, hängt Folgendes ab: Wenn Sie ein Blog haben und jeder Eintrag eine eigene Überschrift hat, wären dies H1s. Wenn Ihr Blog selbst eine Überschrift hat (z. B. <H1>My Blog!</H1>), sollte die Überschrift des Blogeintrags ein H2 sein. 

Das ist aber nur Theorie. Gehen Sie für das, was lesbar ist, semantisches Markup. Sie können sich am besten entscheiden, indem Sie Ihre HTML-Datei betrachten und sich fragen: 'Ist es lesbar? Würde sich die Lesbarkeit verbessern, wenn ich es anders machen würde? ' Die Antwort variiert von Projekt zu Projekt.

10
Treb

Matt Cutts von Google antwortete auf Mehr als ein H1 auf einer Seite: gut oder schlecht? (5. März 2009) mit:

Wenn es einen logischen Grund gibt, mehrere Abschnitte zu haben, ist Nicht so schlimm, dass Sie mehrere h1s kennen. Ich würde auf Achten, wenn ich es übertreibe. Wenn Ihre gesamte Seite h1 ist, sieht das ziemlich schön aus, Oder? Also nicht alles h1 und dann Sie CSS, um es wie Regulärer Text aussehen zu lassen, weil wir Leute sehen, die Konkurrenten über Sich beschweren, wenn Benutzer CSS oder CSS deaktivieren. Beim Laden sieht es wirklich schlecht aus. Also, weißt du, es ist in Ordnung, ein wenig von h1 hier Zu haben, und dann gibt es vielleicht zwei Abschnitte auf einer Seite, und vielleicht haben wir hier ein Bisschen von h1.

Aber Sie sollten es wirklich für Überschriften oder Überschriften verwenden, was Die Absicht ist. Um h1 nicht einfach überall auf eine Seite zu werfen. Weil ich Ihnen sagen kann, dass Sie, wenn Sie h1 überall auf eine Seite werfen, Die Leute versucht haben, das zu missbrauchen, und unsere Algorithmen dies versuchen Berücksichtigen Sie das , damit es Ihnen nicht wirklich gut tut. Also würde ich Dort einsetzen, wo es sinnvoll und sparsamer ist, aber Sie können es Mehrmals haben.

27
Joel

Denken Sie daran, dass Ihre h1s nicht für das Layout, sondern für den Kontext verwendet werden. Es ist also grundsätzlich nichts falsch, mehrere auf einer Seite zu haben.

In diesem speziellen Beispiel müssen Sie entscheiden, ob Ihre Left-Nav-H1 dieselbe kontextbezogene Bedeutung haben wie Ihre Content-H1 und Ihre Recent-News-H1. Wenn eine klare Hierarchie in Ihrem Kopf vorhanden ist, verwenden Sie Ihre Header-Tags, um sie zu demonstrieren.

14

Im Allgemeinen sollten Sie nur eine h1 pro Seite haben, und h1 sollte den Inhalt auf dieser Seite direkt darstellen. Wenn Sie bereit sind, mit CSS zu stylen, sollten Sie herausfinden, welche Überschriftenebene (h2, h3, h4 usw.) die gewünschten Überschriften richtig darstellt, und sie stattdessen stylen.

10
sykora

Semantisch ziehe ich es vor, ein h1 auf der Seite zu verwenden, hauptsächlich für den Seitentitel. Bei SEO ist das wahrscheinlich nicht so wichtig, und so wie HTML5 bei HTML5 aussieht, wird der generische Tag header es viel einfacher machen und dieses Argument überflüssig machen.

3
ern

Ich mag die Idee mehrerer H1s nicht. H1 ist die oberste Ebene, die wichtigste Überschrift, und die Seite wird sich grundsätzlich mit diesem Thema befassen. Wenn Sie ein gleich wichtiges zweites Thema haben, setzen Sie es nicht in ein anderes H1-Tag, sondern in eine andere Seite. Das hat es verdient, richtig?

1
aalaap

Ich versuche, nur eine H1 auf der Seite zu haben und habe sie fast aus dem Inhalt des Titel-Tags fast neu angeordnet/H1 ist die Hauptidee einer einzelnen Seite. Alles andere sollte ein H2-Tag und ein Lower-Tag sein. . 

0
Tab Petree

Wenn es um seo geht, ist es besser, h1-Tags zu verwenden. Wenn Sie es nur zu bestimmten Zwecken verwenden möchten, verwenden Sie css-Stylesheets. 

Das wichtigste ist: Wenn mehr als ein h1-Tag auf einer Webseite verwendet wird, kann google diese Seite als Spam betrachten. Sie können andere Überschriften-Tags als h1 wie h2 h3 h4 h5 h6 beliebig oft verwenden.

0
seo header tags

Beim Versuch, dieselbe Frage zu beantworten, habe ich diese Frage gepostet, die nützliche Informationen enthalten kann. Mein Problem bei der Verwendung der gleichen H1, H2, H3 an anderen Orten ist, dass Sie, wenn Sie IMMER einen übergeordneten Stil angeben, wie Sie es in Ihrem Beispiel * getan haben, Probleme bekommen können.

Dilemma bei der Entscheidung, wie man CSS Für H1, H2, H3 usw. erstellt.

* Das heißt zu sagen, Sie definieren niemals 'h1' von selbst

0
Simon_Weaver

Es hängt alles ein wenig davon ab, was Ihr doctypeist. Mit html5 können mehrere h1-Tags pro Abschnitt verwendet werden. (Nicht lesen, per <section></section>!) Wenn Sie im Beispiel den XHTML 1.0 Transitionaldoctypeverwenden, würde ich vermeiden, mehrere h1-Tags auf einer einzigen Seite zu verwenden.

Wenn Sie in diesem Beispiel den XHTML 1.0 Transitionaldoctypeverwenden, würde ich oft etwas wie das machen:

  • h1: max. einmal pro Seite
  • h2: max. zweimal pro Seite
  • usw.

Auch @joel, auch wenn Ihre Antwort irgendwie OK ist, versuchen Sie bitte nicht, jemanden zu verwirren ... Ich kann sagen, ich bin ein Google-Softwareentwickler, weil ich einfach mit Google arbeite (nicht der Firma, sondern dem Produkt). UND ich bin Ingenieur ... Bitte nennen Sie Ihren Firmennamen UND alle Zertifizierungen, wenn Sie die Dinge als solche geltend machen.

0
user1139291

Ich denke, es ist eine gute SEO-Praxis, ein H1-Tag oben auf jedem Blockelement auf meiner Seite zu platzieren, aber das ist nur ich. Natürlich sollte dieses H1-Tag Informationen enthalten, die für die Keywords/Themen relevant sind, auf die Sie abzielen.

Dies ist eine sehr effektive SEO-Methode, die ich gefunden habe, also versuchen die Leute, die Ihnen sagen, dies nicht zu tun, Sie davon abzuhalten, an unseren Gewinnen teilzunehmen.

0
Charles Addis