Überschriften strukturieren Inhalte nicht nur visuell, sondern auch semantisch. Sie sind ein zentraler Bestandteil barrierefreier und suchmaschinenfreundlicher Webseiten.
Barrierefreiheit: Screenreader-Nutzer orientieren sich an Überschriften und können so schneller durch die Seite navigieren.
SEO: Suchmaschinen nutzen Überschriften, um Inhalte und relevante Keywords besser zu verstehen.
Struktur: Klare Headlines helfen Besuchern, Inhalte schneller zu erfassen.
Grundregel:
Jede Überschrift sollte den folgenden Inhalt präzise beschreiben und verständlich formuliert sein.
Die H1 auf deiner Karriereseite
Auf der Karriereseite wird die H1 automatisch gesetzt.
Sie ist nicht sichtbar, aber für Screenreader und Suchmaschinen vollständig erkennbar.
Die H1 wird aus dem Meta-Title generiert.
Standardtitel:
„Karriereseite und Stellenangebote – %customer.name%“
Die Variable %customer.name% wird automatisch durch deinen Unternehmensnamen ersetzt.
Den Titel kannst du jederzeit anpassen. Öffne dazu die Einstellungen deiner Karriereseite und wechsle zum Reiter „SEO“.
Diese sachliche, standardisierte Formulierung erfüllt sowohl Barrierefreiheits- als auch SEO-Anforderungen.
Vorteil:
Du kannst deine erste sichtbare Überschrift (meist eine H2) freier und emotionaler formulieren, ohne die strukturelle oder SEO-relevante H1 zu beeinflussen.
Wenn du den Meta-Title änderst, ändert sich automatisch auch die H1.
Berücksichtige das bei der Optimierung.
H2 und H3 auf deiner Karriereseite
Die softgarden Karriereseite nutzt für sichtbare Inhalte ausschließlich H2- und H3-Überschriften. H4 bis H6 werden nicht verwendet – aus SEO-Sicht ist das unproblematisch.
Die meisten Komponenten erzeugen Überschriften automatisch und korrekt verschachtelt. Dadurch entsteht eine saubere Hierarchie.
Besonderheit bei einigen Komponenten
In sechs Komponenten ist standardmäßig eine H2 hinterlegt. Diese kann jedoch vom Nutzer gelöscht werden.
Mögliche Folge
Wird die H2 entfernt, während in der Komponente weiterhin eine H3 vorhanden ist, entsteht eine fehlerhafte Struktur: H1 → H3 (ohne H2)
Damit wird die logische Überschriftenhierarchie unterbrochen.
Wenn dir eine WCAG-konforme Struktur wichtig ist, solltest du die H2 in diesen Komponenten nicht entfernen.
Komponenten, die deine Aufmerksamkeit erfordern
Die folgenden Komponenten enthalten standardmäßig eine H2-Überschrift, die du zwar löschen kannst, aber nicht entfernen solltest.
Diese Komponenten enthalten zusätzlich eine H3.
Wenn die H2 gelöscht wird, entsteht eine fehlerhafte Struktur (H1 → H3) und die semantische Hierarchie wird unterbrochen.
Wenn dir eine barrierefreie und semantisch korrekte Überschriftenstruktur wichtig ist, sollte die H2 bestehen bleiben.
Wurde sie bereits gelöscht, füge sie manuell wieder ein.
Betroffene Komponenten:
Schnellbewerbung
Keyvisual mit Jobs
Team
Multifunktionale Teaser
Große Teaser
Einstellungsprozess
Empfehlungen zur richtigen Verwendung
Formuliere nicht zu generisch.
Überschriften wie „Willkommen“ sagen inhaltlich wenig aus.Die erste sichtbare H2 darf emotional sein.
Sie kann kreativ formuliert sein, sollte aber relevante Keywords enthalten, wenn SEO wichtig ist.Nutze Überschriften nicht nur für das Design.
Verwende sie nicht, um Text einfach größer darzustellen.Formuliere klar und aussagekräftig.
Überschriften sollten Inhalte strukturieren und auch ohne Kontext verständlich sein – für Menschen und Suchmaschinen.