Überschriften H1 bis H6 richtig einsetzen

In HTML werden Überschriften mit den HTML Tags H1 bis H6 (h für Englisch »heading«) erzeugt. Dabei ist H1 die wichtigste Überschrift (Hauptüberschrift) und H6 die am wenigsten wichtige Überschrift. Eine H6 Überschrift ist aber immer noch wichtiger als normaler Text. Überschriften werden mit den HTML Tags <h1>, <h2>, <h3>, …, <h6> eingeleitet und müssen mit dem zugehörigen End-Tag </h1>, </h2>, </h3>, …, </h6> abgeschlossen werden. Ohne CSS werden die Überschriften standardmäßig in 6 abgestuften Schriftgrößen dargestellt.

Eine Überschrift 1. Ordnung wird mit dem HTML <h1> Tag erzeugt.

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

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

Überschriften bilden hierarchische Bereiche und strukturieren den Text einer Webseite für Leser und Suchmaschinen. Es sollten keine Überschriftenebenen übersprungen oder ausgelassen werden. Die Überschrift H1 sollte auf einer Webseite nur einmal verwendet werden. Die übrigen Überschriften (H2 bis H6) sollten in einer logischen Reihenfolge verwendet werden. Für die meisten Webseiten reichen die Überschriften H1 bis H3 völlig aus.

Beachte, dass das abschließende (korrekte) End-Tag der Überschrift notwendig ist.

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