Breadcrumbs

Was sind Breadcrumbs?

Breadcrumbs sind Links, die es einem Benutzer ermöglichen, seinen Weg von der Seite, die er gerade besucht, bis zur Startseite Ihrer Website zu verfolgen. Sie erscheinen ganz oben auf Ihrer Seite und spiegeln die Struktur Ihrer Website wider. Richtig benutzte Seiten-Breadcrumbs können mehr Kontext und Verständnis für die Struktur Ihrer Seiten ergänzen und das Benutzererlebnis auf Ihrer Website verbessern.

Wie Breadcrumbs die Benutzerfreundlichkeit beeinflussen

Die Breadcrumbs sind für Ihre Leser sehr hilfreich. Sie helfen den Nutzern nicht nur die Übersicht auf Ihrer Website zu behalten, sondern auch ähnliche Seiten zu besuchen und tiefer in die Website einzudringen. Dies hilft, negative Faktoren wie die Bounce-Raten Ihrer Website zu minimieren, was zu einer positiven Optimierung führt.

Nachfolgend finden Sie eine Liste von Möglichkeiten, wie Breadcrumbs für Ihre Benutzer von Vorteil sein können:

• Sie helfen den Benutzern, das Layout Ihrer Website zu verstehen.
• Benutzer können leichter durch Ihre Website navigieren und auf ähnliche interessante Seiten zugreifen, während sie sich noch auf Ihrer Website befinden.
• Sie wirken nicht überforndernd auf den Benutzer.
• Sie ermöglichen es Ihren Nutzern, deutlich schneller durch Ihre Website zu manövrieren.
• Die Breadcrumbs sind leicht zu verstehen und setzen Anhaltspunkte.
• Unabhängig vom technischen Kenntnisstand kann jeder Anwender die Breadcrumbs auf einer Website leicht verstehen und umsetzen.

Wie Breadcrumbs Ihre SEO beeinflussen

Breadcrumbs sind für die Suchmaschinen ebenso vorteilhaft wie für die Nutzer. Sie bieten logischen Zugriff auf alle inneren und äußeren Seiten Ihrer Website, eine Praxis, die von Suchmaschinen sehr geschätzt wird.

Nachfolgend finden Sie eine Liste von Möglichkeiten, wie Breadcrumbs die SEO Ihrer Website beeinflussen:

• Sie zeigen Keywords auf bestimmte Seiten.
• Dies hilft den Suchmaschinen zu verstehen, wie verschiedene Seiten miteinander verbunden sind.
• Sie verbessern die interne Linkstruktur Ihrer Website.
• Breadcrumbs können zusätzliche Vorteile bieten, wenn sie mit einem kontextuellen Link zu den entsprechenden Seiten kombiniert werden.
• Google erkennt die Informationsarchitektur noch deutlicher für potentielle Rich Snippets. Dies erleichtert es Suchmaschinen-Bots zu verstehen, dass sie sich mit einem Breadcrumb befassen. So hat das Breadcrumb die Chance, in den SERPs zu erscheinen, um den Anwendern mehr zu erleichtern.

Hier sind einige Best Practices, die Sie implementieren können, um Ihre Breadcrumbs für SEO zu optimieren:

• Verwenden Sie Breadcrumbs nur, wenn sie den Benutzern helfen; SEO ist ein zusätzlicher Vorteil.
• Verwenden Sie Breadcrumbs oben auf Ihrer Webseite.
• Wenn Sie sie auf einer Seite verwenden, verwenden Sie sie auf der gesamten Website.
• Beginnen Sie von Ihrer Homepage aus und leiten Sie Schritt für Schritt zur aktuellen Seite.
• Verlinken Sie nicht auf die aktuelle Seite.
• Gestakten Sie sie, um sie ansprechend zu gestalten, aber nicht im Mittelpunkt der Aufmerksamkeit.
• Deine Breadcrumbs sind deine sekundäre Navigation. Sie sollten niemals die primäre Navigation ersetzen.
• Fügen Sie den vollständigen Navigationspfad in Ihre Breadcrumbs ein. Das Überspringen einer Ebene kann Benutzer verwirren.
• Verwenden Sie das Breadcrumb nicht in Ihrem Seitentitel.

Breadcrumbs sind ein sehr nützliches Werkzeug für eine bessere Benutzererfahrung, besonders wenn Ihre Website eine komplexe Hierarchie hat. Sie helfen auch den Suchmaschinen, die interne Struktur Ihrer Website zu verstehen und wirken sich insgesamt positiv auf die SEO Ihrer Website aus. Mit den zahlreichen Vorteilen, die sie mit sich bringen, gibt es keinen Grund, sie nicht zu verwenden.

Breadcrumbs in WordPress einrichten

Um Breadcrumbs in WordPress einzurichten, gibt es mehrere Möglichkeiten. Eine der einfachsten Möglichkeiten ist die Verwendung eines Breadcrumb-Plugins. Hier sind die Schritte, die Sie befolgen müssen:

1. Installieren Sie das Breadcrumb-Plugin Ihrer Wahl aus dem WordPress-Plugin-Verzeichnis. Einige empfehlenswerte Breadcrumb-Plugins sind “Breadcrumb NavXT” oder “Yoast SEO”
2. Aktivieren Sie das Plugin nach der Installation.
3. Navigieren Sie zu “Design” und dann zu “Widgets”, um das Breadcrumb-Widget hinzuzufügen.
4. Wählen Sie die Sidebar aus, in der Sie das Breadcrumb-Widget anzeigen möchten.
5. Passen Sie das Breadcrumb-Widget an Ihre Wünsche an, indem Sie es konfigurieren und anpassen.
6. Überprüfen Sie das Ergebnis auf Ihrer Website.

Es ist wichtig zu beachten, dass einige Themes bereits Breadcrumb-Unterstützung haben, in diesem Fall brauchen sie nicht unbedingt ein plugin zu installieren. Sie können überprüfen ob Ihr Theme Breadcrumb unterstützt, indem sie in die Dokumentation des Themes schauen oder indem sie den Entwickler des Themes kontaktieren.

Sie können auch Breadcrumbs manuell in den PHP-Code Ihres Themes einbinden, indem Sie die WordPress-Funktion “get_breadcrumb()” verwenden. Hierfür benötigen Sie jedoch fortgeschrittene Kenntnisse in PHP und WordPress-Entwicklung.

Es ist empfehlenswert, dass Sie ein Backup Ihrer Website erstellen, bevor Sie irgendwelche Änderungen an Ihrem Code vornehmen, um sicherzustellen, dass Sie im Falle eines Fehlers problemlos zurückkehren können.

Breadcrumbs in Shopify einrichten

Um Breadcrumbs in Shopify einzurichten, gibt es mehrere Möglichkeiten. Eine davon ist die Verwendung eines Breadcrumb-Apps aus dem Shopify App Store. Hier sind die Schritte, die Sie befolgen müssen:

1. Suchen Sie im Shopify App Store nach einer geeigneten Breadcrumb-App. Einige empfehlenswerte Breadcrumb-Apps sind “Breadcrumb Navigation” oder “Better Breadcrumbs”
2. Installieren Sie die gewählte App, indem Sie auf den “Installieren”-Button klicken.
3. Geben Sie Ihre Shopify-Anmeldeinformationen an, um die Installation abzuschließen.
4. Navigieren Sie zur App-Einstellungen und konfigurieren Sie die Einstellungen der App entsprechend Ihren Wünschen.
5. Überprüfen Sie das Ergebnis auf Ihrer Website, indem Sie durch Ihre Produktkategorien und Produkte navigieren.

Es ist wichtig zu beachten, dass einige Shopify Themes bereits Breadcrumb-Unterstützung haben, in diesem Fall brauchen sie nicht unbedingt eine App zu installieren. Sie können überprüfen ob Ihr Theme Breadcrumb unterstützt, indem sie in die Dokumentation des Themes schauen oder indem sie den Entwickler des Themes kontaktieren.

Sie können auch Breadcrumbs manuell in den Code Ihres Themes einbinden, indem Sie Liquid-Code verwenden. Hierfür benötigen Sie jedoch fortgeschrittene Kenntnisse in Liquid und Shopify-Entwicklung.

Auch hier ist es empfehlenswert, dass Sie ein Backup Ihrer Website erstellen, bevor Sie irgendwelche Änderungen an Ihrem Code vornehmen, um sicherzustellen, dass Sie im Falle eines Fehlers problemlos zurückkehren können

Vorteile

Website Breadcrumbs bieten eine Reihe von Vorteilen für Benutzer.

1. Verbesserte Navigation: Breadcrumbs zeigen dem Benutzer, wo er sich auf der Website befindet und wie er zurück zu früheren Seiten gelangen kann.
2. Bessere Benutzererfahrung: Breadcrumbs machen es einfacher, sich auf der Website zurechtzufinden und erhöhen somit die Benutzererfahrung.
3. Erhöhte Auffindbarkeit: Breadcrumbs können dazu beitragen, die Auffindbarkeit Ihrer Inhalte in Suchmaschinenergebnissen zu erhöhen.
4. Erhöhte Klickrate: Breadcrumbs können die Klickrate auf Ihrer Website erhöhen, da sie es Benutzern erleichtern, sich auf der Website zurechtzufinden.
5. Erhöhte Verweildauer: Breadcrumbs können die Verweildauer auf Ihrer Website erhöhen, da sie es Benutzern erleichtern, relevante Inhalte zu finden.
6. Bessere Organisierung: Breadcrumbs helfen dabei, die Inhalte auf Ihrer Website besser zu organisieren, indem sie die Hierarchie Ihrer Seiten darstellen.
7. Erhöhte Konversionen: Breadcrumbs können die Konversionen auf Ihrer Website erhöhen, da sie es Benutzern erleichtern, relevante Produkte oder Dienstleistungen zu finden.
8. Erhöhte Wiederkehrende Besucher: Breadcrumbs können die Anzahl der wiederkehrenden Besucher auf Ihrer Website erhöhen, da sie es Benutzern erleichtern, zu früheren besuchten Seiten zurückzukehren.
9. Erhöhte Zufriedenheit: Breadcrumbs können die Zufriedenheit der Benutzer erhöhen, da sie es ihnen erleichtern, sich auf der Website zurechtzufinden.
10. Erhöhte Zugänglichkeit: Breadcrumbs können die Zugänglichkeit für Benutzer mit Behinderungen erhöhen, da sie es ihnen erleichtern, sich auf der Website zurechtzufinden.

Nachteile

Ein Nachteil von Website Breadcrumbs ist, dass sie den Platz auf der Seite beanspruchen und möglicherweise die Lesbarkeit des Inhalts beeinträchtigen. Darüber hinaus können Benutzer möglicherweise verwirrt sein, wenn sie mehr als zwei oder drei Schritte zurückverfolgen müssen, um zur vorherigen Seite zurückzukehren.

Anwendungsfälle

Website Breadcrumbs sind am nützlichsten, wenn sie auf Websites mit vielen Unterseiten verwendet werden. Sie sind besonders nützlich für Websites mit mehrstufigen Navigationsmenüs, wie E-Commerce-Websites, die verschiedene Kategorien und Unterkategorien haben.

Beispiele

Ein Beispiel für Website Breadcrumbs ist die Amazon-Website. Wenn ein Benutzer auf der Seite “Bücher” ist, wird oben auf der Seite ein Breadcrumb-Trail angezeigt, der den Benutzer daran erinnert, dass er zuvor auf der Hauptseite war. Wenn er auf die Unterseite “Romane” geht, wird der Breadcrumb-Trail auf “Bücher > Romane” erweitert.

Ein weiteres Beispiel ist die New York Times-Website. Wenn ein Benutzer auf einer Unterseite wie “Politik” ist, wird oben auf der Seite ein Breadcrumb-Trail angezeigt, der den Benutzer daran erinnert, dass er zuvor auf der Hauptseite der New York Times war.

Fazit

Website Breadcrumbs sind ein nützliches Tool, um Benutzern dabei zu helfen, sich auf einer Website zu orientieren. Sie sind eine einfache und effektive Möglichkeit, Benutzern zu helfen, zu verstehen, wo sie sich auf der Website befinden und wie sie zu anderen Seiten navigieren können. Allerdings können sie den Platz auf der Seite beanspruchen und möglicherweise die Lesbarkeit des Inhalts beeinträchtigen. Daher sollten Website Breadcrumbs nur auf Websites mit vielen Unterseiten verwendet werden, um Benutzern bei der Navigation zu helfen.