Headline Components
Headlines are essential for organizing your page effectively.
Incorporating headings in longer texts is crucial as they aid all readers in grasping the content and locating information swiftly, which is particularly important for accessibility. Moreover, utilizing headings assists search engines in identifying relevant information.
Hi! I´m a headline component - your key to punchy titles and organized content
Best practice
Always select the correct heading level to create a good heading structure on the page.
- Always start the page with a Heading 1.
- A Heading 2 should always follow the Heading 1.
- A Heading 3 (or another Heading 2) should follow a Heading 2.
- Do not skip a heading level, for example having a Heading 3 follow directly after the Heading 1.
- When a section ends you can always go back to a lower numbered heading. So if a section ends with a Heading 4 as last heading, the next section could start with a Heading 2. The important thing is to not skip a heading level.
Headings help search engines find relevant information on the pages.
- Headings are especially important for screen reader users.
- They can jump between headings to avoid going through all the text.
- Therefore, it is important to write headings that are understandable even outside their context.
Configuration in AEM
Choose a heading style that suits your content. There are four options available, each fitting different situations. Remember, Heading 1 should only be used once per page. The headline style determines the visual strength of your headings, ranging from large to small. It's essential for creating a clear structure on your page, indicating what's important and how different sections relate to each other.
If you find the spacing under the headline too big you can remove 12 px of it by clicking the Remove bottom spacing option.
