Breadcrumb

Ein Breadcrumb ist ein Navigationspfad, der die Position einer Seite in der Website-Hierarchie zeigt, etwa „Start › Blog › SEO › Beitrag“. Er hilft Nutzern bei der Orientierung und Suchmaschinen beim Verständnis der Struktur.

Der Name stammt von den Brotkrumen aus dem Märchen: Der Pfad führt zurück zum Ausgangspunkt. Jede Ebene ist verlinkt, nur die aktuelle Seite nicht. Google zeigt Breadcrumbs im Suchergebnis anstelle der URL, wenn die Seite das BreadcrumbList-Markup aus schema.org enthält. Das macht das Ergebnis lesbarer und verstärkt die interne Verlinkung zu den übergeordneten Seiten.

Barrierefrei ist ein Breadcrumb, wenn er als Navigation ausgezeichnet ist, ein aria-label wie „Navigationspfad“ trägt und die aktuelle Seite mit aria-current=“page“ markiert. Das Trennzeichen zwischen den Ebenen gehört ins CSS, nicht in den Text, damit Screenreader es nicht mitlesen. Bei Onlineshops mit tiefen Kategorien ist der Breadcrumb oft der wichtigste Orientierungspunkt.