H1-Überschrift

Die H1-ÜberschriftDie H1 ist die Hauptüberschrift einer Webseite. Sie benennt das zentrale Thema, ist für Nutzer sichtbar und sollte pro Seite in der Regel nur einmal vorkommen.Zum Glossareintrag → ist das oberste Element der Überschriften-HierarchieDie Heading-Hierarchie ist die logische Verschachtelung der Überschriften von H1 bis H6, die den Inhalt einer Seite gliedert, ähnlich einem Inhaltsverzeichnis.Zum Glossareintrag → und beschreibt das Hauptthema einer Seite. Für Nutzer bestätigt sie, dass sie auf der richtigen Seite sind, für Screenreader ist sie ein zentraler Orientierungspunkt, und Suchmaschinen nutzen sie zur thematischen Einordnung.

Wichtig ist, dass die H1 ein echtes <h1>-Element ist und nicht nur ein optisch großer Text in einem <div> oder <span>. Häufige Probleme:

• gar keine H1 im sichtbaren Hauptinhalt,
• das Logo ist fälschlich als H1 ausgezeichnet,
• die H1 wird erst per JavaScript nachgeladen.

Als Best Practice gilt eine klare H1 pro Seite. Mehrere H1 sind technisch erlaubt und keine automatische Strafe, meist aber schlechter für Klarheit. H1 und Title sollten thematisch zusammenpassen, ohne identisch sein zu müssen.

Regeln, die wirklich zählen #

Genau eine H1 pro Seite verwenden und darin das Kernthema der Seite beschreiben — sie ist das stärkste On-Page-Signal dafür, worum es im Dokument geht. Die H1 darf vom Title-TagDer Title-Tag ist ein HTML-Element im einer Seite, das den Seitentitel definiert. Er erscheint im Browser-Tab und kann als klickbarer Titel im Suchergebnis verwendet werden.Zum Glossareintrag → abweichen (der fürs Suchergebnis-SnippetEin Snippet ist die kompakte Darstellung eines Treffers in den Suchergebnissen, meist bestehend aus Title, URL und Beschreibung. Es ist das, was Nutzer vor dem Klick sehen.Zum Glossareintrag → optimiert), aber beide müssen dieselbe Intention treffen. Unterhalb der H1 die Hierarchie sauber halten: H2 für Abschnitte, H3 für Unterabschnitte, keine übersprungenen Ebenen.

Häufige Fehler #

Typische Fehler sind Seiten, deren «Überschrift» ein gestyltes <div> ist (gar keine H1), mehrere H1s aus unachtsamen Komponenten und H1s mit dem Markennamen statt dem Thema. Screenreader, Crawler und KI-Modelle beginnen bei der H1 zu lesen — sie soll ihnen sagen, wo sie sind.