Hast Du Dich schon einmal auf einer unübersichtlichen Website verlaufen? Du weißt nicht genau, wo (in welchem Verzeichnis) Du bist und wie Du zur vorherigen Seite zurückkommst? Ziemlich nervig, oder? Hier kommen Breadcrumbs ins Spiel. Sie sind virtuelle Brotkrumen, die Dir den Weg durch eine Website weisen. Egal, wie tief Du Dich in die Seite eingegraben hast, mit ihrer Hilfe kannst Du Dich leichter zurechtfinden. In unserem Lexikon werfen wir einen Blick darauf, was Breadcrumbs sind, wie sie funktionieren und warum sie so nützlich sind.
Breadcrumb: Mit Leichtigkeit durch Webseiten navigieren
Stell dir vor, Du bist in einer großen Buchhandlung. Dort gibt es endlos viele Regale voller Schmökerware. Wenn Du durch die Regale gehst, möchtest Du sichergehen, dass Du wieder zurückfindest. Genau das wird mit Breadcrumbs erreicht. Bei diesen handelt es sich um eine Art Pfad, der Dir anzeigt, wo Du Dich gerade befindest und wie Du zu Deinem vorherigen Standpunkt zurückkehren kannst.
Sie erscheinen in der Regel am oberen Rand einer Website (Above the fold), direkt unter der Hauptnavigationsleiste. Sie sind wie eine Kette von Links aufgebaut, die den Weg von der aktuellen Seite zur Startseite oder zur übergeordneten Kategorie zeigen. Sie sehen zum Beispiel so aus Start // Leistungen // SEO Agentur // OnPage Optimierung. Jedes Element in dieser Kette ist ein Link. Durch Anklicken des Links gelangst Du direkt zur entsprechenden Seite.
Warum sind Brotkrümel-Navigationen auf Websites sinnvoll?
Diese Art der Navigation hilft Dir nicht nur, Dich auf einer Website zurechtzufinden, sie bietet auch weitere Vorteile:
- Orientierung: Die virtuellen Brotkrumen zeigen Dir den Weg, den Du zur aktuellen Seite genommen hast. So weißt Du immer, wo Du Dich gerade befindest und wie Du am schnellsten wieder zurückkommst.
- Zeitersparnis: Du kannst Du schnell zu vorherigen Seiten springen, ohne den langen Weg über die Navigationsleiste zurückgehen zu müssen.
- Kontext: Breadcrumbs geben Dir Informationen darüber, wo sich die Seite, auf der Du gerade unterwegs bist, in der Gesamtstruktur der Website befindet. Bei tiefen Menüstrukturen ist dies besonders hilfreich.
Vorteile von Breadcrumbs in Bezug auf SEO
Breadcrumbs sind nicht nur für die Benutzerführung gut, sondern dienen auch der Suchmaschinenoptimierung. Sie helfen den Crawlern von Google und anderen Suchmaschinen, die Struktur einer Website besser zu verstehen und Inhalte effizienter zu indexieren, indem sie die Hierarchie der Website strukturiert darstellen. Ansonsten erhöhen Breadcrumbs die Benutzerfreundlichkeit, was sich positiv auf die Verweildauer und die Absprungrate auswirken kann - beides wichtige Faktoren für die Optimierung Deiner Website.
Arten von Breadcrumbs
Es gibt verschiedene Arten von Breadcrumbs. Sie liefern unterschiedliche Informationen:
- Hierarchische Brotkrumen: Diese zeigen den Weg von der Startseite bis zur aktuellen Seite. Ein Beispiel hierfür findest Du z.B. in unseren Leistungs- und Lexikon-Seiten.
- Breadcrumbs, die auf Attributen basieren: Diese zeigen Informationen zur aktuellen Seite, z.B. Suchergebnisse oder Filteroptionen. Beispiel: Start > Suchergebnisse für „SEO“.
4 Tipps für gute Breadcrumbs
- Klarheit: Gestalte Breadcrumbs einfach und verständlich. Vermeide die Verwendung von Abkürzungen oder Fachbegriffen.
- Platzierung: Platziere die Brotkrumen über dem Hauptinhalt. So ist der Brotkrumenpfad leicht zu finden.
- Konsistenz: Achte auf ein einheitliches Erscheinungsbild der Breadcrumbs auf Deiner gesamten Website. So können sich die Nutzer:innen daran gewöhnen.
- Trennzeichen: Um die Hierarchie klar darzustellen, solltest Du einfache, aber wirkungsvolle Trennzeichen (wie „>“ oder „/“) zwischen den Breadcrumb-Elementen verwenden.
Fazit: Ist die Verwendung von Breadcrumbs notwendig?
Breadcrumbs sind eine wertvolle Ergänzung für die Nutzererfahrung (User Experience). Sie bieten Orientierung, sparen Zeit und geben den Besucher:innen Deiner Website Kontext. Brotkrumen sind besonders hilfreich, um bei komplexen Websites mit vielen Verzeichnissen und Unterseiten den Überblick zu behalten. Je komplexer Deine Websitestruktur ist, desto sinnvoller ist es, eine Breadcrumb-Navigation einzubauen.
Du möchtest Deine Website besser strukturieren? Wir unterstützten Dich als Webdesign Agentur gerne dabei! Sprich uns an! Weitere Tipps für Dein Online Marketing findest Du übrigens auch in unserem Ratgeber und im Lexikon.
- Was bedeutet Usability?
- Was versteht man unter Paginierung?
- OnPage Optimierung: inhaltliche und strukturelle Verbesserungen auf Deiner Webseite
- Warum mobile first?
- Darum ist interne Verlinkung so wichtig