M&DMICHAEL & DiVIP STUDIO
077 206 88 88
Hoholia-Straße 24, Butscha, Ukraine
24/7 · Rund um die Uhr
← Zum Journal

VIP STUDIO MICHAEL & Di · 24.10.2026

Brotkrümelnavigation: Wo bin ich, und was liegt eine Ebene höher?

Ein goldener Weg führt durch drei blaue Bögen einer Papierstadt zu einer orangefarbenen Ortsmarkierung.
Originäre KI-generierte Konzeptillustration, kein Foto eines realen Studios oder Kunden.

Ein Einstieg ohne Vorgeschichte

Ein Artikel wird aus einer Nachricht geöffnet, ein Produkt über die Suche. Die Startseite hat dieser Besucher vielleicht nie gesehen. Ein kleiner Pfad über der Überschrift schafft Orientierung: Startseite → Journal → Artikel. Er soll keine freie Zeile füllen, sondern den Weg zu einer übergeordneten Sammlung zeigen, ohne dass man erst das gesamte Menü verstehen muss.

Hierarchie statt Klickprotokoll

Brotkrümel zeigen übergeordnete Seiten, nicht die zufällige Reihenfolge bisheriger Klicks. Suche → Kontakt → Produkt ist ein Verlauf, keine sinnvolle Adresse innerhalb der Website. Dafür gibt es bereits die Zurück-Funktion des Browsers. Klären Sie zuerst die Seitenstruktur. Gehört ein Inhalt zu mehreren Sammlungen, wählen Sie einen verständlichen Hauptpfad und zeigen weitere Beziehungen gesondert.

Jede Stufe braucht ein echtes Ziel

Erfinden Sie keine leere Kategorie, damit der Pfad wichtiger aussieht. Der Name eines übergeordneten Bereichs muss zum Ziel passen. Die aktuelle Seite darf einfacher Text bleiben; ein Link auf dieselbe Seite bringt selten etwas. Auch hier helfen aussagekräftige Linktexte. Ein sachlicher Name ist besser als eine originelle, aber rätselhafte Bezeichnung.

Zugänglich und ohne Nebengeräusche

W3C beschreibt die Brotkrümelnavigation als Navigationsbereich mit zugänglichem Namen. Ist der aktuelle Eintrag ein Link, wird er mit aria-current="page" gekennzeichnet; bei reinem Text ist das optional. Trennzeichen sollten keine zusätzlichen Tastaturstopps erzeugen. Prüfen Sie sichtbaren Fokus, Lesereihenfolge und die Unterscheidbarkeit vom Hauptmenü.

Auf schmalen Displays zählt der Inhalt

Winzige Schrift ist keine gute Antwort auf lange Titel. Erlauben Sie einen durchdachten Umbruch oder einen kompakten Weg zum übergeordneten Bereich. Verbergen Sie nicht den gesamten Kontext hinter unerklärten Auslassungspunkten. Testen Sie lange Namen, vergrößerten Text und jede Sprache. Drei kurze Beispielwörter im Entwurf zeigen noch nicht, ob das Element im Alltag funktioniert.

Markup allein reicht nicht

BreadcrumbList kann die Hierarchie für Suchmaschinen beschreiben, garantiert aber weder eine bestimmte Darstellung noch bessere Positionen. Die Daten müssen zu den tatsächlichen Seiten passen. Öffnen Sie vor der Freigabe eine tiefe URL direkt, prüfen Sie jeden übergeordneten Link und unbeabsichtigte Sprachwechsel. Ein guter Pfad beantwortet unaufdringlich: Wo bin ich, und was gibt es eine Ebene höher?

Quellen

Weiterlesen

Formulare, die verstehen, was Menschen eingeben