Die Heading-Hierarchie ist die logische Verschachtelung der Überschriften von H1 bis H6, die den Inhalt einer Seite gliedert, ähnlich einem Inhaltsverzeichnis.
Die ordnet Überschriften nach ihrer Bedeutung: Die nennt das Hauptthema, H2-Überschriften gliedern die Hauptabschnitte, H3-Überschriften unterteilen einzelne Abschnitte weiter. So entsteht eine nachvollziehbare Struktur, die Nutzern, Screenreadern und Maschinen die Orientierung erleichtert.
Eine saubere Struktur folgt der Inhaltslogik, etwa H1, H2, H3, H3, H2. Als Best Practice sollten Ebenen nicht unnötig übersprungen werden, also nicht von H2 direkt zu H4.
Häufige Probleme einer unklaren Struktur sind:
übersprungene Ebenen,
leere Überschriften-Tags,
generische Titel wie „Mehr erfahren“,
Überschriften, die nur fürs Design gewählt werden.
Überschriften sind Strukturinformation, kein Stilmittel: Die Bedeutung steuert das , das Aussehen die .