Definition Breadcrumb (Breadcrumb-Navigation)

Eine Breadcrumb-Navigation (dt. Brotkrumen-Navigation) ist ein grafisches Steuerungselement auf Webseiten, das dem Nutzer seinen aktuellen Standort innerhalb der Seitenhierarchie anzeigt. Der Name lehnt sich an das Märchen „Hänsel und Gretel“ an, in dem Brotkrumen ausgelegt wurden, um den Rückweg zu finden.

Man unterscheidet im Webdesign drei Hauptarten:

• Hierarchische Breadcrumbs: Zeigen die Struktur der Seite an (z. B. Home > Elektronik > Smartphones).
• Attributbasierte Breadcrumbs: Häufig in Online-Shops zu finden, zeigen Merkmale an (z. B. Home > Schuhe > Größe 42 > Blau).
• Pfadbasierte Breadcrumbs: Zeigen den tatsächlichen Klickpfad des Nutzers an (ähnlich einem „Zurück“-Button).

Breadcrumbs bieten massive Vorteile für die Suchmaschinenoptimierung:

• Verbessertes Crawling: Suchmaschinen-Bots können die Struktur der Website besser verstehen und tiefer liegende Seiten leichter finden.
• Google SERPs: Google zeigt Breadcrumbs oft in den Suchergebnissen anstelle einer kryptischen URL an, was die Klickrate (CTR) erhöhen kann.
• Interne Verlinkung: Sie stärken die interne Linkstruktur und verteilen „Linkjuice“ auf logische Weise.

Sie verbessern die Usability erheblich, indem sie dem Nutzer Orientierung bieten. Besonders wenn Besucher über externe Links (z. B. Google oder Social Media) tief in einer Website landen, hilft der Breadcrumb dabei, sofort zu verstehen, wo sie sich befinden und wie sie zu übergeordneten Kategorien zurückkehren können. Dies senkt die Absprungrate (Bounce Rate).

Achten Sie auf folgende Punkte:

• Verwenden Sie Structured Data (Schema.org), damit Google die Breadcrumbs korrekt erkennt.
• Platzieren Sie die Navigation im oberen Bereich der Seite, über der Hauptüberschrift (H1).
• Die aktuelle Seite sollte am Ende des Pfads stehen, aber nicht selbst verlinkt sein.
• Halten Sie die Bezeichnungen kurz und konsistent zu den Seitentiteln.