Breadcrumbs: Navigation die Google und Nutzer lieben

Du kennst sie von fast jeder größeren Webseite: „Startseite > Kategorie > Unterkategorie > Aktuelle Seite". Diese kleine Navigationskette heißt Breadcrumb – und sie ist weit mehr als ein nettes Design-Element. Breadcrumbs helfen sowohl Nutzern als auch Google, deine Seitenstruktur zu verstehen.

In diesem Artikel erfährst du, welche Arten von Breadcrumbs es gibt, warum sie für SEO wichtig sind und wie du sie auf deiner Seite einrichtest.

Was sind Breadcrumbs?

Breadcrumbs (auf Deutsch: Brotkrümel oder Brotkrumennavigation) zeigen dem Nutzer, wo er sich in der Seitenstruktur befindet. Der Name stammt aus dem Märchen „Hänsel und Gretel" – die Kinder legten Brotkrümel aus, um den Weg zurück zu finden.

Ein typisches Breadcrumb sieht so aus:

Startseite > Blog > SEO Grundlagen > Breadcrumbs SEO

Jeder Abschnitt ist ein klickbarer Link. Der Nutzer kann so mit einem Klick zu einer übergeordneten Ebene springen, statt den Zurück-Button zu benutzen oder sich durch die Navigation zu klicken.

Die drei Arten von Breadcrumbs

Nicht alle Breadcrumbs funktionieren gleich. Es gibt drei verschiedene Typen, die jeweils für unterschiedliche Situationen geeignet sind.

Hierarchie-basierte Breadcrumbs

Das ist der häufigste und für SEO wertvollste Typ. Hierarchie-basierte Breadcrumbs zeigen die Position der aktuellen Seite in der Seitenstruktur:

Startseite > Schuhe > Laufschuhe > Nike Air Max

Dieser Typ spiegelt direkt die URL-Struktur deiner Webseite wider. Er hilft Google am besten, die Beziehungen zwischen deinen Seiten zu verstehen.

Attribut-basierte Breadcrumbs

Attribut-basierte Breadcrumbs zeigen Eigenschaften des aktuellen Produkts oder der aktuellen Seite:

Startseite > Schuhe > Größe 42 > Schwarz > Laufschuhe

Dieser Typ ist besonders für Onlineshops relevant, in denen Nutzer Produkte über Filter und Attribute finden.

Pfad-basierte Breadcrumbs

Pfad-basierte Breadcrumbs zeigen den individuellen Weg, den ein Nutzer genommen hat, um zur aktuellen Seite zu gelangen. Sie funktionieren wie eine Browser-Historie. Dieser Typ ist am wenigsten verbreitet und für SEO am wenigsten nützlich, da der Pfad für jeden Nutzer anders ist.

SEO-Vorteile von Breadcrumbs

Breadcrumbs bringen gleich mehrere SEO-Vorteile mit sich – sowohl technisch als auch für die Nutzererfahrung.

Bessere Seitenstruktur für Google

Breadcrumbs helfen Google, die Hierarchie deiner Webseite zu verstehen. Welche Seite gehört zu welcher Kategorie? Welche Kategorien gibt es überhaupt? Diese Informationen ergänzen deine interne Verlinkung und machen es Google leichter, alle Seiten zu crawlen und einzuordnen.

Rich Results in der Suche

Mit dem richtigen Schema Markup zeigt Google Breadcrumbs direkt in den Suchergebnissen an. Statt einer einfachen URL wie „beispiel.de/produkte/laufschuhe/nike-air-max" sieht der Nutzer:

Beispiel.de > Schuhe > Laufschuhe

Das sieht übersichtlicher aus, nimmt mehr Platz in den SERPs ein und kann die Klickrate verbessern. Nutzer sehen sofort, in welchem Kontext die Seite steht.

Bessere User Experience

Breadcrumbs geben dem Nutzer Orientierung. Er weiß sofort, wo er sich befindet und kann einfach zu übergeordneten Bereichen navigieren. Das ist besonders wichtig auf großen Webseiten mit vielen Ebenen.

Niedrigere Absprungrate

Wenn ein Nutzer über Google auf einer Unterseite landet und dort nicht findet, was er sucht, klickt er normalerweise zurück zu Google. Mit Breadcrumbs kann er stattdessen zur Kategorie-Ebene navigieren und dort weitersuchen. Das hält den Nutzer auf deiner Seite und senkt die Absprungrate.

Interne Verlinkung stärken

Jeder Breadcrumb-Link ist ein interner Link. Da Breadcrumbs auf jeder Seite einer Kategorie erscheinen, bekommen Kategorie-Seiten automatisch viele interne Links. Das stärkt ihre Autorität und hilft beim Ranking.

Breadcrumb Schema Markup

Damit Google deine Breadcrumbs in den Suchergebnissen anzeigt, brauchst du strukturiertes Markup – genauer gesagt das BreadcrumbList-Schema. Ohne dieses Markup erkennt Google die Breadcrumbs möglicherweise, aber die Anzeige in den SERPs ist nicht garantiert.

JSON-LD Beispiel

So sieht ein Breadcrumb Schema Markup im JSON-LD-Format aus:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Startseite",
      "item": "https://beispiel.de"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog",
      "item": "https://beispiel.de/blog"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "SEO Grundlagen",
      "item": "https://beispiel.de/blog/seo-grundlagen"
    }
  ]
}

Das JSON-LD-Snippet wird im <head> deiner Seite eingefügt. Mehr über strukturierte Daten und Schema Markup erfährst du in unserem Artikel zu Schema Markup.

Breadcrumbs in WordPress einrichten

Die meisten WordPress-SEO-Plugins bringen eine Breadcrumb-Funktion mit. Du musst sie nur aktivieren und konfigurieren.

Yoast SEO

In Yoast SEO findest du die Breadcrumb-Einstellungen unter SEO > Darstellung in der Suche > Breadcrumbs. Aktiviere die Funktion und passe die Einstellungen an:

• Trennzeichen wählen (z.B. „>" oder „/")
• Startseiten-Text anpassen
• Breadcrumbs für bestimmte Seitentypen konfigurieren

Anschließend musst du den Breadcrumb-Code in dein Theme einbinden. Yoast liefert dafür eine PHP-Funktion, die du in deiner Template-Datei platzierst.

Rank Math

Rank Math hat eine eigene Breadcrumb-Funktion unter Rank Math > Allgemeine Einstellungen > Breadcrumbs. Die Einrichtung funktioniert ähnlich wie bei Yoast. Rank Math bietet zusätzlich einen Shortcode, den du flexibel einsetzen kannst.

Dedizierte Plugins

Wenn du kein SEO-Plugin mit Breadcrumb-Funktion nutzt, gibt es spezialisierte Plugins:

• Breadcrumb NavXT: Eines der populärsten Breadcrumb-Plugins mit vielen Einstellungsmöglichkeiten
• SEO Simple Pack: Leichtgewichtiges Plugin mit Breadcrumb-Unterstützung

Best Practices für Breadcrumbs

Damit deine Breadcrumbs optimal funktionieren, beachte diese Regeln:

1. Platzierung oben auf der Seite: Breadcrumbs gehören über den Hauptinhalt, unter die Navigation
2. Konsistente Verwendung: Zeige Breadcrumbs auf allen Seiten, nicht nur auf manchen
3. Aktuelle Seite nicht verlinken: Der letzte Breadcrumb (die aktuelle Seite) sollte kein Link sein
4. Kurze, klare Bezeichnungen: „SEO Grundlagen" statt „Alles was du über SEO Grundlagen wissen musst"
5. Mobile Optimierung: Breadcrumbs müssen auch auf kleinen Bildschirmen lesbar sein – kürze sie bei Bedarf
6. Schema Markup nicht vergessen: Ohne Markup keine Rich Results in der Suche

Ein SEO-Audit mit SeoShade zeigt dir, ob deine Breadcrumbs korrekt eingerichtet sind und ob das Schema Markup fehlerfrei ist.

Fazit

Breadcrumbs sind ein kleines Element mit großer Wirkung. Sie verbessern die Navigation für deine Nutzer, stärken die interne Verlinkung, helfen Google beim Verständnis deiner Seitenstruktur und können zu Rich Results in den Suchergebnissen führen. Die Einrichtung ist in den meisten CMS-Systemen unkompliziert.

Wenn du Breadcrumbs noch nicht nutzt, ist jetzt der richtige Zeitpunkt, sie einzuführen. Der Aufwand ist gering, der Nutzen für SEO und User Experience nachhaltig.