Zum Inhalt springen
Breadcrumbs richtig einsetzen KI-generierte Illustration
NavigationStrukturUX

Breadcrumbs richtig einsetzen: bessere Orientierung für Nutzer und SuchmaschinenRichtig eingesetzte Breadcrumbs machen komplexe Websites verständlicher und robuster

Veröffentlicht:
·
Aktualisiert:
·
Seitenreport Redaktion

Breadcrumbs zeigen, wo eine Seite innerhalb einer nachvollziehbaren Inhaltsstruktur liegt. Sie sollten Besuchern helfen, eine passende übergeordnete Auswahl zu erreichen, statt bloß den technischen URL-Pfad nachzubauen.

Kurzfassung

Sichtbarer Pfad, tatsächliche Links und strukturierte Daten müssen dieselbe sinnvolle Hierarchie beschreiben.

Eine Hierarchie aus Inhalten bilden

Für einen Rucksack kann „Startseite › Wandern › Rucksäcke › Modell A“ eine hilfreiche Orientierung sein. Ein technischer Pfad mit IDs und Routingbestandteilen ist dafür nicht automatisch die richtige Vorlage.

Ist ein Produkt mehreren Kategorien zugeordnet, braucht es eine bewusste Entscheidung für den angezeigten Kontext. Ein zufällig wechselnder Pfad kann Besucher verwirren und widersprüchliche Angaben in den strukturierten Daten erzeugen.

Ein einfacher sichtbarer Pfad

Das Beispiel zeigt die sichtbare Navigation. Wird zusätzlich BreadcrumbList-Markup ausgegeben, müssen Reihenfolge, Namen und Zieladressen zu diesem Inhalt passen. Dekorative Trennzeichen sind keine eigenen Hierarchiestufen.

<nav aria-label="Breadcrumb">
  <a href="/">Startseite</a> ›
  <a href="/wandern/">Wandern</a> ›
  <a href="/wandern/rucksaecke/">Rucksäcke</a> ›
  <span aria-current="page">Modell A</span>
</nav>

Breadcrumbs testen

  1. Eine klare übergeordnete Seite für den jeweiligen Inhalt bestimmen.
  2. Alle verlinkten Stufen auf Status und inhaltliche Passung prüfen.
  3. Desktop- und Mobilansicht auf Lesbarkeit und Bedienung testen.
  4. Sichtbaren Pfad mit gegebenenfalls vorhandenen strukturierten Daten vergleichen.
  5. Nach Kategorien- oder Slug-Änderungen dieselben Beispiele erneut kontrollieren.

Wann keine lange Kette nötig ist

Eine sehr flache Website kann mit einer kurzen Orientierung auskommen. Zusätzliche künstliche Zwischenstufen helfen nicht, wenn sie weder eine sinnvolle Übersicht noch eine relevante Auswahl anbieten.

Breadcrumbs ersetzen außerdem keine Kontextlinks. Eine verwandte Anleitung oder ein ergänzendes Produkt kann hilfreich sein, obwohl es nicht in derselben hierarchischen Elternkette liegt.

Häufige Fragen

Muss die Breadcrumb exakt der URL entsprechen?

Nein. Sie sollte die nachvollziehbare Inhaltsstruktur darstellen. Technische Routingbestandteile sind nicht zwangsläufig sinnvolle Navigationsstufen.

Garantiert BreadcrumbList eine bestimmte Google-Darstellung?

Nein. Korrekte und passende strukturierte Daten können die Interpretation unterstützen; die konkrete Anzeige entscheidet die Suchmaschine.

Passende Anleitungen zum Weiterarbeiten