Breadcrumb navigation

Was ist eine Breadcrumb Navigation? Einfach erklärt! 

Die Breadcrumb Navigation, auch Brotkrümelpfad, Ariadnepfad oder Brotkrumennavigation genannt, ist eine Art sekundäres Navigationselement, das dem Nutzer zeigt, wo er sich in den Hierarchieebenen der Website befindet. Die Breadcrumb Navigation wird in der Regel als Sie befinden sich hier-Text oder auf andere Weise gekennzeichnet. Sie verwendet kleine Wörter und Sätze, die durch Schrägstriche oder Pfeile getrennt sind und anzeigen, wie weit die Seite von der Startseite entfernt ist. Der Begriff Breadcrumb ist eine Anlehnung an das Märchen Hänsel und Gretel, in welchem die beiden mithilfe von Brotkrümeln den Weg zurückfinden. 

Die Brotkrümelnavigation wird in der Regel auf Websites mit umfangreichen Inhalten und einer komplexen Architektur verwendet. Sie zeigt den Nutzern, wo sie sich gerade befinden und hilft ihnen, ihre Reise durch die Ebenen der Webseitenstruktur vorwärts oder rückwärts zu verfolgen. Brotkrumenpfade sind nicht nur äußerst nützlich für die Besucher/innen, sondern können auch für die Suchmaschinenoptimierung und die allgemeine Verbesserung der Benutzerfreundlichkeit von Websites von Vorteil sein.

Wofür wird die Breadcrumb Navigation genutzt?

Die Breadcrumb Navigation wurde in den späten 90er-Jahren vom Internetgiganten Amazon populär gemacht. Sie zeigt eine Reihe von Links zu zuvor besuchten Seiten an und ermöglicht es den Nutzern, ihren Weg zurückzuverfolgen und schnell zwischen den Seiten zu wechseln. Jede Seite entspricht dann einem Breadcrumb, der nachverfolgt wird und in einem Glossar angewählt werden kann. 

Sie wird immer häufiger eingesetzt, da der Bedarf an einfacheren und schnelleren Benutzererfahrungen steigt. Die Breadcrumb Navigation verbessert die Benutzerfreundlichkeit, da sie den Nutzern hilft, sich schneller auf einer Website zurechtzufinden, und ihnen einen klaren Klickpfad aufzeigt, den sie während ihres Besuchs eingeschlagen haben. 

Welche Arten der Breadcrumb Navigation gibt es?

Es gibt drei Arten von Breadcrumb-Navigation, die häufig verwendet werden: 

  • hierarchisch
  • pfadbasiert 
  • attributbasiert

Die hierarchische Quellennavigation strukturiert die Hierarchie der Startseite mithilfe von Kategorien, um zu zeigen, wo sich der Nutzer innerhalb der Webseitenstruktur befindet. Die pfadbasierte Navigation zeigt den Pfad von der Root-Domain oder der Homepage zu der Seite, die gerade angezeigt wird und die attributbasierte Navigation unterstützt Filteroptionen auf E-Commerce-Webseiten, die sich auf Produktattribute wie Preis oder Farbe beziehen.

Welchen Einfluss haben Breadcrumbs auf SEO und SERP? 

Breadcrumbs oder Brotkrumen sind in den letzten Jahren immer wichtiger für die Suchmaschinenoptimierung geworden, da sie eine sekundäre Navigationsart darstellen und dabei helfen, Inhalte nutzerfreundlich zu strukturieren. Wenn du Brotkrümel auf deinen Webseiten einfügst und den Suchmaschinen den Zugriff darauf erlaubst, kannst du das Ranking deiner Seite verbessern und die Sichtbarkeit von Webseiten und Inhalten auf den Ergebnisseiten der Suchmaschinen erhöhen. 

Das liegt daran, dass Breadcrumbs durch die Hierarchien zwischen Eltern-Kind-Seiten einen guten Einblick in die interne Linkstruktur geben. Außerdem ermöglichen Breadcrumbs anklickbare Links, die zu anderen Seiten auf der Website zurückverfolgt werden können, was die Wahrscheinlichkeit erhöht, dass Besucher auf diesen Seiten landen und Aufrufe und Leads generieren. Und nicht nur das: Durch die Schaffung von mehr Navigationspfaden auf Websites wird das Gesamterlebnis der Nutzer/innen verbessert, da sie verwandte Themen oder Abschnitte, die sie interessieren könnten, leichter finden können. 

Durch die Bereitstellung klarer und genauer Breadcrumbs werden die Suchmaschinen-Ranking-Seiten (SERPs) maßgeblich beeinflusst. Man geht davon aus, dass die SERPs positiv beeinflusst werden können, wenn Website-Besucher die Breadcrumbs nutzen, um nicht nur die gewünschte Seite zu erreichen, sondern sich auch durch andere verwandte Themen auf der Website zu bewegen. 

Zudem hilft die Art und Weise, wie Breadcrumbs in den SERPs angezeigt werden, den Nutzern dabei, Seiten zu identifizieren, die mit einer für ihre Anfrage relevanten internen Linkstruktur strukturiert wurden. Dadurch wird die Sichtbarkeit von Webseiten in den SERP-Ergebnissen sogar noch weiter erhöht als durch normale Textlinks. Die Implementierung effektiver Breadcrumbs auf deiner Website hilft also ungemein bei der SEO-Optimierung und der Navigation auf deiner Website.

Wie können Breadcrumbs auf deiner Webseite integriert werden? 

Um Breadcrumbs in deine Website einzubauen, musst du zunächst die Hierarchieebenen deiner Website-Struktur berücksichtigen. Mit dieser Seitenhierarchie sollte es einfach sein, die Reihenfolge zu bestimmen, in der jede Seite zu ihrer übergeordneten Seite zurück verlinkt. Die Breadcrumbs selbst können über verschiedene Wege in die Webseite eingepflegt werden. 

Zum einen können Breadcrumbs über den HTML-Quellcode erstellt werden und später optisch über CSS an deine Webseite angepasst werden. Ein Breadcrumbs kann z. B. mit folgendem HTML-Code generiert werden: 

<div id=“breadcrumbs“>

<a href=“Home“>Startseite</a> 

<a href=“Kategorie 1″>Ebene 1</a>

<a href=“Unterkategorie 1.1″>Unterpunkt zu Ebene 1</a>

</div>

Breadcrumbs können auch über Content Management Systeme (CMS) über das Backend der Webseite erstellt werden. Einige Systeme bieten hier bereits vorgefertigte Lösungen an, bei anderen können entsprechende Plugins nachinstalliert werden. Sollte kein CMS zur Verfügung stehen und kein HTML genutzt werden, kann eine Implementierung auch über PHP oder JavaScript erfolgen. Hier sind dann entsprechende Programmierkenntnisse in der jeweiligen Sprache erforderlich.