Überschriften H1 bis H6 richtig einsetzen

Überschriften sind Block-Elemente, die einen automatischen Zeilenumbruch erzeugen. Deshalb sind vor und nach der Überschrift Zeilenwechsel mit <br> nicht notwendig.

In HTML werden Überschriften mit den HTML Tags H1 bis H6 (H für Englisch: Heading) erzeugt. Dabei ist H1 die wichtigste Überschrift. Ihr folgen der Rangfolge nach geordnet (hierarchisch) die Überschriften H2, H3, …

H1 markiert die Hauptüberschrift der Webseite und sollte auf jeder Webseite genau einmal vorkommen. Um dem Text logisch zu strukturieren, sollten die Überschriften H2, H3, … verwendet werden. Durch Zwischenüberschriften lässt sich der Text in logische Abschnitte unterteilen.

Überschriften werden mit den HTML Tags <h1>, <h2>, <h3>, … eingeleitet und mit dem zugehörigen End-Tag </h1>, </h2>, </h3>, … abgeschlossen. Ohne CSS werden die Überschriften standardmäßig in 6 abgestuften Schriftgrößen dargestellt.

Eine Überschrift 1. Ordnung (Hauptüberschrift) wird mit dem HTML <h1> Tag erzeugt.

<h1>Dies ist eine Überschrift 1. Ordnung</h1>

Eine Überschrift 2. Ordnung wird mit dem HTML <h2> Tag erzeugt.

<h2>Dies ist eine Überschrift 2. Ordnung</h2>

Eine Überschrift 3. Ordnung wird mit dem HTML <h3> Tag erzeugt.

<h3>Dies ist eine Überschrift 3. Ordnung</h3>

Überschriften bilden hierarchische Bereiche und strukturieren den Text einer Webseite für Leser und Suchmaschinen. Es sollten keine Überschriften-Ebenen übersprungen oder ausgelassen werden. Für die meisten Webseiten reichen die Überschriften H1 bis H3 völlig aus.

Das korrekte abschließende End-Tag der Überschrift ist notwendig.