General
Headlines structure content not only visually, but also semantically - and are therefore a central component of accessible and search engine-friendly websites.
For screen reader users, correctly used headlines provide orientation and enable quick navigation through the page.
For search engines, they help to understand the page content and better categorise relevant keywords.
Each heading should be composed in a meaningful way and describe the following content accurately.
The H1 on your career site
The H1 is automatically set in the career page - invisible, but fully recognisable for screen readers and search engines.
This H1 is generated from the meta title. The default title is:
"Careers page and job offers - %customer.name%" The variable
%customer.name%is automatically replaced by your company name.
You can customise this title at any time - open the settings of your careers page and switch to the "SEO" tab.
This factual, standardised formulation fulfils both accessibility requirements and SEO criteria.
Advantage: You can make your first visible heading (usually H2) more emotional and in a less restricted way without affecting the structural or SEO-relevant H1.
Note: Changing the meta title also leads to a change in the H1 - this should be taken into account during optimisation.
H2 and H3
The Softgarden career site only uses H2 and H3 headings for the visible content. H4 to H6 are not used - which is unproblematic from an SEO perspective.
Most components generate the headings automatically and correctly nested so that a clean hierarchy is created.
Six special components have an H2 built in by default, but this can be deleted by the user.
Problem: If this H2 is removed and the component still contains an H3, the logical structure breaks (H1 → H3 without H2).
You should not remove the H2 in these cases if a WCAG-compliant structure is important to you.
Components that require your attention
The following components contain an H2 heading by default, but this can be removed by the user.
As these components also contain an H3, it is important that the H2 is not deleted in order to maintain the barrier-free and semantically correct heading structure. If the H2 has been removed, we recommend re-entering it manually.
Affected components:
Quick Application
Key Visual with Jobs
Team
Multipurpose Teasers
Large Teasers
Recruitment process
Recommendations for proper use
Don't be too generic - headlines like "Welcome" say little in terms of content.
The first visible H2 can be emotional or creative, but should still contain relevant keywords if SEO plays a role.
Never use headlines for purely visual purposes - for example, just to make text bigger.
Use meaningful, structuring headlines that are understandable even without context - for both humans and machines.