Was sind Header-Tags?
Kopfzeilen-Tags sind HTML-Tags, die verwendet werden, um Überschriften und Unterüberschriften in absteigender Reihenfolge von H1 bis H6 vom restlichen Inhalt einer Webseite abzusetzen.
In den meisten Fällen benötigen Sie nur H1 bis H4, wobei:
- H1 ist die Hauptüberschrift und der Titel für die Seite
- H2 ist eine Unterüberschrift und ein unterstützender Punkt
- H3 ist ein Unterabschnitt oder ein Listenelement unter einem H2
- H4 ist ein Unterabschnitt oder eine Listenposition unter einem H3
Sie sollten auch beachten, dass ein H1-Tag und ein Titel-Tag nicht die gleichen Elemente in HTML sind. Alle Header-Tags beschreiben, was auf der Seite selbst erscheint, aber das Title-Tag übermittelt den Seitentitel für das Browserfenster und für den Seitenausschnitt der Suchmaschinenergebnisse.
Wenn Sie also eine bestimmte Webseite aufrufen, finden Sie H1 oben auf der Seite selbst, während der "Titel" im Browserfenster oder in der Registerkarte sichtbar ist.
Warum sind Header-Tags wichtig für SEO?
Kopfzeilen-Tags helfen den Nutzern beim Navigieren und Durchsuchen der Seite. Sie gliedern die Informationen, damit die Leser sie überfliegen und schnell finden können, wonach sie suchen.
Die Verwendung von Kopfzeilen ist jedoch auch hilfreich, um Ihre Website suchmaschinenfreundlich zu gestalten. Suchmaschinen verlassen sich auf Kopfzeilen, um die Abschnitte einer Seite besser zu verstehen.
Im Allgemeinen helfen Header-Tags dabei, den Inhalt zu strukturieren und sowohl für Suchmaschinen als auch für Leser einfach zu konsumieren.
Bewährte Praktiken für Kopfzeilen-Tags
1. Überfrachten Sie Ihre Header-Tags nicht mit Schlüsselwörtern
Wenn Sie sich schon länger an bewährte SEO-Praktiken halten, dann haben Sie sich wahrscheinlich daran gewöhnt, Ziel-Keywords in Ihre H1-, H2 und H3-Tags aufzunehmen.
Diese Überschriften waren früher wichtige Ranking-Faktoren, aber jetzt ist der Google-Algorithmus schlauer geworden. Infolgedessen haben Schlüsselwörter in Kopfzeilen nicht mehr die gleiche Wirkung wie früher.
Trotzdem ist es immer noch eine gute Idee, Schlüsselwörter in Ihre Header-Tags aufzunehmen. Heutzutage sollten Sie sich jedoch darauf konzentrieren, sie mit Bedacht und auf natürliche Weise hinzuzufügen. Das Letzte, was Sie wollen, ist, Ihre Header-Tags so zu überfrachten, dass Google Ihre Seite als spammig interpretiert.
In letzter Zeit haben wir einen weiteren Grund gesehen, um mit Keywords in Ihren Header-Tags vorsichtig zu sein: Gute selbsterklärende Subheader können Ihnen ein Featured Snippet verschaffen, besonders in Anleitungen oder Listicles.
2. Überschriften kurz und einheitlich halten
Eine weitere wichtige Angewohnheit bei Kopfzeilen ist es, sie kurz und einheitlich zu halten, wann immer dies möglich ist. Versuchen Sie, Ihre Überschriften auf 3 bis 5 Wörter zu begrenzen, und strukturieren Sie sie einheitlich, damit sie für die Leser leicht zu überfliegen sind.
Denken Sie daran, dass Kopfzeilen dazu dienen, eine Textmenge in übersichtliche Abschnitte aufzuteilen. Daher ist es logisch, dass zu lange Kopfzeilen und Zwischenüberschriften auf Seiten einfach nicht gut aussehen.
Diese kurzen Überschriften machen es nicht nur Ihren Lesern leichter, sondern helfen auch Google, den Inhalt Ihrer Seiten besser zu verstehen.
3. Verwenden Sie Header-Tags für eine korrekte Inhaltshierarchie
Wissen Sie, warum es überhaupt Kopfzeilen-Tags gibt? Der ursprüngliche Zweck von Kopfzeilen-Tags ist die Aufrechterhaltung einer korrekten Inhaltshierarchie auf einer HTML-Seite.
Auch hier ist H1 die Hauptüberschrift, H2 sind Unterüberschriften, H3 innerhalb von H2 sind Unter-Unterüberschriften für diesen Abschnitt usw. Innerhalb jedes Abschnitts sollten Sie in absteigender Reihenfolge mit den wichtigsten und relevantesten Informationen beginnen und von dort aus fortfahren.
4. Prüfen Sie, ob das Design der Kopfzeile in CSS konsistent ist
Standardmäßig ist HTML gut geeignet, um eine visuelle Hierarchie für eine Webseite zu erstellen.
Sie werden in der Regel sehen, größere Schriftgrößen und schwerere Gewichte für Ihre H1 und H2-Tags (denken Sie etwa 32px und 24px, beziehungsweise), mit kleineren Schriften für die H3 und H4-Tags (denken Sie 18px und 16px, beziehungsweise).
Es gibt zwar keine feste Regel dafür, aber wir haben manchmal Website-Themen gesehen, bei denen die H3- und H4-Zeilen größer sind als die H2-Zeilen.
Auf Ihrer Website können Sie Änderungen in Ihrem CSS-Stylesheet vornehmen, um ein einheitliches Kopfzeilendesign mit dem richtigen Schriftformatierungscode einzurichten, oder Selektoren zu einem benutzerdefinierten CSS-Feld als zusätzliches Stylesheet hinzufügen.
Es kann auch vorkommen, dass H3 verwendet wird, wo H2 verwendet werden sollte. Dies ist häufig der Fall, wenn das Kopfzeilendesign nicht richtig eingerichtet ist. Dies ist zwar kein entscheidender Schritt, stellt aber sicher, dass Sie die bestmögliche Nutzererfahrung bieten und den maximalen SEO-Wert in Google erzielen.
FAQs
Kann ich mehrere H1-Tags verwenden?
Ja, das können Sie. Google sagt, dass sie kein Problem damit haben. Dennoch ist die beste SEO-Praxis, eine H1 pro Seite zu haben.
Auch wenn dies nicht im Sinne von Google ist, trägt die Verwendung von nur einem H1-Tag pro Seite dazu bei, dass Ihre Seiten konsistent und leicht verständlich bleiben, falls andere Nutzer jemals Änderungen vornehmen müssen.
H1 und Title Tags - können sie unterschiedlich sein?
Standardmäßig werden H1 und Titel identisch sein, wenn Sie einen neuen Beitrag veröffentlichen. Sie können jedoch verschiedene Titel und H1 schreiben, wenn Sie dies wünschen.
Zum Beispiel kann der Titel kürzer sein, um in der SERP gut auszusehen, während H1 für die Besucher Ihrer Seite etwas länger sein kann - oder Sie entscheiden sich dafür, das Jahr in den Titel aufzunehmen, während Sie es in H1 weglassen.
Aus welchen Gründen auch immer, für SEO-Zwecke ist es völlig in Ordnung, wenn der H1- und der Titel-Tag unterschiedlich sind.
Wie viele Ebenen von Kopfzeilen-Tags gibt es?
HTML unterstützt insgesamt sechs Überschriften: H1-H6. Das bedeutet, dass Sie keine H7, H8 usw. haben können.
Es ist jedoch selten, dass Sie über H4 hinaus weitere Unterabschnitte benötigen. Wenn Sie auf einer Seite H5 und H6 benötigen, sollten Sie überlegen, ob Sie nicht zu viele Informationen auf eine einzige Seite packen.
Stattdessen könnten Sie eine eigene Seite für den Inhalt erstellen, um ihn besser lesbar zu machen.
