Breadcrumbs

Breadcrumbs – im Webkontext auch als Brotkrumen-Navigation bekannt – sind eine sekundäre Navigationshilfe auf Websites. Sie zeigen die Pfadstruktur von der Startseite bis zur aktuell besuchten Seite an. Nutzer:innen erkennen auf einen Blick, wo sie sich befinden, und können bequem zu übergeordneten Seiten zurückkehren. Die Darstellung erfolgt meist horizontal oberhalb des Hauptinhalts und besteht aus klickbaren Links, getrennt durch Symbole wie „>“ oder „/“.

Es gibt verschiedene Arten von Breadcrumbs:

• Hierarchisch (am häufigsten): Zeigt die Struktur der Website.
• Attributbasiert (v. a. in Shops): Zeigt z. B. ausgewählte Filter wie „Marke: X > Farbe: Blau“.
• Verlaufsbasiert: Bildet die tatsächliche Klickstrecke des Users ab (selten).

Die Vorteile sind vielfältig: Sie verbessern die Usability, senken die Absprungrate und stärken das Vertrauen in die Website-Struktur. Gleichzeitig tragen sie zur internen Verlinkung bei – ein positiver Nebeneffekt für die SEO. Besonders in Online-Shops, Portalen und umfangreichen Content-Angeboten ist der gezielte Einsatz von Breadcrumbs ein bewährter Best Practice.

Technisch lassen sich Breadcrumbs in HTML auszeichnen und mit strukturierten Daten (Schema.org) versehen, damit sie auch in den Google-Suchergebnissen angezeigt werden können. Wichtig ist, dass sie logisch aufgebaut sind und konsistent funktionieren – unabhängig davon, wie Nutzer:innen auf eine Seite gelangen.

Häufig gestellte Fragen

Hier findest du Antworten auf die häufigsten Fragen rund um das Thema – kompakt und verständlich erklärt:

1. Was passiert, wenn ich Breadcrumbs auf mobilen Geräten ausblende?

Ohne sichtbare Breadcrumbs fehlt mobilen Nutzer:innen oft eine einfache Möglichkeit, zur vorherigen Kategorie oder Übersicht zurückzukehren. Das kann vor allem auf komplexeren Seiten mit mehreren Navigationsebenen die Orientierung erschweren und zu Frustration führen. Nutzer:innen sind dann eher auf den Zurück-Button des Browsers angewiesen – was die User Experience deutlich verschlechtern kann.

2. Wie beeinflussen Breadcrumbs die Ladezeit meiner Website?

Wenn Breadcrumbs statisch als HTML-Elemente eingebunden werden, wirken sie sich kaum auf die Ladezeit aus. Anders sieht es bei dynamischen Varianten aus, die per JavaScript erzeugt werden – dort kann es zu spürbaren Verzögerungen kommen, insbesondere auf mobilen Geräten oder bei schlechter Verbindung. Für optimale Performance sollten Breadcrumbs daher möglichst schlank und serverseitig ausgeliefert werden.

3. Wann sind Breadcrumbs überflüssig?

Wenn eine Website nur wenige Seiten mit direkter Navigation hat – etwa One-Pager, Landingpages oder sehr simple Microsites – bringen Breadcrumbs meist keinen Mehrwert. In solchen Fällen wirkt die zusätzliche Navigation eher störend. Auch bei sehr eindeutigen User Journeys (z. B. Kampagnen ohne Kategorien) kann auf Breadcrumbs verzichtet werden, ohne die Usability zu beeinträchtigen.