Web-Lexikon

Breadcrumb-Navigation

Eine Breadcrumb-Navigation zeigt als Pfad (z. B. Start > Blog > Beitrag), wo sich Besucher auf deiner Website befinden – gut fuer Orientierung und SEO.

Die Breadcrumb-Navigation (deutsch «Brotkrumen-Navigation») ist ein sekundaeres Navigationselement, das den Pfad einer Seite innerhalb der Website-Struktur abbildet – meist als Zeile aus klickbaren Links oben auf der Seite, etwa Start > Leistungen > Webdesign. Der Name spielt auf das Maerchen Haensel und Gretel an: Die «Krumen» zeigen den Weg zurueck. Sie ersetzt nicht die Hauptnavigation, sondern ergaenzt sie und macht die Hierarchie deiner Seiten sichtbar.

Warum es wichtig ist

Breadcrumbs erfuellen zwei Aufgaben gleichzeitig. Fuer Besucher schaffen sie Orientierung: Man sieht auf einen Blick, wo man sich befindet, und springt mit einem Klick eine Ebene hoeher – das senkt die Absprungrate und verbessert das UX-Design, besonders auf tief verschachtelten Seiten wie Blogs oder Online-Shops.

Fuer Suchmaschinen verdeutlichen sie die Seitenstruktur und staerken die interne Verlinkung, weil jede Unterseite zuverlaessig auf ihre uebergeordneten Kategorien verlinkt. Mit dem passenden Schema-Markup (BreadcrumbList) zeigt Google den Pfad zudem direkt im Suchergebnis statt der nackten URL an – das wirkt vertrauenswuerdiger und kann die CTR verbessern.

Wie es in der Praxis funktioniert

Eine saubere Umsetzung beachtet ein paar Punkte:

  • Hierarchie abbilden: Der Pfad folgt der logischen Seitenstruktur, nicht dem zufaelligen Klickverlauf des Nutzers.
  • Aktuelle Seite nicht verlinken: Das letzte Element (die Seite, auf der man ist) bleibt als Text stehen, ohne Link.
  • Semantisches HTML: Auszeichnung in einem <nav> mit aria-label="Breadcrumb", damit Screenreader den Bereich erkennen – ein Plus fuer die Barrierefreiheit.
  • Strukturierte Daten: BreadcrumbList als JSON-LD einbinden, damit Google den Pfad im SERP-Snippet uebernimmt.
  • Konsistenz: Position immer gleich, dezent gestaltet und klar von der Hauptnavigation getrennt.

Breadcrumbs lohnen sich vor allem ab drei Hierarchie-Ebenen. Eine flache Website mit fuenf Seiten braucht sie meist nicht.

Praxis-Bezug fuer Schweizer KMU

Fuer ein KMU mit Ratgeber-Blog, mehreren Leistungsseiten oder regionalen Landingpages sind Breadcrumbs ein kleiner Aufwand mit doppeltem Nutzen: Besucher finden sich schneller zurecht, und Google versteht deine Themen-Struktur besser. Gerade wenn du auf mehrere Orte oder Branchen abzielst, machen Breadcrumbs sichtbar, wie deine Seiten zusammenhaengen – ein Detail, das im Suchergebnis professioneller wirkt und die Klickwahrscheinlichkeit erhoeht. Wichtig ist dabei, dass die Pfad-Bezeichnungen mit deiner Menuestruktur uebereinstimmen, damit kein Bruch zwischen Navigation und Breadcrumb entsteht. Auf dem Smartphone bleibt das Element bewusst kompakt, ist aber weiterhin gut antippbar – so profitierst du auf jedem Geraet von besserer Orientierung und sauberer Struktur.

Häufige Fragen

Verstanden. Jetzt umsetzen.

Die kostenlose Analyse zeigt dir, was Breadcrumb-Navigation konkret für dein KMU bringt.