Clicked Gallery

Was sind Breadcrumbs auf einer Website?

Markiert in einem echten Engineering-Dokument. Erklärt von Clicked.

Im Satz verwendet

Engineering Notes · Web

Add breadcrumbs to every product page so people can move up a level without hunting for the back button.

Der Leser markierte ein Wort in der Dokumentation. Clicked erklärte den Fachbegriff „breadcrumbs“ ganz einfach:

In drei Stufen erklärt

Gleiche Fakten, anderer Vibe — Slang-Modus 😎

Die Clicked-Methode

●○○

Overview

Breadcrumbs sind die kleine Zeile aus Links über dem Titel einer Seite, die den Weg von der Startseite bis zu der Seite zeigt, die du gerade liest. Ein Shop für Regenjacken zeigt vielleicht Start, dann Oberbekleidung, dann Regenjacken und zuletzt die Jacke selbst. Alle Schritte außer dem letzten sind Links, und die Aufgabe der Zeile ist es, dir zu sagen wo du bist und dich von dort aus nach oben zu lassen.
●○○

Overview

Breadcrumbs sind diese Mini-Zeile Start > Bereich > Diese Seite ganz oben auf einer Webseite. Tipp einen beliebigen Schritt darin an und du landest auf dieser Ebene der Website, egal wie weit sie zurückliegt. Es gibt sie, weil große Seiten tief sind und das Landen auf einer Seite dir nichts über den Bereich verrät, in dem du eigentlich steckst. 😎

Die Kurzfassung — oft reicht sie schon.

●●○

Detail

Du suchst eine Regenjacke, klickst ein Ergebnis an und landest tief in einem Onlineshop bei einem einzelnen Produkt. Die Breadcrumbs sind die dünne Zeile über dem Produktnamen, in der Start, dann Oberbekleidung, dann Regenjacken und dann die Jacke steht. Von links nach rechts gelesen benennt diese Zeile jede Ebene der Website oberhalb dieser Seite, und der letzte Eintrag ist die Seite selbst, weshalb er einfacher Text ist und kein Link. Klick auf Regenjacken und du landest in dieser Gruppe, klick auf Oberbekleidung und du gehst zwei Ebenen hoch, wie weit du also reist, hängt vom gewählten Schritt ab. Warum nicht einfach den Zurück-Button nehmen, den jeder Browser hat? Weil Zurück deinen eigenen Besuch abspielt, der bei einem Suchergebnis begann, dich also zu Google zurückbringt statt in den Shop, während diese Zeile den Aufbau des Shops beschreibt, egal wie du angekommen bist. Daraus folgen zwei Dinge. Der gezeigte Aufbau muss der echte sein, denn die Hierarchie existiert in der Website, ob sie jemand abdruckt oder nicht, und Suchmaschinen greifen dieselbe Spur auf und zeigen sie mitunter unter deinem Treffer statt der Adresse.
●●○

Detail

Jemand wirft einen Link in den Gruppenchat, du tippst drauf und stehst ohne jeden Zusammenhang auf einer Produktseite. Ganz oben sitzt eine Zeile mit Start, dann Küche, dann Mixer, dann das Ding das du geöffnet hast, und diese Zeile sind die Breadcrumbs. Tipp auf Mixer und du bekommst jeden Mixer im Laden, tipp auf Küche und du bekommst die ganze Abteilung, du entscheidest also wie weit es hochgeht. Warum nicht einfach Zurück drücken? Weil Zurück nur weiß, wo du selbst hergekommen bist, und dich damit wieder im Gruppenchat abliefert, während diese Zeile den echten Aufbau des Ladens kennt. Es muss auch der echte Aufbau sein, denn Shops die da schummeln schicken dich in Bereiche, die es gar nicht gibt. Suchmaschinen lesen dieselbe Zeile und zeigen sie manchmal unter deinem Link statt einer langen Adresse, die sowieso niemand liest. Ein Streifen Text, zwei Jobs gleichzeitig. 😎

Mehr? Ein Klick geht tiefer.

●●●

Analogy

Schau dir den Ordnerpfad oben in einem Dateifenster an: Dokumente, dann Steuern, dann 2025, dann der Beleg, den du geöffnet hast. Dieser Pfad ist kein Protokoll deiner Klicks, und er liest sich gleich, ob du die Ordner einzeln geöffnet oder den ganzen Rechner durchsucht hast, weil er beschreibt wo die Datei liegt. Klick auf einen beliebigen Teil und du landest auf dieser Ebene. Breadcrumbs sind genau dieser Pfad, gedruckt auf einer Webseite, und aus demselben Grund.
Deepest level reached.
●●●

Analogy

Netflix zeigt dir genau wo du bist: die Serie, dann Staffel 3, dann Folge 5. Diese Zeile ist kein Protokoll deiner Klicks, und sie sieht identisch aus, ob du dich hingeklickt oder den Titel gesucht hast, weil sie sagt wo die Folge liegt. Tipp auf die Staffel und du bekommst jede Folge darin. Breadcrumbs sind diese Zeile auf einer Website, und sie verdienen ihr Geld an den Tagen, an denen du von der Seite reinkommst. 😎
Deepest level reached.

Neues Konzept? Ein Alltagsbeispiel macht’s greifbar — neue Analogien auf Knopfdruck.

KI-Erklärungen können Fehler enthalten · Keine professionelle Beratung

Formale Definition — Derselbe Begriff, wie er sonst erklärt wird

Breadcrumbs sind ein sekundäres Navigationselement, das die hierarchische Position der aktuellen Seite innerhalb einer Website darstellt, ausgegeben als geordnete Folge von Links auf übergeordnete Ebenen, die mit der aktuellen Seite endet. Sie bilden die Struktur der Website ab und nicht den Verlauf der Sitzung, und wenn sie mit BreadcrumbList-Daten ausgezeichnet sind, können Suchmaschinen sie anstelle der URL anzeigen.

Soll Clicked Begriffe wie „breadcrumbs“ direkt in deinem Browser erklären – auch in PDFs?

Zu Chrome hinzufügen — Kostenlos

50 kostenlose Erklärungen · Keine Kreditkarte nötig