Breadcrumb Navigation einfach und verständlich erklärt – SEO Bedeutung

Breadcrumbs sind ein sekundäres Navigationselement, das zeigt, wo sich eine Seite innerhalb der Website-Struktur befindet, meist als Pfad von der Startseite bis zur aktuellen Seite. Der Name stammt aus dem Märchen Hänsel und Gretel, in dem Brotkrumen den Weg markieren. Breadcrumbs verbessern die Orientierung, ergänzen die Hauptnavigation und helfen Suchmaschinen, die Hierarchie einer Website zu verstehen. Sie ersetzen die Hauptnavigation aber nicht, sondern unterstützen sie.

Es gibt drei Haupttypen. Hierarchische Breadcrumbs zeigen die logische Struktur der Website von der Startseite bis zur aktuellen Seite und sind die häufigste Form. Attributbasierte Breadcrumbs kommen vor allem in Online-Shops vor und zeigen die angewendeten Filter wie Kategorie, Größe oder Farbe. Verlaufsbasierte Breadcrumbs dokumentieren den tatsächlichen Klickweg des Nutzers, sind aber selten, da sie oft unlogische oder redundante Pfade erzeugen.

Breadcrumbs sind kein direkter Ranking-Faktor, der das Ranking unmittelbar anhebt. Ihr SEO-Nutzen ist indirekt, aber real: Sie verdeutlichen Suchmaschinen die Hierarchie und interne Verlinkung, und mit korrektem BreadcrumbList-Schema kann Google in den Suchergebnissen statt der nackten URL den Breadcrumb-Pfad anzeigen. Das macht Treffer übersichtlicher. Ob Google den Pfad darstellt, entscheidet Google selbst; garantiert ist es nicht.

Nein, das ist nicht belegt. Es kursiert die Behauptung, eine Google-Studie habe eine pauschale Steigerung der Klickrate um 15 Prozent durch Breadcrumbs nachgewiesen, doch eine solche Studie existiert nicht. Breadcrumbs können die Darstellung in den Suchergebnissen verbessern und die Orientierung erleichtern, aber konkrete pauschale Prozentwerte sollte man mit Vorsicht behandeln. Setzen Sie Breadcrumbs wegen ihres echten Nutzens ein, nicht wegen erfundener Zahlen.

Verwenden Sie semantisches HTML mit einem nav-Element, das per aria-label als Breadcrumb gekennzeichnet ist, und einer geordneten Liste. Die aktuelle Seite sollte nicht verlinkt und mit aria-current als aktuelle Seite markiert werden. Ergänzen Sie ein BreadcrumbList-Markup nach schema.org. Wichtig sind gerade Anführungszeichen im Code, da typografische Anführungszeichen das Markup ungültig machen, und die Auszeichnung direkt im HTML statt per JavaScript.

BreadcrumbList ist ein strukturiertes Daten-Markup nach schema.org, das die einzelnen Stufen einer Breadcrumb maschinenlesbar beschreibt. Jede Stufe wird als ListItem mit Position, Name und in der Regel einer URL angegeben; die aktuelle Seite erhält bewusst keine URL. Das Schema ist die Voraussetzung dafür, dass Google den Breadcrumb-Pfad in den Suchergebnissen anzeigen kann. Nach der Umsetzung sollte man es mit einem Test-Werkzeug für strukturierte Daten prüfen.

Nein. Die aktuelle Seite, also das letzte Element der Breadcrumb, sollte nicht verlinkt sein, da ein Link auf die bereits geöffnete Seite Nutzer verwirren würde. Stattdessen kennzeichnet man sie mit dem Attribut aria-current gleich page, damit auch Screenreader die aktuelle Position erkennen. Im BreadcrumbList-Schema lässt man beim letzten Element entsprechend die item-Angabe weg.

In der Regel nicht. Breadcrumbs sollten direkt im HTML stehen und nicht erst per JavaScript nachgeladen werden, damit Suchmaschinen sie zuverlässig erfassen und auswerten können. Eine rein über JavaScript erzeugte Breadcrumb kann unter Umständen übersehen werden. Für die meisten Websites genügt eine statische, serverseitig ausgegebene Breadcrumb mit semantischem HTML und passendem Schema-Markup vollständig.

Auf mobilen Geräten sollten Breadcrumbs platzsparend angepasst werden. Ein gängiger Ansatz ist, mittlere Ebenen mit Auslassungspunkten zusammenzufassen oder nur die letzten ein bis zwei Ebenen anzuzeigen. Wichtig ist, dass die Breadcrumb antippbar und gut lesbar bleibt und sich nicht mit anderen Bedienelementen überschneidet. Die zugrunde liegende semantische Struktur und das Schema-Markup bleiben dabei unverändert.

Ja. WordPress bietet mehrere einfache Wege. Beliebte SEO-Plugins wie Yoast SEO und Rank Math sowie spezialisierte Plugins wie Breadcrumb NavXT erzeugen Breadcrumbs automatisch auf Basis der Seitenstruktur und liefern in der Regel das passende BreadcrumbList-Schema gleich mit. Viele moderne Themes haben zudem eine eigene Breadcrumb-Funktion. So lässt sich eine saubere, SEO-freundliche Breadcrumb ohne eigenen Code einrichten.

Breadcrumbs werden üblicherweise oberhalb des Hauptinhalts positioniert, meist direkt unter der Hauptnavigation. Diese Position ist für Nutzer intuitiv und beeinträchtigt das Layout nicht. Entscheidend ist eine konsistente Platzierung über alle Seiten hinweg, damit Nutzer die Breadcrumb stets an derselben Stelle erwarten können. Auf mobilen Geräten kann die Darstellung komprimiert werden, sollte aber an der gewohnten Position bleiben.

Breadcrumbs lohnen sich vor allem für Websites mit vielen Ebenen und einer klaren Hierarchie, etwa Online-Shops, große Magazine, Wissensdatenbanken und umfangreiche Unternehmensseiten. Dort geben sie Orientierung und erleichtern den Wechsel zwischen Ebenen. Bei sehr flachen Websites mit nur wenigen Seiten ist der Nutzen geringer, schadet aber nicht. Als Faustregel gilt: Je tiefer und verzweigter die Struktur, desto wertvoller sind Breadcrumbs.