H1

Ein H1 ist das wichtigste Header-Element im HTML-Code, das den Haupttitel einer Webseite angibt. Dieser Tag teilt Suchmaschinen und Nutzern mit, worum es auf der Seite geht. Jede Seite hat idealerweise genau ein H1, das die Kernaussage zusammenfasst. Die H1 steht an der Spitze der Hierarchie der Überschriften (H1 bis H6) und bestimmt den ersten Eindruck der Besucher und Crawler.

Wie funktioniert das H1 in der HTML-Struktur?

Setzen Sie im HTML-Code ein H1 mit den Tags <h1> und </h1> um den Haupttitel. Standardmäßig zeigen die Browser diesen Text größer und fetter an als normalen Text. Suchmaschinen wie Google verwenden das H1 als starkes Signal für das Thema der Seite. Das Tag erscheint im Quellcode vor dem ersten Absatz. In WordPress oder anderen CMS-Systemen wird das H1-Tag normalerweise automatisch über das Titelfeld ausgefüllt. Die W3C-Richtlinien zur Barrierefreiheit empfehlen eine logische Überschriftenstruktur, bei der das H1-Tag der Ausgangspunkt ist. Bildschirmlesegeräte für Menschen mit Sehbehinderungen navigieren anhand dieser Überschriftenstruktur durch eine Seite.

Warum das H1 entstanden ist und warum es heute wichtig ist

Die Überschriftenhierarchie stammt aus den Anfängen von HTML, als Webseiten hauptsächlich aus Text ohne Formatierung bestanden. H1 bis H6 gaben den Dokumenten eine Struktur, ähnlich wie Titel und Untertitel in einem Textverarbeitungsprogramm. Ab den 2000er Jahren nutzten Suchmaschinen Überschriften zunehmend als Ranking-Faktor. Heute spielt die H1 für die Suchmaschinenoptimierung eine geringere Rolle als früher, bleibt aber ein wichtiger Orientierungspunkt. Google achtet auf die Relevanz zwischen H1 und der Suchabsicht. Für Besucher ist die H1 oft das erste, was sie lesen, um festzustellen, ob sie an der richtigen Stelle sind. Bei Zugänglichkeitsprüfungen ist eine klare H1 eine Grundvoraussetzung.

Was H1 für KMUs leistet

Eine gut gewählte H1 verbessert die Auffindbarkeit Ihrer Seite in Suchmaschinen und hält die Besucher länger bei der Stange. In der Praxis stellen wir bei unseren KMU-Kunden häufig fest, dass Seiten ohne ein klares H1 oder mit mehreren H1-Tags weniger gut gefunden werden. Ein klares H1 hilft Google, Ihre Seite für die richtigen Keywords zu indexieren. Bei Webshops mit Hunderten von Produktseiten macht eine konsistente H1-Struktur den Unterschied im organischen Traffic aus. Bei einer SEO-Reise optimieren wir die H1 als Teil der On-Page-SEO. Besucher scannen Webseiten in einem F-Muster, wobei die H1 am Anfang die meiste Aufmerksamkeit erhält. Ein starkes H1 erhöht die Wahrscheinlichkeit, dass sich jemand zum Rest Ihres Inhalts durchklickt.

Das H1 erscheint auf fast jeder Webseite, aber wie man es einsetzt, hängt vom Seitentyp und dem Zweck ab. Für eine Produktseite wählen Sie eine andere H1 als für einen Blogbeitrag oder eine Landing Page. Im Folgenden lesen Sie, wie Sie die H1 in verschiedenen Situationen geschickt einsetzen und wann Sie bewusst von der Standardregel abweichen sollten.

H1 für SEO-fokussierte Landing Pages

Auf einer Landing Page, die Sie für ein bestimmtes Keyword optimieren, sollten Sie dieses Keyword an prominenter Stelle in der H1 platzieren. Ein Installationsunternehmen, das mit "cv-ketel vervangen Berlin" punkten will, verwendet diesen Begriff buchstäblich in der H1. Dies gibt Google ein klares Signal über den Inhalt der Seite. Achten Sie nur darauf, dass die H1 für Menschen lesbar bleibt. Ein H1 wie "Austausch von Heizkesseln in Berlin: innerhalb von 24 Stunden" funktioniert besser als nur das Keyword. In einer SEO-Strategie sollten Sie die H1 auf die Suchabsicht hinter dem Begriff abstimmen. Bei transaktionalen Keywords fügen Sie ein Handlungselement hinzu, bei informativen Begriffen eine Frage oder ein Versprechen. Die H1 sollte auf jeder Seite einzigartig sein, um Kannibalismus zu vermeiden.

H1 in Blogartikeln und Inhalten der Wissensdatenbank

Bei Artikeln und Wissensseiten formulieren Sie die H1 als Antwort auf die Hauptfrage des Lesers. Zum Beispiel erhält ein Artikel über die Auswahl eines CRM-Systems als H1 "Wie Sie das richtige CRM-System für Ihr KMU auswählen". Die H1 kann hier länger sein als bei einer Produktseite, bis zu etwa 70 Zeichen. In WordPress füllen Sie die H1 automatisch über den Seitentitel aus. Viele Themes zeigen diesen Titel oben auf der Seite an. Bei der Inhalts-SEO achten wir darauf, dass der H1-Titel mit dem Meta-Titel übereinstimmt, aber nicht identisch ist. Google schätzt Abweichungen zwischen Titel und H1, weil sie mehr Kontext bieten. Ein Blog mit 50 Artikeln ohne optimierte H1-Struktur verpasst Chancen in den organischen Suchergebnissen.

H1 auf Homepages und Übersichtsseiten

Die Homepage bildet eine Ausnahme von der Keyword-Regel. Hier verwenden Sie das H1 für Ihr Markenversprechen oder Ihr Alleinstellungsmerkmal. Eine Webdesigner-Agentur wählt zum Beispiel 'Websites, die Ihr Geschäft wachsen lassen' anstelle von 'Webagentur Deutschland'. Das H1 auf der Homepage kann breiter und anspruchsvoller sein. Kombinieren Sie bei Kategorieseiten in einem Webshop den Kategorienamen mit einem Vorteil: 'Bio-Kaffeebohnen: frisch geröstet und sofort geliefert'. Bei Übersichtsseiten hilft die H1 bei der Orientierung der Besucher. Eine H1 wie "Alle Dienstleistungen" ist zu vage. Besser ist 'Unsere Dienstleistungen für nachhaltiges Wachstum von KMU'. Bei einem Webshop-Projekt optimieren wir jede H1-Kategorie separat für Conversion und Auffindbarkeit.

Wann ist H1 die richtige Wahl und wann nicht?

Verwenden Sie eine H1 pro Seite als Hauptregel. Mehr als ein H1 verwirrt Suchmaschinen und Besucher über das Hauptthema. In den alten HTML5-Spezifikationen war es erlaubt, mehrere H1-Tags innerhalb verschiedener <section>-Elemente zu verwenden, aber Google rät davon ab. Ein häufiger Fehler ist die Kennzeichnung des Logos als H1 auf jeder Seite. Dadurch wird das mächtigste Überschriften-Tag für ein Element verschwendet, das nichts über den Inhalt der Seite aussagt. Lassen Sie das H1 weg, wenn Sie eine Landing Page mit einem rein visuellen Helden ohne Textüberschrift erstellen. Verwenden Sie in diesem Fall eine H2 für die erste Textüberschrift. Für Single-Pager mit mehreren Abschnitten ist ein H1-Tag am Anfang die beste Wahl, gefolgt von H2-Tags für jeden Abschnitt.