Breadcrumb-Navigation

Technik & Infrastruktur

Eine sekundäre Navigation, die den Standort des Nutzers in der Seitenhierarchie anzeigt und SEO sowie UX verbessert.

Definition

Breadcrumb-Navigation ist ein sekundäres Navigationselement, das die aktuelle Position des Nutzers innerhalb der Seitenhierarchie einer Website anzeigt. Sie erscheint typischerweise als horizontale Reihe klickbarer Links nahe dem Seitenanfang und zeichnet den Pfad von der Startseite bis zur aktuellen Seite nach. Der Begriff stammt aus dem Märchen von Hänsel und Gretel, in dem die Kinder Brotkrumen streuten, um den Heimweg zu finden. Im Webdesign dienen Breadcrumbs dem gleichen Zweck: Sie ermöglichen Besuchern, ihre Schritte zurückzuverfolgen, ohne den Zurück-Button des Browsers oder das Hauptnavigationsmenü nutzen zu müssen.

Warum Es Wichtig Ist

Breadcrumbs bedienen zwei unterschiedliche Zielgruppen. Für Besucher bieten sie sofortige Orientierung. Ein Leser tief in einer Blog-Kategorie oder Produktsektion kann genau sehen, wo er sich im Verhältnis zum Rest der Website befindet, und mit einem einzigen Klick zu jeder übergeordneten Ebene zurückspringen. Für Suchmaschinen verdeutlichen Breadcrumbs Seitenbeziehungen und Websitestruktur. Google kann das Breadcrumb-Markup auslesen und direkt in den Suchergebnissen als klickbaren Pfad anzeigen, anstelle der Roh-URL. Diese strukturierte Darstellung erhöht die Klickraten, da Nutzer den Seitenkontext vorab einsehen können, bevor sie klicken.

So Funktioniert Es in FlipLink

Die FlipLink-Marketingwebsite verwendet Breadcrumb-Navigation auf ihren Inhaltsseiten, einschließlich Blogbeiträgen, Feature-Seiten, Anwendungsfallseiten und Glossareinträgen. Jeder Breadcrumb-Pfad beginnt mit der Startseite und enthält den relevanten Abschnitt vor dem aktuellen Seitentitel. Sie sind mit strukturierten Daten ([JSON-LD](/glossary/json-ld) BreadcrumbList-Schema) implementiert, die Suchmaschinen helfen, die Sitehierarchie zu verstehen und Breadcrumb-Links in den Suchergebnissen anzuzeigen. Das strukturierte Daten-Markup folgt dem von Google empfohlenen Format, damit der Pfad als Rich Result erscheinen kann.

Technische Details

Das Breadcrumb-Markup verwendet den Schema-Typ `BreadcrumbList` von Schema.org. Jedes Element in der Liste ist ein `ListItem` mit `position`, `name` und `item` (URL). Der JSON-LD-Block befindet sich im `<head>` der Seite und folgt dieser konzeptuellen Struktur: - Position 1: Startseite (Root-URL) - Position 2: Abschnittsname (z. B. Blog, Funktionen, Glossar) - Position 3: Titel der aktuellen Seite Suchmaschinen lesen diese strukturierten Daten unabhängig vom sichtbaren Breadcrumb-HTML, daher müssen sowohl das visuelle Element als auch das Schema synchron bleiben. Wenn die sichtbaren Breadcrumbs einen anderen Pfad zeigen als das JSON-LD, kann Google das Markup vollständig ignorieren. Häufige Fehler sind das Festcodieren von Breadcrumbs statt der Generierung aus der tatsächlichen Seitenhierarchie oder das Weglassen des Schemas bei reiner Darstellung der visuellen Komponente.

Best Practices

**Halte Breadcrumbs kurz.** Jede Ebene sollte kurze Bezeichnungen verwenden. „Blog" ist besser als „Offizieller FlipLink-Blog" als Segment. Lange Bezeichnungen schieben den Breadcrumb-Pfad auf Mobilgeräten aus dem Bildschirm. **Beginne mit der Startseite.** Jeder Breadcrumb-Pfad sollte mit der Website-Root beginnen. Das Überspringen der Startseite bricht die hierarchische Logik und verwirrt sowohl Nutzer als auch Suchmaschinen. **Mache jedes Segment klickbar.** Ein Breadcrumb, bei dem Zwischenebenen reiner Text statt Links sind, verfehlt den Navigationszweck. **Entsprechung zur URL-Struktur.** Breadcrumbs sollten die tatsächliche Sitehierarchie widerspiegeln, keine willkürliche Gruppierung. **Verwende strukturierte Daten.** Das Hinzufügen des JSON-LD BreadcrumbList-Schemas ermöglicht die Breadcrumb-Darstellung in den Google-Suchergebnissen. Ohne dieses erhältst du den visuellen Vorteil für die Onsite-Navigation, verpasst aber den [SEO](/glossary/seo)-Vorteil in den Suchergebnissen.

Häufig Gestellte Fragen

**Beeinflussen Breadcrumbs das Suchranking direkt?** Breadcrumbs sind kein direkter Ranking-Faktor. Sie tragen jedoch zu besserer Websitestruktur, verbesserter Crawlbarkeit und verbesserter Suchergebnis-Darstellung (Rich Results) bei, was indirekt Klickraten und Nutzer-Engagement-Signale verbessern kann. **Sollte jede Seite Breadcrumbs haben?** Die Startseite benötigt in der Regel keine Breadcrumbs, da sie die Root ist. Landingpages für spezifische Kampagnen können sie ebenfalls weglassen, wenn sie absichtlich von der Haupthierarchie isoliert sind. Alle anderen Inhaltsseiten profitieren davon. **Was ist der Unterschied zwischen Breadcrumbs und einer [Sitemap](/glossary/sitemap)?** Eine [Sitemap](/glossary/xml-sitemap) listet alle indexierbaren Seiten einer Website für Suchmaschinen-Crawler auf. Breadcrumbs zeigen den hierarchischen Pfad zu einer einzelnen Seite für menschliche Besucher. Sie lösen unterschiedliche Probleme: Sitemaps unterstützen die Entdeckung, Breadcrumbs unterstützen die Navigation.

In anderen Sprachen verfügbar

Bereit, deine
PDFs zu verwandeln?

Schließe dich Tausenden von Unternehmen an, die FlipLink nutzen, um ansprechende, interaktive Inhalte aus ihren PDFs zu erstellen. Starte kostenlos — keine Kreditkarte erforderlich.

Erstelle dein erstes Flipbook Preise ansehen