Navigationspfade

Navigationspfade, im Englischen als breadcrumbs bekannt, sind eine Form der Pfadnavigation, die den jeweiligen Ort innerhalb einer Hierarchie zeigt. Sie erscheinen in der Regel oberhalb des Seiteninhalts und helfen Benutzern, ihre Position zu verstehen.

Der Hauptzweck ist Orientierung und Tiefenkontrolle: Benutzer sehen, wie sie zur aktuellen Seite gelangt sind, können zu vorherigen Ebenen zurückkehren und sich leichter durch umfangreiche Produktsammlungen oder Beitragsstrukturen navigieren.

Typischer Aufbau: Wurzelebene, Zwischenknoten und aktuelle Seite; oft durch Symbole oder Pfeile getrennt. Die Implementierung generiert den Pfad dynamisch basierend auf der Seitenhierarchie, muss aber konsistente Bezeichnungen verwenden, damit der Pfad sinnvoll bleibt.

Aus technischer Sicht nutzt man das nav-Element mit aria-label, eine geordnete Liste und die Attribute aria-current="page" für den aktuellen Eintrag. Barrierefreiheit und klare Beschriftungen verbessern das Erlebnis für Screenreader und Nutzer mit assistiven Technologien.

Es gibt Breadcrumbs (statisch oder dynamisch generierter Pfad) und Pfadnavigation, die eher die komplette Hierarchie als Sequenz zeigt. In einigen Systemen werden Pfade auch gezielt zur Indizierung durch Suchmaschinen genutzt oder die interne Navigation unterstützt.

Für SEO sollten Breadcrumbs durch strukturierte Daten (BreadcrumbList, JSON-LD) gekennzeichnet werden. Halten Sie Pfade kurz, aktuell und vermeiden Sie redundante Ebenen. Auf mobilen Bildschirmen kann eine reduzierte Anzeige hilfreich sein, um Platz zu sparen, ohne die Orientierung zu beeinträchtigen.