Veröffentlicht am 14. Januar 2025 von Kevin Kühn
Ein Breadcrumb ist ein Navigationselement, das Nutzern zeigt, an welcher Stelle der Website sie sich befinden und wie sie zu vorherigen Seiten zurückkehren können. Es wird meist oberhalb des Seiteninhalts angezeigt und verbessert sowohl die Benutzerfreundlichkeit als auch die SEO.
Warum sind Breadcrumbs so wichtig?
Breadcrumbs helfen Ihren Besuchern, sich auf Ihrer Website zurechtzufinden, insbesondere wenn diese umfangreiche Inhalte bietet. Gleichzeitig helfen sie Suchmaschinen, die Struktur Ihrer Website besser zu verstehen. Sie können sich Breadcrumbs wie eine Wegbeschreibung vorstellen, die Ihnen zeigt, welchen Pfad Sie genommen haben und wie Sie zurückkommen können.
Ein Vergleich: Stellen Sie sich vor, Sie gehen wandern und folgen einem markierten Pfad. Der Breadcrumb ist wie ein Schild, das Ihnen sagt, wie weit Sie vom Startpunkt entfernt sind und wie Sie zurückkehren können.
Diese Beispiele zeigen den Nutzen von Breadcrumbs
Hier einige Beispiele, wie Breadcrumbs zur besseren Navigation beitragen:
- Online-Shops: Bei einem Klick auf ein Produkt sehen Sie den gesamten Pfad, z. B. „Home > Kleidung > Jacken > Winterjacke“.
- Blog-Artikel: Zeigt an, in welcher Kategorie sich der Artikel befindet, z. B. „Home > Blog > Webdesign > UI/UX-Tipps“.
- Verzeichnisse: Besonders bei komplexen Websites mit vielen Unterseiten sorgt ein Breadcrumb-Pfad für mehr Übersicht.
Die größten Irrtümer über Breadcrumbs
- „Nur für große Websites nötig“: Auch kleinere Websites profitieren von einer klaren Navigation.
- „Breadcrumbs ersetzen die Hauptnavigation“: Breadcrumbs sind eine Ergänzung, keine Alternative zur Navigation.
- „Breadcrumbs sind nicht SEO-relevant“: Sie helfen nicht nur Nutzern, sondern können auch als zusätzliche interne Verlinkungen wirken.
Unterschied zwischen statischen und dynamischen Breadcrumbs
Statische Breadcrumbs zeigen immer denselben Pfad unabhängig vom Einstiegspunkt. Dynamische Breadcrumbs passen sich an den tatsächlichen Klickpfad des Nutzers an.
So setzen Sie Breadcrumbs erfolgreich ein
- Sichtbare Platzierung: Setzen Sie den Breadcrumb-Pfad oberhalb des Hauptinhalts ein.
- Logische Struktur: Sorgen Sie dafür, dass der Pfad klar und nachvollziehbar ist.
- Schema-Markup nutzen: Verwenden Sie strukturierte Daten, damit Suchmaschinen Ihre Breadcrumbs korrekt interpretieren können.
Verwandte Begriffe
- Navigation: Der strukturelle Aufbau und die Menüs, die Nutzern das Navigieren ermöglichen.
- User Experience (UX): Das Gesamterlebnis des Nutzers bei der Interaktion mit einer Website.
- Interne Verlinkung: Links, die innerhalb der eigenen Website gesetzt werden.
- Seitenhierarchie: Die Struktur und Reihenfolge der Seiten innerhalb einer Website.
- Menu-Trail: Ein Pfad, der ebenfalls zur Orientierung des Nutzers dient, aber nicht immer klickbar ist.