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
●○○
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.
●●○
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.
●●●
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.
KI-Erklärungen können Fehler enthalten · Keine professionelle Beratung
Gleiche Fakten, anderer Vibe — Slang-Modus 😎
●○○
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. 😎
●●○
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. 😎
●●●
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. 😎
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 — Kostenlos50 kostenlose Erklärungen · Keine Kreditkarte nötig
Mehr aus der Galerie
Was ist eine API?
Die feste Vereinbarung, die zwei Programme zusammenarbeiten lässt, ohne einander zu kennen.
Was ist eine Abstraktionsschicht?
Oben einfach, darunter versteckte Komplexität — und austauschbar, ohne etwas zu brechen.
Was ist technische Schuld?
Abkürzungen und alternde Systeme, die die Zukunft belasten — Kredit, Zinsen, Tilgung.
Was bedeutet eine idempotente API?
Warum zehn Klicks nur einmal abbuchen — die Eigenschaft, die Retries sicher macht.
Was ist Edge Computing?
Die Arbeit auf dem Gerät statt im Rechenzentrum, und die drei Situationen, die das erfordern.
Was ist ein Kontextfenster?
Wie viel Text eine KI gleichzeitig im Kopf behält — und warum lange Chats ihren Anfang vergessen.