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.

Breadcrumbs, auch bekannt als Brotkrumen-Navigation, sind eine Art von Website-Navigation, die dem Benutzer den Pfad zeigt, den er auf der Website genommen hat, um zu einer bestimmten Seite zu gelangen. Sie sind besonders nützlich, wenn Ihre Website eine komplexe Struktur hat oder wenn Sie viele Seiten und Unterseiten haben. Wenn Sie Breadcrumbs richtig verwenden, können Sie Ihren Benutzern helfen, sich auf Ihrer Website zurechtzufinden und die Navigation erleichtern.

Was bei der Implementation von Breadcrumbs zu beachten

Hier sind einige Schritte, die Sie befolgen können, um Breadcrumbs richtig auf Ihrer Website zu verwenden:

1. Entscheiden Sie, welche Art von Breadcrumbs Sie verwenden möchten. Es gibt drei Arten von Breadcrumbs: hierarchisch, attributbasiert und geschachtelt. Hierarchische Breadcrumbs zeigen den Pfad von der Startseite Ihrer Website bis zur aktuellen Seite an. Attributbasierte Breadcrumbs zeigen die Kategorien oder Tags an, denen die aktuelle Seite zugeordnet ist. Geschachtelte Breadcrumbs zeigen den Pfad von der Startseite zur aktuellen Seite an, aber auch den Pfad von der aktuellen Seite zu jeder übergeordneten Seite. Überlegen Sie, welche Art von Breadcrumbs am besten zu Ihrer Website und Ihrer Navigation passt.
2. Platzieren Sie Breadcrumbs an einer gut sichtbaren Stelle auf Ihrer Website. Idealerweise sollten Breadcrumbs in der Nähe der oberen linken Ecke Ihrer Seite platziert werden, da dies die Standardposition für die Navigation ist. Stellen Sie sicher, dass die Breadcrumbs gut sichtbar und leicht zu finden sind.
3. Verwenden Sie eine klare und präzise Beschriftung. Verwenden Sie klare und präzise Beschriftungen für jede Stufe der Breadcrumbs. Vermeiden Sie lange Beschriftungen und verwenden Sie stattdessen kurze, prägnante Ausdrücke, die den Inhalt der Seite widerspiegeln.
4. Sorgen Sie für eine konsistente Navigation. Stellen Sie sicher, dass Ihre Breadcrumbs konsistent mit Ihrer allgemeinen Navigation sind. Die Breadcrumbs sollten dem Benutzer helfen, die Hierarchie Ihrer Website zu verstehen und den Pfad zu verfolgen, den er genommen hat, um zur aktuellen Seite zu gelangen.
5. Verlinken Sie jede Ebene der Breadcrumbs. Verlinken Sie jede Ebene der Breadcrumbs auf die entsprechende Seite, um dem Benutzer die Möglichkeit zu geben, zu einer früheren Seite zurückzukehren.
6. Verwenden Sie strukturierte Daten für Ihre Breadcrumbs. Strukturierte Daten helfen Suchmaschinen, die Breadcrumbs Ihrer Website zu verstehen und sie in den Suchergebnissen anzuzeigen. Verwenden Sie Schema.org-Markup, um Ihre Breadcrumbs zu kennzeichnen.

Durch die Verwendung von Breadcrumbs können Sie die Navigation auf Ihrer Website verbessern und Ihren Benutzern helfen, sich auf Ihrer Website zurechtzufinden. Wenn Sie diese sechs Schritte befolgen, können Sie sicherstellen, dass Ihre Breadcrumbs effektiv und benutzerfreundlich sind.

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.