Überschriften-Tags — H1 bis H6 — sind HTML-Elemente, die den Inhalt einer Webseite hierarchisch strukturieren. Sie helfen Suchmaschinen, die Organisation und die behandelten Themen einer Seite zu verstehen, verbessern das Leseerlebnis der Besucher und fördern die Barrierefreiheit des Inhalts.
Was sind die Überschriften-Tags H1-H6?
Die Tags h1 bis h6 sind semantische HTML-Elemente, die Titel und Untertitel einer Seite definieren. Die H1 ist die Hauptüberschrift der Seite — sie sollte nur einmal vorkommen. H2-Tags strukturieren die Hauptabschnitte, H3-Tags die Unterabschnitte und so weiter bis H6. Diese Hierarchie hilft Google, primäre und sekundäre Themen auf der Seite zu identifizieren und die Inhaltsstruktur besser zu verstehen.
H1 vs. Title-Tag: zwei unterschiedliche Elemente
Einfluss der Überschriften-Tags auf das Ranking
Überschriften-Tags sind ein direktes Rankingsignal für Google. Insbesondere die H1 sendet ein starkes Signal über das Hauptthema der Seite — sie muss das Ziel-Keyword enthalten. H2 und H3 helfen Google durch semantische Varianten und sekundäre Keywords, die Tiefe und Breite des Inhalts einzuschätzen. Eine gut aufgebaute Überschriftenhierarchie verbessert zudem die Chancen, für Featured Snippets (Hervorgehobene Auszüge) ausgewählt zu werden.
Best Practices für Überschriften-Tags
- Nur eine H1 pro Seite, die das primäre Keyword der Seite enthält
- H2-Tags strukturieren die Hauptabschnitte — sekundäre Keywords und semantische Varianten einbauen
- H3-Tags detaillieren Unterthemen der H2-Abschnitte — nützlich für Merkmalslisten und Spezifikationen
- Logische Hierarchie einhalten: nicht von H2 auf H4 springen ohne zwischengeschaltete H3
- Beschreibende, leserfreundliche Überschriften verfassen — nicht nur für Suchmaschinenroboter
- Keyword-Stuffing in Überschriften vermeiden — ein klares, natürliches Thema pro Überschrift
Barrierefreiheit und Nutzererlebnis
Überschriften-Tags spielen eine wichtige Rolle für die Barrierefreiheit. Screenreader, die von sehbeeinträchtigten Nutzern verwendet werden, stützen sich auf die Überschriftenhierarchie, um im Inhalt zu navigieren. Ein Dokument, das korrekt mit logischen Überschriften strukturiert ist, ermöglicht diesen Nutzern, die Seite schnell zu erfassen und direkt zu den gewünschten Abschnitten zu navigieren. Das ist sowohl ein Inklusionsgebot als auch ein positives Qualitätssignal für Google.
Featured Snippets: Nutzen Sie H2 und H3 gezielt
Überschriften-Tags im PrestaShop-E-Commerce-Kontext
Im Online-Shop wird die korrekte Verwendung von Überschriften-Tags zugunsten des Designs häufig vernachlässigt. Dabei braucht jede Seite eine klare Struktur. Auf einer Produktseite muss die H1 dem genauen Produktnamen entsprechen — das ist die direkteste Übereinstimmung mit transaktionalen Suchanfragen. H2-Tags können Abschnitte wie «Beschreibung», «Technische Daten» und «Kundenbewertungen» strukturieren. Auf einer Kategorieseite sollte die H1 dem Kategorienamen entsprechen, und H2-Tags können Unterkategorien oder Hauptfiltergruppen beschreiben.
Produktseite
H1 = genauer Produktname. H2 = «Beschreibung», «Merkmale», «Kompatibilität». H3 = detaillierte Unterpunkte innerhalb der H2-Abschnitte.
Kategorieseite
H1 = Kategoriename. H2 = Unterkategorien oder Themen, z. B. «Trailrunning-Schuhe» und «Straßenlaufschuhe». SEO-Text unterhalb der H2-Überschriften.
Blogartikel
H1 = Haupttitel des Artikels. H2 = Hauptabschnitte. H3 = detaillierte Unterpunkte. Eine klare Struktur verbessert die Verweildauer und die Chancen auf Featured Snippets.