Was ist ein Pre-Heading?
Ein Pre-Heading ist ein kurzer, übergeordneter Textabschnitt, der vor einer Hauptüberschrift (meist H1 oder H2) steht. Er dient als inhaltlicher Vorspann – vergleichbar mit dem Teaser auf einem Magazin-Cover, der den Leser vorbereitet und neugierig auf den Haupttitel macht.
Beispiel:
Pre-Heading: „Für mehr Sichtbarkeit im Web“
Heading: „Professionelle SEO-Beratung für kleine Unternehmen“
Warum ist ein Pre-Heading sinnvoll?
Gerade im digitalen Umfeld, wo Nutzer Inhalte oft nur scannen, hilft ein gut platzierter Pre-Heading dabei:
- den Kontext einer Seite klar zu machen
- das Thema emotional oder sachlich anzureichern
- die Verweildauer zu verlängern
- die Leser gezielt in den Text zu führen
- auch KI-Systemen und Google eine klarere Struktur zu liefern
In Verbindung mit einem starken Heading trägt ein Pre-Heading dazu bei, dass Inhalte besser verstanden und eingeordnet werden – sowohl für Menschen als auch für Maschinen.
Wie wird ein Pre-Heading gestaltet?
- Kürzer als die Hauptüberschrift (meist 3–7 Wörter)
- visuell abgesetzt, z. B. durch kleinere Schrift oder eine andere Farbe
- optional in Großbuchstaben oder mit geringerem Zeilenabstand
- semantisch kein Pflicht-H-Tag, aber sollte sauber im HTML strukturiert sein (z. B. als
<p class="pre-heading">…</p>
)
Typische Einsatzbereiche
- auf Landingpages oder Startseiten
- in Teasern für Blogartikel
- in Leistungsübersichten oder Produktkategorien
- bei Full-page Headern, um das Hauptthema vorwegzunehmen
Im besten Fall ist ein Pre-Heading mehr als nur eine inhaltliche Einleitung: Er ist Sprachführung und Designelement in einem.
Der Klicklounge-Tipp
Der Pre-Heading ist klein, aber wirkungsvoll – besonders, wenn es darum geht, den Leser abzuholen, Google mitzunehmen und Klarheit in die Struktur zu bringen. Wir achten bei jedem Webprojekt auf die richtige Kombination aus Pre-Heading, Überschrift und Textfluss. Sprechen Sie uns gern an, wenn Sie Ihre Inhalte strukturell und gestalterisch optimieren möchten.