H-Überschriften
Bei der Erstellung von Contentseiten ist es wichtig darauf zu achten, die Inhalte hierarchisch zu strukturieren. Ähnlich wie die unterschiedlichen Schriftformate in Word (Überschrift, Zwischenüberschrift, Fließtext) wird die Hierarchie auf Webseiten mithilfe von H-Tags definiert.
Warum ist das wichtig?
- Suchmaschinen „crawlen“ die Inhalte einer Seite. Wenn die Struktur einer Seite nicht richtig angelegt ist, wirkt sich dies enorm auf das Suchmaschinen-Ranking aus. Das bedeutet: Ihre Seite wird über Suchmaschinen weit unten oder gar nicht angezeigt.
- Barrierefreiheit: Screenreader lesen Webseiten u. a. anhand der Struktur. Wenn die Inhalte nicht entsprechend angelegt sind, können Screenreader sie nicht richtig interpretieren. Wir als Mitglieder der Ruhr-Universität Bochum sind durch das Barrierefreiheitsstärkungsgesetz gesetzlich verpflichtet unsere Seiten barrierefrei zu gestalten.
> Siehe Seite des Bundesministeriums für Arbeit und Soziales
Wie definiere ich H-Überschriften?
- Wichtig: Pro Seite darf und muss nur eine H1-Überschrift definiert werden. Diese definierte H1-Überschrift ist wichtig für die Auffindbarkeit über Suchmaschinen und sollte das Hauptthema der Seite nennen (z. B. Team, Forschung, Publikationen). Wenn Sie mehr als eine H1-Überschrift definiert haben, wirkt sich dies negativ auf das Suchmaschinenranking aus.
- Die darunterliegenden Überschriften sollten entsprechend der Grafik anglegt werden. Auf eine H1-Überschrift sollte bspw. keine H3-Überschrift folgen, auf eine H2-Überschrift keine H5 usw. H2 bis H5-Überschriften können mehrfach auf einer Seite verwendet werden.
Definition von H-Überschriften in Typo3
- Im Text & Medien Element können Sie im Reiter "Allgemein" die Einstellungen der Überschrift definieren. Die H1 sollte im obersten Element der Seite mithilfe des Dropdown-Menüs "Typ" gesetzt werden.
Hinweis: Bei Verwendung der Option "Default" wird eine H2 verwendet. Eine H1 muss manuell definiert werden. Somit wird verhindert, dass versehentlich mehrere H1-Überschriften auf einer Seite verwendet werden. - Anpassungsmöglichkeiten
Es kann z. B. vorkommen, dass nach einer H1 eine H4 gefälliger aussieht. In diesem Falle setzen Sie im Feld "Typ" die Headline auf H2 (damit dies der Hierarchie entspricht), und das nebenliegende Feld "Headline font-size" auf "Wie H4". Somit sieht die Überschrift wie eine H4 aus, ist aber strukturell eine H2 und folgt der vorgegebenen Struktur.
