H1-H6 Überschrift: Unterschied zwischen den Versionen

Aktuelle Version vom 23. Januar 2024, 14:03 Uhr

Warum sollten Überschriften verwendet werden?

Abbildung: H1-H6 Überschrift - Autor: Seobility - Lizenz: CC BY-SA 4.0

Überschriften sind ein wichtiges Element jeder Webseite, da sie deren Inhalt und Fließtext sinnvoll und hierarchisch strukturieren und somit die Lesbarkeit der Inhalte für die Besucher der Seite deutlich verbessern. Denn wenn diese auf eine Webseite gelangen, scannen sie den dort befindlichen Text häufig zunächst anhand der Überschriften, um sich ein Bild über den Inhalt und die Relevanz der Seite zu verschaffen. Ähnlich funktioniert dies auch bei Suchmaschinen, denn auch für Google und Co. stellen die Überschriften einer Seite ein Hilfsmittel dar, um eine Übersicht über den Seiteninhalt sowie die Gewichtung einzelner Unterthemen zu erhalten. Somit tragen Überschriften zu einem besseren Verständnis von komplexen Dokumenten durch Suchmaschinen bei. Wie Überschriften in HTML ausgezeichnet werden und was bei der Wahl der Überschriften für eine Webseite beachtet werden sollte, möchten wir deshalb in den nachfolgenden Abschnitten erläutern.

Auszeichnung von Überschriften in HTML

Im HTML Code der Webseite werden Überschriften durch spezielle Tags ausgezeichnet, wobei sechs Hierarchien von Überschriften existieren, nämlich H1-H6. Das H steht dabei für “heading” (= englisch für “Überschrift”) und die Zahl drückt die Wichtigkeit der Überschrift aus, wobei die Relevanz von H1 bis H6 absteigt. Die Tags für die Überschriften sehen folgendermaßen aus:

<h1> H1 Überschrift </h1>

<h2> H2 Überschrift </h2>

<h3> H3 Überschrift </h3>

<h4> H4 Überschrift </h4>

<h5> H5 Überschrift </h5>

<h6> H6 Überschrift </h6>

Beispiel

Um das Ganze ein bisschen anschaulicher zu machen, haben wir hier ein kleines Beispiel:

Angenommen auf einer Website ist ein Text über verschiedene Arten von Schuhen zu finden. Die H1 Überschrift der Seite wäre in diesem Fall “Schuhe”. Danach kann beispielsweise eine Unterteilung nach Jahreszeiten erfolgen, woraus sich die beiden H2 Überschriften “Schuhe für den Sommer” und “Schuhe für den Winter” ergeben. Daraufhin können die beiden Bereiche weiter aufgegliedert werden, sodass sich unter der H2 Überschrift “Schuhe für den Sommer” z.B. die H3 Überschriften “Sandalen”, “Flip-Flops”, “Ballerinas” etc. befinden.

Was man bei der Wahl der Überschriften beachten sollte

Nachfolgend werden einige Punkte aufgeführt, die bei der Wahl der Überschriften aus SEO Gründen sowie zum Zweck der Optimierung der User Experience beachtet werden sollten.

H1 Überschrift

Die H1 Überschrift ist die wichtigste Überschrift auf einer Seite und sollte deshalb den gesamten Inhalt der Seite zusammenfassen sowie idealerweise wichtige Keywords enthalten. Darüber hinaus muss sie das Interesse des Users wecken, damit sich dieser mit den Inhalten der Webseite auseinandersetzt.

Weiterhin enthält jede Seite bestenfalls nur eine H1 Überschrift, da es sich hierbei um die Hauptüberschrift der Seite handeln sollte. Zwar stellt es für Google kein Problem dar, wenn eine Seite mehrere H1-Überschriften enthält^[1], allerdings könnte sie dadurch für den Nutzer schnell unübersichtlich wirken. Deshalb sollten nur mehrere H1 Überschriften verwendet werden, wenn dies aufgrund von sehr umfangreichem Content zwingend notwendig ist, aber auch dann sollte man es nicht übertreiben. In dem meisten Fällen sollte eine H1 Überschrift völlig ausreichend sein.

Des Weiteren sollte die Überschrift weder zu kurz, noch zu lang sein. Eine Länge von maximal 80 Zeichen kann dabei als grober Richtwert herangezogen werden, um den Inhalt des nachfolgenden Abschnitts prägnant aber dennoch ausreichend informativ zu beschreiben.

Häufig gemachte Fehler im Rahmen der Gestaltung der H1 Überschrift umfassen außerdem zu allgemein formulierte Überschriften (z.B. Herzlich Willkommen) oder die Verwendung der gleichen Überschrift für mehrere Seiten (z.B. Unternehmensname).

Allgemeine Aspekte bei der Wahl von Überschriften

Grundsätzlich sollten Überschriften natürlich immer zum Inhalt einer Seite passen und dabei, wenn möglich, die wichtigsten Keywords enthalten. Diese sollten jedoch auch den tatsächlichen Inhalt eines Absatzes wiedergeben, da man ansonsten für Suchmaschinen konstruierte Überschriften erhält, die dem User keinen Mehrwert liefern. Google erkennt solches Keyword-Stuffing und straft dieses entsprechend ab. Darüber hinaus ergibt sich das Vorhandensein von Keywords in den Überschriften meist automatisch, wenn man eine logisch strukturierte Seite mit hochwertigem Content besitzt.

Weiterhin ist bei der Wahl der Überschriften darauf zu achten, dass diese den Text logisch strukturieren und den “roten Faden” der Seite abbilden. Außerdem sollten sie einen hohen Informationsgehalt aufweisen, sodass der User weiß, worum es auf einer Seite geht, ohne jeden Absatz vollständig gelesen zu haben. Grundsätzlich kann man sich dabei die eigene Internetseite wie ein Word-Dokument vorstellen. So wie dieses Dokument wird auch eine Seite im Internet durch aussagekräftige Überschriften in Absätze untergliedert und damit logisch und hierarchisch strukturiert.

Ein weiterer Punkt, der beachtet werden sollte, ist die Einhaltung der korrekten, hierarchisch absteigenden Reihenfolge der Überschriften, auf H1 folgt also H2, dann H3 und so weiter. Dabei sollte keine Hierarchieebene ausgelassen werden (z.B. sollte nach der H2 keine H4 folgen und die H3 ausgelassen werden). Auch die Anzahl der Überschriften sollte stets in einem angemessen Verhältnis zur gesamten Textmenge gewählt werden. Denn während zu viele Überschriften dem User keinen Mehrwert mehr bieten, können zu wenige Überschriften dazu führen, dass der Text unübersichtlich wird und dessen Inhalt nur schwer erfasst werden kann. Darüber hinaus kommt (außer der H1 Überschrift) jede Überschriftenhierarchie niemals nur einmal vor, da die Überschrift ansonsten auch weggelassen werden kann. Auch hier ist der Vergleich mit einem Word-Dokument hilfreich, wo beispielsweise niemals der Punkt 3.1 ohne den Punkt 3.2 stehen darf.

Ein weiterer bedeutender Aspekt, der häufig außer Acht gelassen wird, ist derjenige, dass Überschriften lediglich zur semantischen Auszeichnung eines Textes dienen und deshalb niemals zur optischen Anpassung der Schriftgröße etc. verwendet werden sollten. Das Layout und die Größe der Überschriften können später nämlich problemlos über CSS angepasst werden. Weiter sollten Überschriften nicht für Navigationselemente wie Menüs oder Links sowie für das umfließende Layout (z.B. Kontaktformular, Blogroll usw.) verwendet werden, sondern immer einen Bezug zum spezifischen Inhalt einer Seite aufweisen.

Einzelnachweise

1. ↑ Multiple H1 Headings: How to Handle Them for SEO & Accessibility? Google Search Central YouTube-Kanal. Abgerufen am 27.10.2022.

Ähnliche Artikel

• Meta Title
• Strong- und Bold-Tags

Über den Autor

Das Seobility Wiki Team besteht aus SEO-, Online-Marketing- und Web-Experten mit praktischer Erfahrung in den Bereichen Suchmaschinenoptimierung, Online-Marketing und Webentwicklung. Alle unsere Artikel durchlaufen einen mehrstufigen Redaktionsprozess, um Dir die bestmögliche Qualität und wirklich hilfreiche Informationen bieten zu können. Mehr Informationen über das Seobility Wiki Team.