Quelltext der Seite Https://somm.fernkurs-wiki.de/w/index.php/breadcrumbs

== Breadcrumbs ==

=== Definition ===
''= engl. für Brotkrumen.'' Mit diesem Begriff wird ein sekundärer Navigationspfad bezeichnet, anhand dessen der Benutzer genau nachverfolgen kann, wie er von der Startseite einer Website über einen Link zu seiner Zielseite gelangt ist. Er kann also leicht den Weg zurück auf die nächsthöhere Seite finden und hat das Gefühl, auch auf einer großen Website problemlos navigieren zu können. Entlehnt ist der Begriff dem Märchen von Hänsel und Gretel, die bei ihrer Wanderung durch den Wald Brotkrümel hinterlassen, um später den Weg zurück nach Hause zu finden.

''Beispiel:'' Startseite > Blog > Kurzgeschichten > Hänsel und Gretel

Meistens werden die Breadcrumbs zwischen Überschrift und eigentlichem Text angegeben; wahlweise können sie auch unter dem Text genannt werden.

=== Varianten ===
==== Location breadcrumbs ====
''dt. Ort-Brotkrümel;'' nicht der komplette Klickpfad wird angezeigt, sondern z. B. nur die Seiten- oder Kategoriennamen. Dies sorgt für bessere Übersichtlichkeit und ist die geläufigste Form.
==== Path breadcrumbs ====
''dt. Weg-Brotkrümel;'' der komplette Klickpfad wird angezeigt. Der Benutzer erkennt die genaue Position auf der Seite und kann genau nachvollziehen, über welche Einzelklicks er dorthin gekommen ist.

==== Attribute breadcrumbs ====
''dt. attributbasierte Brotkrümel;'' wird oft auf E-Commerce-Seiten eingesetzt, bei denen Produkte über ihre Eigenschaften gefiltert werden können (z.&nbsp;B. Damenhosen > schwarz > Gr.&nbsp;40). Je nachdem, wie man sich die Filter zusammenstellt, werden auch die Breadcrumbs angezeigt.

=== Vorteile ===

Neben der einfacheren und übersichtlicheren Navigation für den Benutzer sorgen Breadcrumbs auch für eine bessere Auffindbarkeit der Seite durch die Suchmaschinen &ndash; Google berücksichtigt z.&nbsp;B. auch logische Navigation bei der Indizierung.

<small>''Quelle: [https://onlinemarketing.de/lexikon/definition-breadcrumb OnlineMarketing.de / Lexikon / Breadcrumbs]''
</small>