Zum Hauptinhalt springen

Überschriften: Für eine barrierefreie und strukturierte Karriereseite

Vor über einem Monat aktualisiert

Allgemein

Headlines strukturieren Inhalte nicht nur visuell, sondern auch semantisch – und sind damit ein zentraler Bestandteil barrierefreier und suchmaschinenfreundlicher Webseiten.

  • Für Screenreader-Nutzer bieten korrekt eingesetzte Überschriften Orientierung und ermöglichen eine schnelle Navigation durch die Seite.

  • Für Suchmaschinen helfen sie, den Seiteninhalt zu verstehen und relevante Keywords besser einzuordnen.

  • Jede Überschrift sollte aussagekräftig formuliert sein und den folgenden Inhalt treffend beschreiben.


Die H1 in Ihrer Karriereseite

image

  • In der Karriereseite ist die H1 automatisch gesetzt – und zwar unsichtbar, aber für Screenreader und Suchmaschinen vollständig erkennbar.

  • Diese H1 wird aus dem Meta-Title generiert. Der Standardtitel lautet:
    „Karriereseite und Stellenangebote – %customer.name%“
    Die Variable %customer.name% wird automatisch durch Ihren Unternehmensnamen ersetzt.

Diesen Titel können Sie jederzeit anpassen – öffnen Sie dazu die Einstellungen Ihrer Karriereseite und wechseln Sie zum Reiter „SEO“.

  • Diese sachliche, standardisierte Formulierung erfüllt sowohl Barrierefreiheitsanforderungen als auch SEO-Kriterien.

  • Vorteil: Sie können Ihre erste sichtbare Überschrift (meist H2) freier und emotionaler gestalten, ohne die strukturelle oder SEO-relevante H1 zu beeinflussen.

Hinweis: Eine Änderung des Meta-Titels führt gleichzeitig zu einer Änderung der H1 – dies sollte bei der Optimierung berücksichtigt werden.


H2 und H3

  • Die softgarden Karriereseite verwendet ausschließlich H2- und H3-Überschriften für die sichtbaren Inhalte. H4 bis H6 werden nicht verwendet – was aus SEO-Sicht unproblematisch ist.

  • Die meisten Komponenten erzeugen die Überschriften automatisch und korrekt verschachtelt, sodass eine saubere Hierarchie entsteht.

  • In sechs speziellen Komponenten ist standardmäßig eine H2 eingebaut, die aber vom Nutzer gelöscht werden kann.

    • Problem: Wenn diese H2 entfernt wird und die Komponente weiterhin eine H3 enthält, bricht die logische Struktur (H1 → H3 ohne H2).

Sie sollten die H2 in diesen Fällen nicht entfernen, wenn ihnen eine WCAG-konforme Struktur wichtig ist.


Komponenten, die Ihre Aufmerksamkeit erfordern

Folgende Komponenten enthalten standardmäßig eine H2-Überschrift, die jedoch vom Nutzer entfernt werden kann.


Da diese Komponenten zusätzlich eine H3 enthalten, ist es wichtig, dass die H2 nicht gelöscht wird, um die barrierefreie und semantisch korrekte Überschriftenstruktur zu wahren. Sollte die H2 entfernt worden sein, empfehlen wir, diese manuell wieder einzutragen.


Betroffene Komponenten:

  • Schnellbewerbung

  • Keyvisual mit Jobs

  • Team

  • Multifunktionale Teaser

  • Große Teaser

  • Einstellungsprozess


Empfehlungen zur richtigen Verwendung

  • Nicht zu generisch formulieren – Headlines wie „Willkommen“ sagen inhaltlich wenig aus.

  • Die erste sichtbare H2 darf emotional oder kreativ sein, sollte aber dennoch relevante Keywords enthalten, wenn SEO eine Rolle spielt.

  • Headlines nie für rein visuelle Zwecke verwenden – etwa um Text nur größer zu machen.

  • Nutzen Sie aussagekräftige, strukturierende Überschriften, die auch ohne Kontext verständlich sind – sowohl für Menschen als auch für Maschinen.


Hat dies deine Frage beantwortet?