H1-H6: Alles, was du über Überschriften wissen musst!

Überschriften werden auf vielen Webseiten falsch eingesetzt. Meistens geht Optik vor Logik. Und in vielen Fällen weiß der Bearbeiter der Website gar nicht, welchen Sinn und Zweck Überschriften auf einer Website eigentlich haben.

Viele wissen zwar, dass Überschriften, was mit SEO zu tun haben und man Keywords darin verstecken sollte. Aber meist wird dann nur etwas gemacht, damit was gemacht wurde. In diesem Ratgeber erfährst du ALLES, was du über Überschriften auf Webseiten wissen musst. Auch in Bezug auf SEO.

H1-H6: Alles, was du über Überschriften wissen musst!

Die Logik hinter der Überschriftenstruktur

Hinter jedem Pagebuilder, jedem CMS und jedem Baukasten verbirgt sich Quellcode der Auszeichnungssprache HTML. Dort wird definiert, wie und in welcher Reihenfolge die Website aufgebaut ist. HTML hat verschiedene Elemente, wie zum Beispiel: Absätze, Überschriften, Bilder, Listen, …

Zusätzlich zu HTML gibt es noch CSS. Mit CSS kann man die einzelnen HTML-Elemente „aufhübschen“. Sprich, man kann mit CSS definieren, dass Absätze immer in Schriftgröße 20 und der Farbe Blau angezeigt werden. Das kann man sowohl für komplette Elementgruppen (alle Absätze) oder nur für einzelne Elemente (einen bestimmten Absatz) bestimmen.

Wie gerade schon beschrieben, gibt es in HTML auch ein Element für Überschriften. Genauer gesagt, sind es aber mehrere Elemente, die eine komplette Überschriftenstruktur darstellen.

Die Überschriftenstruktur in HTML ist nicht nur eine Formatierungsrichtlinie, sondern eine logische Struktur, die einer Webseite hilft, organisiert und verständlich zu sein – sowohl für Menschen als auch für Suchmaschinen. Im HTML Quellcode können folgende Überschriften ausgezeichnet werden.

Überschriften sind hierarchisch angeordnet

Damit du die Hierarchie und deren Notwendigkeit besser verstehst, schauen wir uns einmal eines der beststrukturiertesten Bücher der Welt an: die Bibel. Sie ist in zwei einzelne Bücher gegliedert: das alte und das neue Testament. Jedes Testament besteht aus kleineren Büchern, die in Kapitel und Verse aufgegliedert sind. Durch diese klare Strukturierung ist es einfach, spezifische Passagen zu finden und den Kontext zu verstehen.

Setzen wir jetzt die HTML-Überschriftenstruktur mit der Überschriftenstruktur der Bibel gleich, dann kommt Folgendes heraus:

H1 –> Titel des Testaments, einmalig und eindeutig, auf dem Cover sichtbar

H2 –> Buch innerhalb eines Testaments: Unterteilt Hauptinhalt in größere Abschnitte

H3 –> Kapitel innerhalb eines Buches

H4 –> Vers innerhalb eines Kapitels

Daraus ergibt sich also folgende Hierarchie:

Warum Suchmaschinen die Überschriftenhierarchie lieben

Auf einer Website ist das ähnlich wie bei einem Buch. Der Leser soll durch eine korrekte Überschriftenstruktur geleitet werden. Die Überschriften sind also ein roter Faden deiner Inhalte. Damit kann sich der Leser besser und barrierefreier zurechtfinden. Zum Beispiel auch dann, wenn ein Screenreader genutzt wird. Und wir wissen ja: Die Suchmaschine findet alles toll, was für den Leser hilfreich und nützlich ist.

In Google’s Page Speed Insight Tool wird übrigens neben der Geschwindigkeit der Website auch die Barrierefreiheit analysiert. Und wenn die Hierachie nicht stimmt, wird auch das bemängelt.

Ein weiterer Aspekt: Suchmaschinen nutzen Algorithmen, um den Inhalt einer Webseite zu verstehen und zu kategorisieren. Eine klare, logische Überschriftenstruktur hilft dabei, den Inhalt besser zu verstehen und relevante Informationen leichter zu indexieren. Wenn die Überschriftenhierarchie klar und konsistent ist, kann somit auch die Wichtigkeit bestimmter Überschriften besser hervorgehoben werden.

Tipps für eine suchmaschinenoptimierte Überschriftenstruktur

Nimm eine Überschrift, weil sie in die Struktur passt und nicht weil sie optisch passt. Das Optische kannst du im Nachhinein immer noch anpassen.

H1 Überschrift VS. Meta-Title

Viele denken, dass die H1 Überschrift und der Meta-Title dasselbe sind. Dem ist aber nicht so. Wenn man den Quellcode einer Website betrachtet, sieht man, dass es zwei verschiedene Dinge sind. Während sich der Meta-Title im <head> Bereich des HTML-Codes befindet, ist die <H1> im <body> zu finden. Sprich es sind zwei verschiedene Elemente an zwei völlig unterschiedlichen Stellen.

Die H1 ist die Hauptüberschrift der einzelnen Seite. Der Meta-Title ist ein Vorschlag für die Suchmaschine, welcher eventuell angenommen und in den SERPs ausgespielt wird. Dieser Vorschlag wird allerdings nur dann angenommen, wenn die Suchmaschine ihn gut findet.

Das heißt im Umkehrschluss: H1 und Meta-Title müssen nicht identisch sein. Du kannst also die H1 so gestalten, dass sie sich wunderbar als Seitentitel oder Beitragstitel eignet. Den Meta-Title hingegen kannst du so gestalten, dass es sich um eine klickbare Überschrift für die Suchergebnisse handelt.

Wichtig ist nur, laut John Müller von Google, dass H1 und Meta-Title thematisch nicht zu weit auseinander liegen.

Wie wichtig sind Inhaltsverzeichnisse für SEO?

Ein Inhaltsverzeichnis gibt dem Nutzer einen strukturierten Überblick über die Struktur des Inhaltes. So kann der Nutze sich besser zurechtfinden und direkt zu den Punkten springen, die ihn interessieren. Das steigert die Nutzerfreundlichkeit.

Außerdem nutzt Google die Anker-Tags aus den Inhaltsverzeichnissen auch gerne für die SERPs. Sprich, ein Inhaltsverzeichnis kann in den Suchergebnissen bei Google mit aufgeführt werden. So wird etwa das Inhaltsverzeichnis aus meinem Ratgeber „SEO für Selbstständige“ in den SERPs ausgespielt:

Keywords in der Überschrift

In fast jeder SEO-Anleitung steht, dass das Hauptkeyword unbedingt in die H1 Überschrift muss, genauso wie irgendwelche Nebenkeywords unbedingt in die darunterliegenden Überschriften müssen.

Ich sehe das nicht so streng. Wenn ich einen guten, ausführlichen Text über ein Thema schreibe, dann wird automatisch auch das Thema in der Überschrift mit aufgegriffen. Natürlich kannst du dich von Keywords inspirieren lassen. Aber ich würde immer darauf achten, dass der Text passend und lesbar ist.

Überschriften, die nichtssagend wie „Herzlich willkommen auf meiner Website“ sollten natürlich vermieden werden. Der Nutzer soll immer gleich wissen, worum es auf der Seite geht und dann kann Google sich das auch semantisch zusammenreimen.

Was sind gute Überschriften?

Etwas, was ich immer wieder sehe: Sätze oder sogar Absätze werden als Überschriften missbraucht. Dabei sind Überschriften eigentlich dafür gedacht, einen oder mehrere Absätze zusammenzufassen. Der Nutzer soll daraus schließen können, worum es in folgendem Text geht.

Viele Menschen lesen heutzutage nicht mehr den kompletten Text, sondern scannen Abschnitt für Abschnitt und picken sich dann das Interessanteste heraus. Die Überschriften sollten dabei unterstützen.

Fazit: Wie wichtig sind Überschriften jetzt wirklich?

Jetzt wissen wir, wie eine perfekte Überschriftenhierarchie aussehen soll. Und dennoch gibt es viele Websites, die diese nicht befolgen. Mittlerweile haben auch schon diverse wichtige Menschen verlauten lassen, dass es nicht kriegsentscheidend sei, ob es auf einer Seite nur eine oder mehrere H1 Überschriften gibt.

Ich sehe das etwas anders: Warum nicht einmal lernen, wie es geht und es dann immer sauber durchziehen? Wieso nicht Texte so aufbereiten, dass sie von jedem interpretiert werden können – egal ob normaler Leser, Screenreader oder Algorithmus.

Wenn ich Google wäre, würde ich eine technisch sauber aufgebaute und gut strukturierte Website honorieren.