Was ist Breadcrumb-Navigation?
Brotkrümelnavigation bezieht sich auf die Spur interner Links - bekannt als "Brotkrümel" -, die den Benutzer über seine aktuelle Position auf einer Website innerhalb der Seitenhierarchie der Website informieren. Der Begriff "Brotkrümel" ist inspiriert von der Geschichte von Hänsel und Gretel aus dem Märchen der Gebrüder Grimm, wo sie eine Spur von Brotkrümeln hinterließen, um den Weg nach Hause zu finden.
Arten der Brotkrümelnavigation
- Hierarchiebasierte Breadcrumbs: Auch bekannt als ortsbezogene Breadcrumbs, zeigen sie die Position des Nutzers innerhalb der Hierarchie der Website.
- Attribut-basierte Brotkrümel: Organisiert auf der Grundlage von Attributen oder Tags, häufig verwendet auf E-Commerce-Websites.
- Verlaufsbasierte Breadcrumbs: Die Anordnung basiert auf den einzelnen Schritten, die der Besucher unternommen hat, um zur aktuellen Seite zu gelangen.
Bedeutung der Breadcrumb-Navigation
Die Brotkrümelnavigation ist wichtig, weil sie die Benutzerfreundlichkeit erhöht und die Navigation auf Websites erleichtert. Sie bietet eine sekundäre Navigation, die den Besuchern hilft, das zu finden, was sie suchen, und die Anzahl der Klicks reduziert, die erforderlich sind, um zu übergeordneten Seiten zurückzukehren. Außerdem verbessert sie die Benutzerfreundlichkeit auf mobilen Geräten und spielt eine entscheidende Rolle bei der Suchmaschinenoptimierung.
SEO-Vorteile
- Benutzerfreundlichkeit: Google belohnt Websites, bei denen die Benutzerfreundlichkeit im Vordergrund steht. Brotkrümel erleichtern die Navigation, was die Nutzerzufriedenheit verbessern kann.
- Verstehen der Website-Hierarchie: Breadcrumbs helfen Google, die Struktur Ihrer Website zu verstehen und den PageRank effektiver zu verteilen, was Ihre Platzierung verbessern kann.
- Niedrigere Absprungraten: Indem sie den Nutzern eine alternative Navigationsmöglichkeit bieten, können Breadcrumbs die Absprungrate senken, indem sie die Erkundung weiterer Inhalte auf der Website fördern.
Wie man eine Brotkrümelnavigation implementiert
Die Implementierung einer Breadcrumb-Navigation ist ganz einfach. Wenn Sie eine WordPress-Website haben, vereinfachen Plugins wie Yoast SEO den Prozess. Einige WordPress-Themes unterstützen Breadcrumbs sogar standardmäßig. Für Nicht-WordPress-Websites können Sie Breadcrumbs manuell mit HTML und CSS implementieren.
HTML-Vorlage Beispiel
<ul class="breadcrumb"> <li><a href="#">Startseite</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Kategorie</a></li> <li>Aktuelle Seite</li> </ul>Diese Vorlage erzeugt eine Aufzählungsliste von Links. Passen Sie den Stil mit CSS an Ihre Designanforderungen an.
Strukturierte Daten
Um sicherzustellen, dass Breadcrumbs in den SERPs erscheinen, implementieren Sie relevante strukturierte Daten auf Ihrer Website. Eine ausführliche Anleitung finden Sie in der Breadcrumb-Dokumentation von Google.
Bewährte Praktiken für die Brotkrümelnavigation
- Unterstützung der primären Navigation: Brotkrümel sind eine zusätzliche Navigationsfunktion, kein Ersatz für Ihr primäres Navigationsmenü.
- Verwenden Sie Trennzeichen: Trennen Sie Textlinks im Brotkrümelpfad mit Sonderzeichen wie ">", "/" oder Pfeilen.
- Vollständiger Navigationspfad: Geben Sie immer den vollständigen Navigationspfad an, unabhängig davon, wie der Nutzer auf die Seite gelangt ist.
- Lesen von links nach rechts: Der Brotkrumenpfad sollte von links nach rechts gelesen werden, mit der Startseite auf der linken Seite und der aktuellen Seite auf der rechten Seite.
- Aktuelle Seite: Das letzte Element im Brotkrumenpfad sollte die aktuelle Seite sein und kein anklickbarer Link.
- Unauffälliges Design: Achten Sie darauf, dass die Breadcrumb-Navigation einfach und unaufdringlich ist, sich am oberen Rand der Seite befindet und eine kleine, aber gut lesbare Schrift verwendet.
Weitere Einblicke und Tipps zu Webnavigation und SEO finden Sie im Ranktracker Blog und in unserem umfassenden SEO Guide. Lesen Sie auch unser SEO-Glossar, um sich mit den wichtigsten SEO-Begriffen und Konzepten vertraut zu machen.
