Eine gute Breadcrumb-Navigation hilft Nutzern, sich auf deiner Website schneller zu orientieren. Gleichzeitig unterstützt sie Suchmaschinen dabei, Seitenhierarchien besser zu verstehen. Besonders bei Websites mit mehreren Ebenen, Kategorien, Produkten, Blogartikeln oder Leistungsseiten kann eine sauber geplante Brotkrümelnavigation den Unterschied zwischen klarer Nutzerführung und unnötiger Verwirrung machen.
In diesem Ratgeber erfährst du, welche Breadcrumb-Navigation Best Practices wirklich wichtig sind, wann Breadcrumbs sinnvoll sind, wie du sie strukturierst, welche SEO-Aspekte du beachten solltest und welche Fehler du vermeiden kannst.
Warum Breadcrumbs für Nutzer und SEO wichtig sind
Breadcrumbs zeigen Besuchern, wo sie sich innerhalb deiner Website-Struktur befinden. Typisch ist eine Zeile wie „Startseite > Leistungen > Webdesign > WordPress-Webdesign“. Nutzer erkennen dadurch sofort, welche übergeordneten Bereiche es gibt und können schnell eine Ebene zurückspringen, ohne das Hauptmenü neu durchsuchen zu müssen.
Der größte Nutzen liegt in der Orientierung. Je tiefer eine Website aufgebaut ist, desto wichtiger wird ein sichtbarer Pfad. Das gilt für Onlineshops, Ratgeberbereiche, Unternehmenswebsites mit vielen Leistungen, Branchenlösungen oder Wissensdatenbanken. Breadcrumbs ersetzen zwar keine Hauptnavigation, sie ergänzen diese aber an einer entscheidenden Stelle: direkt im Kontext der aktuellen Seite.
Auch aus SEO-Sicht sind Breadcrumbs interessant. Sie machen interne Zusammenhänge sichtbarer und können Suchmaschinen helfen, die Hierarchie deiner Inhalte besser einzuordnen. Wenn du dich grundsätzlich mit technischer und inhaltlicher Optimierung beschäftigst, lohnt sich zusätzlich ein Blick auf die SEO-Grundlagen. Breadcrumbs sind kein isolierter Trick, sondern Teil einer sauberen Informationsarchitektur.
Besonders hilfreich sind Breadcrumbs, wenn deine Website mehrere Ebenen besitzt:
- Startseite, Kategorien und Unterkategorien
- Leistungsbereiche mit Detailseiten
- Blogrubriken mit vielen Artikeln
- Onlineshops mit Produktkategorien
- Ratgeberportale oder Glossare
Bei sehr kleinen Websites mit nur wenigen Seiten sind Breadcrumbs nicht immer notwendig. Sobald Nutzer aber mehrere Klickpfade nachvollziehen müssen, schaffen sie Struktur und reduzieren Orientierungsaufwand.
Wenn deine Website gewachsen ist und Besucher sich schwer zurechtfinden, lohnt sich ein genauer Blick auf Navigation, Seitenstruktur und Nutzerführung.
Die richtige Breadcrumb-Art für deine Website wählen
Nicht jede Breadcrumb-Navigation funktioniert gleich. Bevor du sie gestaltest oder technisch einbaust, solltest du entscheiden, welcher Breadcrumb-Typ zu deiner Website passt. In der Praxis sind vor allem hierarchische Breadcrumbs relevant. Sie zeigen die Position einer Seite innerhalb der festen Seitenstruktur. Beispiel: „Startseite > Ratgeber > SEO > Breadcrumbs“.
Hierarchische Breadcrumbs sind für die meisten Unternehmenswebsites, Blogs und Shops die beste Wahl, weil sie stabil, verständlich und suchmaschinenfreundlich sind. Sie spiegeln die tatsächliche Architektur deiner Website wider und helfen Nutzern, übergeordnete Bereiche aufzurufen.
Daneben gibt es pfadbasierte Breadcrumbs. Sie zeigen den individuellen Klickweg eines Nutzers. Das klingt zunächst hilfreich, ist aber oft unübersichtlich, weil derselbe Inhalt je nach vorherigem Klick einen anderen Pfad erhält. Für SEO und klare Nutzerführung sind solche dynamischen Pfade meist weniger geeignet.
Attributbasierte Breadcrumbs kommen vor allem in Onlineshops vor. Sie zeigen Filter oder Eigenschaften, zum Beispiel „Schuhe > Herren > Leder > Schwarz“. Das kann bei großen Sortimenten sinnvoll sein, muss aber sauber geplant werden, damit keine unkontrollierten URL- und Indexierungsprobleme entstehen.
| Breadcrumb-Typ | Geeignet für | Wichtige Einschätzung |
|---|---|---|
| Hierarchisch | Unternehmenswebsites, Blogs, Shops, Portale | Meist die beste und klarste Lösung |
| Pfadbasiert | Spezielle Anwendungen mit Nutzerhistorie | Für klassische Websites oft zu uneindeutig |
| Attributbasiert | Große Onlineshops mit Filtern | Nützlich, aber technisch anspruchsvoller |
Wenn du gerade erst einsteigst, findest du im Beitrag zur Breadcrumb-Navigation eine grundlegende Erklärung des Begriffs und seiner Funktion.
Nutze für die meisten Websites eine hierarchische Breadcrumb-Struktur. Sie ist verständlich, stabil und lässt sich am besten mit Kategorien, Seitenhierarchien und internen Links verbinden.
Breadcrumbs logisch in die Website-Struktur einordnen
Breadcrumbs funktionieren nur dann gut, wenn die zugrunde liegende Website-Struktur logisch ist. Eine Brotkrümelnavigation kann keine chaotische Informationsarchitektur retten. Wenn Kategorien unklar benannt sind, Seiten auf mehreren Ebenen doppelt vorkommen oder Inhalte ohne Konzept angelegt wurden, zeigt der Breadcrumb diese Schwächen nur sichtbarer.
Die wichtigste Best Practice lautet deshalb: Plane zuerst deine Struktur, dann die Breadcrumbs. Jede Seite sollte einer eindeutigen Hauptlogik folgen. Bei einem Blog kann das eine Themenkategorie sein. Bei einer Leistungsseite kann es ein übergeordneter Leistungsbereich sein. Bei einem Shop ist es meist die Produktkategorie.
Eine gute Struktur beantwortet drei Fragen:
- Wo befindet sich die aktuelle Seite?
- Welche übergeordnete Kategorie ist für Nutzer sinnvoll?
- Welche Ebene soll per Klick erreichbar sein?
Wenn eine Seite thematisch in mehrere Bereiche passt, solltest du trotzdem einen primären Pfad definieren. Beispiel: Ein Ratgeberartikel über lokale Suchmaschinenoptimierung könnte theoretisch unter „SEO“, „Online-Marketing“ oder „Lokales Marketing“ liegen. Für die Breadcrumb-Navigation sollte aber ein Hauptpfad gewählt werden, damit Nutzer eine klare Orientierung erhalten.
Auch die interne Verlinkung spielt eine wichtige Rolle. Breadcrumbs sind ein Teil deines internen Linksystems, aber nicht dessen Ersatz. Ergänzend solltest du relevante Seiten aus Fließtexten, Übersichten und Themenclustern verlinken. Mehr dazu findest du im Ratgeber zu internen Links und SEO-Best Practices.
Informationsarchitektur beschreibt, wie Inhalte auf einer Website geordnet, benannt und miteinander verbunden sind. Breadcrumbs machen diese Ordnung sichtbar, ersetzen sie aber nicht.
Beschriftungen kurz, klar und konsistent halten
Eine Breadcrumb-Navigation sollte sofort verständlich sein. Deshalb sind klare Beschriftungen wichtiger als kreative Formulierungen. Nutzer wollen an dieser Stelle nicht überrascht werden, sondern erkennen, wo sie sich befinden und wohin ein Klick führt.
Verwende für Breadcrumb-Elemente möglichst dieselben Begriffe wie in deiner Hauptnavigation, deinen Kategorien und deinen Seitentiteln. Wenn der Menüpunkt „Leistungen“ heißt, sollte der Breadcrumb nicht plötzlich „Services“ anzeigen. Solche Abweichungen wirken klein, können aber Verwirrung auslösen.
Gute Breadcrumb-Beschriftungen sind:
- kurz: keine vollständigen Marketing-Slogans
- eindeutig: keine mehrdeutigen Sammelbegriffe
- konsistent: gleiche Begriffe für gleiche Bereiche
- lesbar: auch auf mobilen Geräten verständlich
Besonders bei langen Seitentiteln solltest du prüfen, ob der vollständige Titel im Breadcrumb sinnvoll ist. Ein Blogartikel mit einem sehr langen Titel kann auf Mobilgeräten schnell umbrechen. In solchen Fällen kann eine gekürzte, aber weiterhin verständliche Bezeichnung sinnvoll sein. Wichtig ist, dass Nutzer die Seite wiedererkennen und der Pfad nicht künstlich verkürzt wirkt.
Achte außerdem auf die Reihenfolge. Üblich ist der Weg von allgemein zu spezifisch: Startseite, Hauptbereich, Unterbereich, aktuelle Seite. Diese Logik entspricht der Erwartung vieler Nutzer und ist leichter zu scannen als Sonderlösungen.
Breadcrumbs sollten nicht wie ein zweites Menü wirken. Sie zeigen den Standort innerhalb der Struktur und bieten Rücksprungmöglichkeiten, ersetzen aber keine durchdachte Hauptnavigation.
Wenn du deine gesamte Website-Navigation und Nutzerführung verbessern möchtest, ist auch der Beitrag zur Verbesserung der Website-Benutzererfahrung hilfreich.
Position, Design und mobile Darstellung richtig umsetzen
Breadcrumbs gehören in der Regel in den oberen Inhaltsbereich einer Seite. Häufig stehen sie unterhalb des Headers oder Menüs und oberhalb der Hauptüberschrift beziehungsweise des eigentlichen Inhalts. Dadurch erkennen Nutzer den Kontext, bevor sie den Inhalt lesen. Eine Platzierung weit unten auf der Seite ist dagegen wenig hilfreich, weil der Orientierungseffekt verloren geht.
Beim Design gilt: sichtbar, aber nicht dominant. Breadcrumbs sollen auffindbar sein, dürfen aber nicht stärker wirken als Hauptnavigation, Überschrift oder Call-to-Action. Eine dezente Schriftgröße, klare Trennzeichen und ausreichend Kontrast reichen meist aus. Typische Trenner sind „>“, „/“ oder Pfeilsymbole. Entscheidend ist nicht das Symbol, sondern die Lesbarkeit.
Auf mobilen Geräten brauchst du besondere Aufmerksamkeit. Lange Pfade können schnell zu mehrzeiligen Blöcken werden. Das ist nicht automatisch schlecht, sollte aber nicht den gesamten sichtbaren Bereich einnehmen. Häufig sinnvoll sind gekürzte Darstellungen, horizontales Scrollen mit Bedacht oder das Ausblenden einzelner mittlerer Ebenen, sofern die Orientierung erhalten bleibt.
Denke auch an Barrierearmut. Links sollten klar erkennbar und ausreichend groß anklickbar sein. Die aktuelle Seite wird meist nicht verlinkt, sondern nur als letztes Element angezeigt. Das verhindert unnötige Selbstverlinkungen und macht den Pfad semantisch klarer.
- Desktop: vollständiger Pfad ist meist problemlos darstellbar.
- Mobile: kurze Labels und platzsparende Darstellung sind besonders wichtig.
- Sehr tiefe Websites: mittlere Ebenen müssen bewusst geplant werden, damit der Pfad nicht zu lang wird.
Gerade im mobilen Kontext lohnt sich ein Blick auf Mobile-First, weil Navigationselemente nicht nur optisch, sondern funktional für kleine Bildschirme gedacht werden müssen.
Technische und SEO-Best-Practices beachten
Technisch sollten Breadcrumbs sowohl für Nutzer als auch für Suchmaschinen sauber nachvollziehbar sein. Das bedeutet: Die sichtbare Navigation sollte echte interne Links enthalten, die auf erreichbare übergeordnete Seiten führen. Verlinke nicht auf Seiten, die noindex gesetzt sind, nicht mehr existieren oder per Weiterleitung unnötige Umwege erzeugen.
Für Suchmaschinen kann zusätzlich strukturierte Daten-Auszeichnung sinnvoll sein. Dabei wird der Breadcrumb-Pfad maschinenlesbar markiert. Das kann Suchmaschinen helfen, den Pfad besser zu interpretieren. Ob und wie Breadcrumbs in Suchergebnissen dargestellt werden, hängt jedoch von verschiedenen Faktoren ab und lässt sich nicht garantieren.
Wichtig ist außerdem, dass Breadcrumbs zur tatsächlichen URL- und Seitenstruktur passen. Wenn der Breadcrumb eine Hierarchie zeigt, die inhaltlich nicht existiert, entsteht ein Widerspruch. Beispiel: Eine Seite liegt technisch in einem ganz anderen Bereich als der angezeigte Pfad vermuten lässt. Das ist nicht automatisch ein Problem, sollte aber bewusst entschieden und konsistent umgesetzt werden.
Prüfe auch, ob deine Breadcrumb-Links crawlbar sind. Wenn Links per JavaScript nachgeladen oder durch technische Fehler blockiert werden, können Suchmaschinen sie möglicherweise nicht zuverlässig auswerten. Wenn du tiefer verstehen möchtest, wie Suchmaschinen Seiten erfassen, hilft dir der Beitrag zu Crawling.
Breadcrumbs sind kein Ranking-Hebel mit garantierter Wirkung. Ihr Wert liegt vor allem in besserer Orientierung, klarerer Struktur und sinnvoller interner Verlinkung.
Bei größeren Websites solltest du Breadcrumbs außerdem mit Sitemap, Kategorien und internen Verlinkungen gemeinsam betrachten. Eine Sitemap erfüllt zwar eine andere Aufgabe, gehört aber ebenfalls zur strukturierten Auffindbarkeit deiner Inhalte.
Typische Fehler bei Breadcrumbs vermeiden
Viele Breadcrumb-Probleme entstehen nicht durch die Idee selbst, sondern durch eine ungenaue Umsetzung. Ein häufiger Fehler ist ein zu langer Pfad. Wenn Breadcrumbs sechs, sieben oder mehr Ebenen zeigen, wird aus Orientierung schnell Überforderung. Nicht jede technische Tiefe muss auch sichtbar abgebildet werden. Entscheidend ist, welche Ebenen Nutzern wirklich helfen.
Ein weiterer Fehler sind unklare oder wechselnde Bezeichnungen. Wenn eine Kategorie im Menü „Ratgeber“ heißt, im Breadcrumb aber „Wissen“ und in der URL „blog“, entsteht unnötige Reibung. Solche Inkonsistenzen wirken klein, erschweren aber die intuitive Nutzung.
Auch fehlende Links sind problematisch. Breadcrumbs sollten nicht nur dekorativer Text sein. Übergeordnete Ebenen müssen anklickbar sein, damit Nutzer tatsächlich navigieren können. Die aktuelle Seite selbst muss dagegen nicht verlinkt werden.
Besonders kritisch sind Breadcrumbs, die eine falsche Hierarchie darstellen. Wenn ein Produkt, ein Artikel oder eine Leistungsseite mehreren Kategorien zugeordnet ist, sollte ein klarer Hauptpfad definiert werden. Andernfalls können je nach Einstieg unterschiedliche Breadcrumbs erscheinen, was die Orientierung schwächt.
- Breadcrumbs werden nur optisch eingebaut, aber nicht als echte Links umgesetzt.
- Die Begriffe weichen von Menü, Kategorien oder Seitentiteln ab.
- Der Pfad ist auf mobilen Geräten zu lang oder schlecht anklickbar.
- Mehrere mögliche Hierarchien werden ohne klare Priorität vermischt.
Eine ausführliche Ergänzung findest du im Beitrag über Fehler bei der Breadcrumb-Navigation. Dort geht es stärker um typische Stolperfallen und wie du sie systematisch korrigierst.
Wenn Breadcrumbs nur ein Teil eines größeren Strukturproblems sind, kann eine fachliche Analyse helfen, Prioritäten zu setzen und unnötige Umbauten zu vermeiden.
Breadcrumbs sinnvoll prüfen und optimieren
Nach dem Einbau solltest du Breadcrumbs nicht einfach abhaken. Prüfe regelmäßig, ob sie weiterhin zur Website-Struktur passen. Gerade bei Relaunches, neuen Kategorien, gelöschten Seiten oder CMS-Umstellungen können Breadcrumb-Pfade veralten. Dann zeigen sie zwar noch etwas an, führen aber nicht mehr sauber durch deine Inhalte.
Beginne mit einer manuellen Prüfung wichtiger Seitentypen: Startseiten-nahen Seiten, Leistungsseiten, Blogartikeln, Kategorien und gegebenenfalls Produktseiten. Frage dich dabei, ob der Pfad logisch ist, ob jede verlinkte Ebene erreichbar ist und ob die Bezeichnungen klar bleiben.
Zusätzlich kannst du technische Prüfungen durchführen. Achte auf defekte Links, Weiterleitungsketten, nicht indexierbare Zielseiten und mobile Darstellungsprobleme. Wenn du regelmäßig SEO-Prüfungen machst, gehört die Breadcrumb-Navigation in die Onpage-Checkliste. Passend dazu findest du im Beitrag zur Onpage-Optimierung weitere Grundlagen zur Verbesserung einzelner Website-Elemente.
Ändere Breadcrumb-Pfade nicht isoliert, wenn sie mit Kategorien, URLs oder internen Links zusammenhängen. Sonst entstehen schnell Inkonsistenzen, die Nutzer und Suchmaschinen gleichermaßen irritieren können.
Eine gute Optimierung erfolgt Schritt für Schritt. Dokumentiere, welche Hierarchie du für welche Seitentypen vorgesehen hast. So vermeidest du, dass neue Inhalte später willkürlich einsortiert werden. Besonders in Teams ist eine einfache Strukturregel hilfreich: Jede neue Seite braucht einen klaren Platz in der Informationsarchitektur.
- Lege für jeden Seitentyp fest, welche Hierarchie im Breadcrumb erscheinen soll.
- Prüfe wichtige Seiten manuell auf Verständlichkeit, Linkziele und mobile Darstellung.
- Kontrolliere technische Fehler wie defekte Links, Weiterleitungen oder nicht erreichbare Kategorien.
- Dokumentiere die Regeln, damit neue Inhalte konsistent eingeordnet werden.
Fazit
Breadcrumbs sind ein kleines Navigationselement mit großer Wirkung, wenn sie sauber geplant sind. Die besten Ergebnisse entstehen, wenn sie eine klare Website-Struktur sichtbar machen, verständliche Begriffe nutzen, mobil gut funktionieren und technisch korrekt verlinkt sind.
- Hierarchische Breadcrumbs sind für die meisten Websites die sinnvollste Lösung.
- Klare Beschriftungen, echte Links und konsistente Pfade verbessern die Orientierung.
- SEO-Wirkung entsteht vor allem durch Struktur, interne Verlinkung und technische Sauberkeit.
KAREON unterstützt dich dabei, Navigation, Nutzerführung und SEO-Struktur sinnvoll zusammenzuführen.
Projekt oder Website-Analyse anfragen →