Aus den Überschriften-Typen in einem Text, sollte die semantische Struktur des Textes zu erkennen sein.
H1
Der H1-Tag wird automatisch für den Titel eines Beitrags oder einer Seite angewendet und kann nicht geändert werden. Er sollte im Text nicht nochmal vorkommen.
H2
Der H2-Tag ist für Zwischenüberschriften und kann mehrfach verwendet werden (wie die anderen H‑Tags auch).
H3
Der H3-Tag ist für Unterüberschriften und sollte nie über einem H2-Tag vorkommen (entsprechendes gilt für die anderen H‑Tags).
H4
Der H4-Tag ist für Überschriften innerhalb eines mit H3 überschriebenen Textabschnitts.
H5
Der H5-Tag ist für Überschriften innerhalb eines mit H4 überschriebenen Textabschnitts.
H6
Der H6-Tag ist für Überschriften innerhalb eines mit H5 überschriebenen Textabschnitts.
Bei der Textgliederung sollten Überschriftenstufen auf dem Weg nach unten nicht übersprungen werden.
Überschriften-Tags sollten entsprechend ihrer semantischen Ordnung in der Größe angepasst sein.
Schlechtes Beispiel: Das Design TwentyTwentyOne
| H1 | 96 px |
| H2 | 48 px |
| H3 | 32 px |
| H4 | 24 px |
| H5 | 18 px |
| H6 | 16 px |
| Text | 20 px! |
Besser wäre es z. B. so:
| H1 | 74 px |
| H2 | 60 px |
| H3 | 48 px |
| H4 | 38 px |
| H5 | 30 px |
| H6 | 24 px |
| Text | 20 px |

Nach Klicken auf das ⓘ im Gutenberg-Editor wird die Gliederung des Dokuments angezeigt.

Der Hinweis bei H1 ist hier berechtigt. Zu fragen ist, warum H1 im Editor überhaupt angeboten wird.
Schreibe einen Kommentar
Du musst angemeldet sein, um einen Kommentar abzugeben.