Die Eine Breadcrumb-Navigation zeigt den Pfad einer Seite innerhalb der Website-Hierarchie an. Sie verbessert die Orientierung der Nutzer und ergänzt die interne Verlinkung.Zum Glossareintrag → (BreadcrumbList ist ein Schema-Typ, der die Brotkrumen-Navigation einer Seite strukturiert beschreibt und so den Pfad innerhalb der Website-Hierarchie maschinenlesbar macht.Zum Glossareintrag →-Navigation) ist eine kleine Pfadanzeige, die meist oberhalb des Hauptinhalts steht. Sie zeigt, wo sich eine Seite innerhalb der Website-Struktur befindet, zum Beispiel:
Start > Ratgeber > Schuhpflege > Lederschuhe
Jede Stufe ist in der Regel ein Interne Verlinkung bezeichnet Links, die Seiten innerhalb derselben Website miteinander verbinden. Sie steuern, wie Suchmaschinen und Nutzer Inhalte finden und thematisch einordnen.Zum Glossareintrag →, der zur übergeordneten Ebene zurückführt. Damit erfüllt die Breadcrumb-Navigation zwei Funktionen: Sie verbessert die Nutzerführung, indem sie den Kontext einer Seite sichtbar macht, und sie ergänzt die interne Verlinkung mit klaren, hierarchisch geordneten Links.
Breadcrumbs unterstützen flache, nachvollziehbare Strukturen und helfen, Kategorien und übergeordnete Seiten konsistent zu verlinken. Sie ersetzen jedoch keine kontextuellen Links im Hauptinhalt, die für thematische Zusammenhänge wichtiger sind. Suchmaschinen können Breadcrumbs zudem in den Suchergebnissen anzeigen und so die Struktur einer Website besser verstehen.
Warum Breadcrumbs helfen #
Breadcrumbs zeigen Nutzern, wo sie sich in der Seitenhierarchie befinden, und geben Crawlern einen zweiten, strukturierten Pfad durch die Architektur — nützlich auf tiefen Websites, deren Hauptnavigation nicht alles verlinken kann. Google kann in den Suchergebnissen den Breadcrumb-Pfad statt der rohen URL anzeigen, was Einträge lesbarer macht.
Hinweise zur Umsetzung #
Breadcrumbs als <nav> mit geordneter Liste JavaScript-Rendering bezeichnet den Vorgang, bei dem ein Browser oder Crawler JavaScript-Code ausführt, um daraus die fertige, sichtbare Seite zu erzeugen. Erst nach diesem Schritt entstehen Inhalte, die nicht bereits im ausgelieferten HTML stehen.Zum Glossareintrag →, die aktuelle Seite als reinen Text (ohne Link) auszeichnen und den sichtbaren Pfad mit BreadcrumbList-JSON-LD (JavaScript Object Notation for Linked Data) ist ein Datenformat, mit dem strukturierte Daten getrennt vom sichtbaren HTML in eine Seite eingebunden werden. Google empfiehlt es, wenn es technisch möglich ist.Zum Glossareintrag → koppeln. Sichtbarer Pfad und Schema müssen übereinstimmen — bei Widersprüchen werden beide ignoriert.