Zum Hauptinhalt springen
SEO

Dokumentensemantik und Orientierungspunkte

Semantikprüfungen von Dokumenten achten auf eine kohärente Gliederung: einen primären Inhaltsbereich, sinnvolle Orientierungspunkte und Beziehungen zwischen Abschnitten, die mit dem übereinstimmen, was Benutzer sehen. Probleme zeigen sich hier oft in fehlenden oder doppelten Hauptbereichen, unbenannten generischen Containern, die als Bereiche fungieren, oder einer Überschriftenreihenfolge, die nicht die visuelle Hierarchie widerspiegelt.

Assistive Technologien nutzen die semantische DOM-Struktur – besonders Landmarks und Überschriften – für eine Seitenübersicht. Fehlt main, ist es doppelt oder falsch verschachtelt, können Nutzer nicht zuverlässig zum „Hauptinhalt“ springen.

Automatisierte Checks im Report markieren konkrete Muster (z. B. mehrere mains, leere Landmarks oder Überschriftssprünge). Die genannten Elemente beheben, genau ein vorhersehbares main pro Ansicht behalten, dann erneut crawlen.

Verwenden Sie diesen Eintrag im Report als Evidenz. Behandeln Sie ihn nicht als eigenständige Regel, es sei denn, der Seitenkontext stützt dieselbe Schlussfolgerung.

So interpretieren Sie es

  • Genau ein <main> (oder ein Element mit role="main") umschließt das Hauptthema der URL – nicht die gesamte Site-Chrome, es sei denn, die Seite ist eine Full-App-Shell mit dokumentierter Struktur.
  • Wiederholte Chrome-Elemente nutzen header, nav und footer; ergänzende Sidebars nutzen aside oder role="complementary" mit Namen, wenn sie Landmark-Regionen sind.
  • Überschriftenebenen spiegeln Verschachtelung wider: H3 folgt einer H2, die ihren Abschnitt einführt, nicht einem willkürlichen Sprung von H1 zu H4 für Schriftgröße.
LandmarkTypische Verwendung
mainPrimärer einzigartiger Inhalt für diese URL.
navWichtige Navigationsblöcke (Site oder Inhaltsverzeichnis).
header / footerSite- oder Seitenkopf und Meta-/Footer-Links.
aside / complementaryErgänzende Inhalte zum Hauptthema.

Minimale Seitenstruktur

<body>
  <header>… site header …</header>
  <nav aria-label="Primary">…</nav>
  <main>
    <h1>Currency prices</h1>
    … primary content …
  </main>
  <footer>…</footer>
</body>

Typische Fehler

  • Die gesamte Seite inklusive globaler Navigation in main packen.
  • role="banner" oder role="navigation" an jedes div für Styling-Hooks hängen.
  • Überschriften-Tags nur für Typografie nutzen, wodurch die Gliederung für Screenreader-Nutzer bricht.
  • Eigene „region“-Landmarks ohne aria-labelledby, aria-label oder sichtbare Überschriftenreferenz erstellen.

Nützliche Referenzen

Häufig gestellte Fragen

Kann es mehr als ein Hauptelement geben?

Im Allgemeinen nein für eine einzelne Dokumentansicht: Eine Hauptansicht identifiziert den Hauptinhalt. Wenn Sie ein anderes Dokument (Iframe) einbetten, kann dieses verschachtelte Dokument ein eigenes Hauptdokument haben.

Brauchen Divs mit Role="Region" einen Namen?

Ja. Eine Wahrzeichenregion sollte einen zugänglichen Namen haben – normalerweise aria-labelledby oder aria-label –, damit Benutzer wissen, wozu die Region dient.

Verwandte Artikel