Ü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.

Überschrift 1. Ordnung mit dem <h1> Tag definieren

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

Überschrift 2. Ordnung mit dem <h2> Tag definieren

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

Überschrift 3. Ordnung mit dem <h3> Tag definieren

<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 korrespondierende End-Tag der Überschrift ist notwendig.