Direkt zum Inhalt springen

Überschriften und deren Strukturierung

Hierarchie einhalten

Eine Seite sollte immer nur eine «Überschrift 1» (der rote Haupttitel) enthalten. Weitere Überschriften (2 bis 6) dürfen sich wiederholen. In der Reihenfolge ist aber darauf zu achten, dass die Hierarchie eingehalten wird und keine Überschriften-Ebene übersprungen wird.
Die «Überschrift 2» sollte demnach die Seite gegebenenfalls in weitere Kaptitel unterteilen. «Überschriften 3» diese Unterkapitel wieder weiter, und so fort.

Zwischentitel Überschrift 3

Oder anders gesagt: Die eine oder andere Überschrift sollten nicht aus optischen Gründen gewählt werden, sondern helfen die Hierarchie des Seiteninhaltes semantisch abzubilden.

Noch eine Überschrift 2

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Und wieder eine Überschrift 3

Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec sed odio dui. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Und eine Überschrift 4

Nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

 

Überschriften 2 auf Mobilgeräten

Mobilgeräte mit kleinen Bildschirmen stellen bei Mehrspalten-Layouts automatisch alle zur «Überschrift 2» gehörenden Inhalte in der Hauptspalte (also alles bis zur nächsten «Überschrift 2») zugeklappt dar. Per Klick auf die Überschrift kann der Inhalt aufgeklappt werden. Damit lässt sich auf Mobilegeräten auch bei langen Inhaltsseiten schnell ein guter Überblick gewinnen – wenn deren Überschriften sinnvoll eingesetzt wurden und klar benannt sind.