Referenzen
Kontakt
052 508 14 81
LexikonWebdesign und Technik

Breadcrumb-Navigation

Eine Breadcrumb-Navigation ist ein Pfad (z. B. Start > Blog > Beitrag), der zeigt, wo sich Besucher auf deiner Website befinden. Das hilft bei der Orientierung und im SEO.

Die Breadcrumb-Navigation (deutsch "Brotkrumen-Navigation") ist ein ergänzendes Navigationselement, das den Pfad einer Seite innerhalb der Website-Struktur abbildet. Meist steht sie als Zeile aus klickbaren Links oben auf der Seite, etwa Start > Leistungen > Webdesign. Der Name spielt auf das Märchen Hänsel und Gretel an, in dem Brotkrumen den Weg zurück markieren. Die Breadcrumb-Navigation ersetzt die Hauptnavigation nicht. Sie ergänzt sie und macht die Hierarchie deiner Seiten sichtbar.

Warum es wichtig ist

Breadcrumbs helfen Besuchern und Suchmaschinen. Besucher sehen auf einen Blick, wo sie sich befinden, und gelangen mit einem Klick eine Ebene höher. Das senkt die Absprungrate und verbessert das UX-Design, besonders auf tief verschachtelten Seiten wie Blogs oder Online-Shops.

Suchmaschinen erkennen über Breadcrumbs die Seitenstruktur. Zudem stärken sie die interne Verlinkung, weil jede Unterseite zuverlässig auf ihre übergeordneten Kategorien verlinkt. Mit dem passenden Schema-Markup (BreadcrumbList) kann Google den Pfad im Suchergebnis anstelle der URL anzeigen. Das wirkt übersichtlicher und kann die CTR verbessern.

Wie es in der Praxis funktioniert

Bei der Umsetzung sind einige Punkte zu beachten:

  • Hierarchie abbilden: Der Pfad folgt der logischen Seitenstruktur, nicht dem Klickverlauf des Besuchers.
  • Aktuelle Seite nicht verlinken: Das letzte Element, also die aktuelle Seite, steht als Text ohne Link.
  • Semantisches HTML: Die Auszeichnung erfolgt in einem <nav> mit aria-label="Breadcrumb", damit Screenreader den Bereich erkennen. Das verbessert die Barrierefreiheit.
  • Strukturierte Daten: BreadcrumbList als JSON-LD einbinden, damit Google den Pfad im Snippet übernimmt.
  • Konsistenz: Die Position bleibt immer gleich, die Gestaltung ist dezent und klar von der Hauptnavigation getrennt.

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

Praxis-Bezug für Schweizer KMU

Für ein KMU mit Ratgeber-Blog, mehreren Leistungsseiten oder regionalen Landingpages sind Breadcrumbs mit wenig Aufwand umgesetzt. Besucher finden sich schneller zurecht, und Google versteht die Themenstruktur besser. Wenn du mehrere Orte oder Branchen ansprichst, zeigen Breadcrumbs, wie deine Seiten zusammenhängen. Die Bezeichnungen im Pfad sollten mit deiner Menüstruktur übereinstimmen, damit Navigation und Breadcrumb dieselben Begriffe verwenden. Auf dem Smartphone bleibt das Element kompakt, sollte aber gut antippbar sein.

Häufige Fragen

Breadcrumbs sind kein eigenständiger, starker Ranking-Faktor. Sie helfen aber indirekt: Sie verbessern die interne Verlinkung und die Crawlbarkeit. Mit BreadcrumbList-Schema erscheint der Pfad zudem im Suchergebnis, was die Klickrate erhöhen kann.

Nein. Breadcrumbs lohnen sich vor allem bei Websites mit mehreren Hierarchie-Ebenen, etwa Blogs, Shops oder vielen Landingpages. Eine flache Seite mit wenigen Unterseiten kommt gut ohne aus.

Zeige den Pfad in einem semantischen nav-Element mit aria-label und hinterlege zusätzlich strukturierte Daten als BreadcrumbList (JSON-LD). So kann Google den Pfad erkennen und im Snippet anstelle der URL anzeigen.

Passende Leistungen