Zu den Techniken, mit denen sich eine Website für Suchmaschinen optimieren lässt, gehören Breadcrumbs. Sie sind eine interessante Möglichkeit, weil sie Besuchern jederzeit eine zusätzliche Orientierungshilfe auf der Website oder im Onlineshop bieten.
Die Einführung von Breadcrumbs (Brotkrumennavigation) auf einer Website ist ideal, um die Usability und die Nutzererfahrung zu verbessern.
Für Webdesign und SEO sind Breadcrumbs ein sehr wichtiges Werkzeug.
Was sind Breadcrumbs im SEO?
Breadcrumbs, auf Deutsch Brotkrumennavigation, sind ein Navigationselement, das Nutzern den Zugang zu verschiedenen Bereichen einer Website erleichtert. Der Name stammt aus dem Märchen von Hänsel und Gretel: Die Kinder streuen Brotkrumen aus, um den Rückweg nach Hause zu finden.
Auf einer Website funktionieren Breadcrumbs wie eine Spur, mit der Nutzer ihre Schritte zurückverfolgen und leicht zum Ausgangspunkt zurückfinden. Das macht die Navigation deutlich schneller und einfacher.
Außerdem können Nutzer mit Breadcrumbs erkennen, an welcher Stelle der Website sie sich befinden, und entweder ihre Schritte zurückgehen oder direkt zu verwandten Seiten wechseln.
Es gibt verschiedene Arten von Breadcrumbs:
- Hierarchische Breadcrumbs. Sie sind am weitesten verbreitet und folgen der Struktur der Website. Es sind die Links im oberen Bereich eines Onlineshops, die den Pfad bis zur aktuellen Seite anzeigen.
- Verlaufsbasierte Breadcrumbs. Diese Breadcrumbs sind in der Reihenfolge angeordnet, in der der Nutzer die Inhalte aufgerufen hat, sodass er seine Schritte zurückverfolgen kann.
Ein Beispiel für eine hierarchische Breadcrumb-Struktur folgt diesem Muster:
Startseite / Kategorie / Unterkategorie / Produkt
Das fett hervorgehobene Element ist die Seite, auf der sich der Nutzer gerade befindet. Mit einem Klick auf eines der anderen Elemente gelangt er direkt zu dessen Inhalt.
Strukturierte Daten (Markup): Was ist das?
Strukturierte Daten bedeuten, einen Teil der Inhalte einer Website zu markieren, um Google mitzuteilen, dass diese Daten wichtig sind und Informationen enthalten, die für Nutzer nützlich sind.
Sogenannte Rich Snippets sind erweiterte Suchergebnisse, die Google in den Suchergebnissen (SERPs) anzeigen kann und die sich aus der Auswertung der strukturierten Daten von Websites ergeben.
Wenn Google Breadcrumbs für die erweiterte Darstellung in den Suchergebnissen nutzt, kann ein Onlineshop oder eine Website ihre Sichtbarkeit verbessern. Ob und wie Google den Pfad anzeigt, entscheidet Google selbst, und das kann sich ändern.
Wie erstellt man Breadcrumbs?
Breadcrumbs auf einer Website, einem Blog oder in einem Onlineshop einzurichten, ist dank spezieller Module und Plugins nicht kompliziert.
Im Folgenden zeigen wir, wie Sie Breadcrumbs erstellen – im Content-Management-System WordPress und im Shopsystem PrestaShop.
Breadcrumbs in PrestaShop
PrestaShop bringt ein eigenes hierarchisches Breadcrumb-System mit, das auf den Produktkategorien des Onlineshops basiert. Durch Bearbeiten des CSS-Codes des Stylesheets der Breadcrumbs lassen sie sich anpassen, damit sie besser zu den Anforderungen und zum Design des Onlineshops passen.
Die Breadcrumbs von PrestaShop lassen sich auch durch ein Modul wie Google Rich Snippets Breadcrumbs ersetzen. Mit diesem Modul können Sie in einem PrestaShop-Shop Breadcrumbs mit der nötigen Konfiguration einrichten, damit Google sie auf den Ergebnisseiten hervorgehoben darstellen kann.
Breadcrumbs sind über HTML und strukturierte Daten nach Schema.org mit Google kompatibel. Bei sachgemäßer Umsetzung können sie daher als erweiterte Ergebnisse in den Google-SERPs erscheinen.
Diese und andere Rich Snippets sind unverzichtbar für die SEO-Optimierung in PrestaShop.Breadcrumb-Plugin für WordPress
Es gibt viele Möglichkeiten, Breadcrumbs in WordPress einzubinden. Die bekannten Plugins Yoast SEO und Rank Math bieten unter anderem die Möglichkeit, ein Breadcrumb-System für eine WordPress-Website einzurichten, entweder über Shortcodes oder per PHP.
Alternativ können Sie eines der vielen speziellen Plugins für Breadcrumbs in WordPress installieren und aktivieren, zum Beispiel:
- Breadcrumb NavXT. Mit diesem Plugin richten Sie sehr einfach einen Navigationspfad in WordPress ein und erleichtern Besuchern so den Weg durch die Website. Es unterstützt mehrere Sprachen, ist mit Schema kompatibel, um die Chancen auf eine Darstellung in den erweiterten Google-Ergebnissen zu erhöhen, und bietet auch eine einfache Breadcrumb-Variante für alle, die ihre Website nicht überladen möchten.
- WooCommerce Breadcrumbs. Dieses Plugin ist für Breadcrumbs in einem mit WooCommerce erstellten Onlineshop gedacht, dem WordPress-System für E-Commerce. Es ersetzt das einfache Breadcrumb-System, das WooCommerce standardmäßig mitbringt, und bietet mehr Flexibilität und Anpassungsmöglichkeiten (zum Beispiel HTML-Bearbeitung und die Möglichkeit, das Trennzeichen zwischen den Kategorien zu ändern).
Die Breadcrumbs sind ein wichtiger Baustein einer guten SEO-Strategie, denn sie verbessern Usability und Nutzererfahrung, was sich positiv auf die Position einer Website in den Suchergebnissen auswirken kann.
Da sie strukturierte Daten nach Schema unterstützen, bieten Breadcrumbs eine gute Chance, dass ein Onlineshop oder eine Website prominent auf den Google-Ergebnisseiten erscheint.
