Was die H1-Überschrift macht

So funktioniert es

HTML kennt sechs Ebenen von Überschriften, <h1> bis <h6>. Die H1 steht an der Spitze: Sie nennt das Thema der ganzen Seite. Darunter gliedern H2 die Abschnitte, H3 die Unterabschnitte und so weiter.

<h1>Steuerberatung für Selbstständige</h1>
<h2>Unsere Leistungen</h2>
<h3>Buchhaltung</h3>

Besucher sehen die H1 meist als größte Überschrift oben auf der Seite. Suchmaschinen lesen daraus, worum es geht. Screenreader-Nutzer springen über die Überschriften durch die Seite, und die H1 ist ihr Einstieg. Mehr zur Gliederung steht in Wie Überschriften eine Seite gliedern.

Worauf es ankommt

• Genau eine H1. Eine Hauptüberschrift macht das Thema eindeutig. Hat die Seite mehrere, mach die wichtigste zur H1 und die anderen zu H2.
• Mit Text. Eine H1, die nur ein Logo als Bild enthält, ist für die Prüfung leer. Nimm eine Überschrift aus echtem Text.
• Sichtbar. Die H1 gehört sichtbar auf die Seite, nicht versteckt per CSS.
• Nennt das Thema. „Willkommen“ sagt nichts. Besser ist, was die Seite bietet, ähnlich wie der Seitentitel, aber für Leser auf der Seite formuliert.
• Überschrift, nicht Schriftgröße. Ob etwas H1 oder H2 ist, richtet sich nach der Bedeutung. Wie groß es aussieht, regelt das CSS.

So richtest du es ein

In den meisten CMS ist der Seitentitel, den du im Editor oben einträgst, automatisch die H1. Häufige Fehler stecken im Theme: Das Logo im Kopfbereich ist auf jeder Seite als H1 ausgezeichnet, oder Überschriften im Seitenbaukasten sind alle als H1 gesetzt. Im Block-Editor wählst du die Ebene einer Überschrift in ihren Einstellungen; im Theme ändert das deine Agentur oder wer die Vorlagen pflegt.

Im HTML reicht eine sichtbare Überschrift, die das Thema der Seite nennt:

<h1>…</h1>