Breadcrumb: Navigationshilfe für bessere Benutzerführung und SEO

Eine Breadcrumb (Brotkrümelnavigation) zeigt, wo sich eine Seite in der Struktur einer Website befindet, etwa „Start / Glossar / SEO / Breadcrumb“. Sie hilft Besuchern bei der Orientierung und Suchmaschinen beim Verständnis der Website-Struktur.

Arten von Breadcrumbs

Warum Breadcrumbs wichtig sind

• Orientierung: Besucher sehen sofort, wo sie sind, und können mit einem Klick eine Ebene höher springen.
• Interne Verlinkung: Jede Seite verlinkt automatisch auf ihre übergeordneten Seiten. Das stärkt Übersichtsseiten und hilft beim Crawling.
• Verständnis der Struktur: Suchmaschinen erkennen, wie Inhalte thematisch zusammenhängen – besonders mit strukturierten Daten.
• Weniger Absprünge: Wer über die Suche auf einer Detailseite landet, findet leichter weitere passende Inhalte.

Breadcrumbs in den Google-Suchergebnissen

Am Desktop zeigt Google den Pfad einer Seite oft als Breadcrumb über dem Titel an. In den mobilen Suchergebnissen hat Google die Darstellung 2025 vereinfacht und zeigt dort meist nur noch die Domain. Für die Orientierung auf der eigenen Website und für das Verständnis der Struktur bleiben Breadcrumbs trotzdem wertvoll.

So setzen Sie Breadcrumbs richtig um

Sichtbare Navigation

<nav aria-label="Brotkrümelnavigation">
  <ol>
    <li><a href="https://www.beispiel.de/">Start</a></li>
    <li><a href="https://www.beispiel.de/glossar/">Glossar</a></li>
    <li><span aria-current="page">Breadcrumb</span></li>
  </ol>
</nav>

Eine geordnete Liste in einem nav-Element mit Beschriftung macht die Navigation auch für Screenreader verständlich. Die aktuelle Seite wird als Text ohne Link markiert.

Strukturierte Daten (BreadcrumbList)

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Start", "item": "https://www.beispiel.de/" },
    { "@type": "ListItem", "position": 2, "name": "Glossar", "item": "https://www.beispiel.de/glossar/" },
    { "@type": "ListItem", "position": 3, "name": "Breadcrumb" }
  ]
}
</script>

Mit diesem Markup verstehen Suchmaschinen die Hierarchie eindeutig. Prüfen lässt es sich mit dem Test für Rich-Suchergebnisse – mehr dazu unter strukturierte Daten.

Best Practices

1. Einheitlich platzieren: Immer an derselben Stelle, meist über der Hauptüberschrift.
2. Kurze, klare Bezeichnungen: „Glossar“ statt „Unser großes Online-Marketing-Glossar“.
3. Alle Zwischenstufen verlinken: Nur die aktuelle Seite bleibt ohne Link.
4. Sichtbare und strukturierte Breadcrumb gleich halten: Beide sollten denselben Pfad zeigen.
5. Mobil kompakt halten: Bei langen Pfaden darf die Breadcrumb umbrechen oder gekürzt werden.

Häufige Fehler

• Breadcrumb als Ersatz für das Menü: Sie ergänzt die Hauptnavigation, ersetzt sie aber nicht.
• Unterschiedliche Pfade: Sichtbare Breadcrumb und strukturierte Daten widersprechen sich.
• Zu tiefe Strukturen: Sieben Ebenen deuten eher auf eine zu verschachtelte Website hin.

Fazit

Breadcrumbs sind ein kleines Element mit großer Wirkung: bessere Orientierung, stärkere interne Verlinkung und eine klare Struktur für Suchmaschinen. Mit sauberem HTML und passenden strukturierten Daten gehören sie zu den Grundlagen der On-Page-Optimierung.

Quellen

• Google Search Central: Strukturierte Daten für Breadcrumbs