Was sind Breadcrumbs auf einer Website? Definition und Vorteile • BUOM

11. März 2022

Website-Breadcrumbs sind eine Art Navigation, die Benutzern zeigt, wo sie sich auf Ihrer Website befinden. Wenn Sie sich über die verschiedenen verfügbaren Breadcrumb-Typen informieren, können Sie leichter entscheiden, wie Sie diese auf Ihrer Website implementieren. In diesem Artikel besprechen wir, was Website-Breadcrumbs sind und welche Vorteile ihre Verwendung als Navigationstool bietet. Außerdem geben wir Tipps für die Implementierung von Breadcrumbs auf Ihrer Website.

Was sind Breadcrumbs auf einer Website?

Breadcrumbs, auch Breadcrumbs genannt, erscheinen typischerweise als zusätzliche Navigationsleiste oben auf einer Webseite. Es wird verwendet, um den Standort des Benutzers zu bestimmen und ihm bei der Navigation auf Ihrer Website zu helfen. Der Titel ist eine Anspielung auf das Märchen von Hänsel und Gretel, in dem Kinder eine Spur aus Brotkrumen hinterlassen, um den Weg nach Hause zu finden. Ebenso sind Website-Breadcrumbs anklickbarer Text, der Benutzer zurück zu Ihrer Homepage oder einer anderen gewünschten Stelle auf Ihrer Website führt.

Der Breadcrumb-Trail verwendet das Größer-als-Symbol (>), um die einzelnen Ziele in der Story-Kette zu trennen. Der Breadcrumb der Website eines Kaffeelieferanten könnte beispielsweise so aussehen: Startseite > Alle Kaffeesorten > Dunkle Röstung.

3 Hauptarten von Semmelbröseln auf der Website

Es gibt drei Haupttypen von Breadcrumbs, die Sie für Ihre eigene Website verwenden können. Das beinhaltet:

1. Attributbasierte Breadcrumbs

Attributbasierte Breadcrumbs umfassen Kategorien einer bestimmten Seite oder eines bestimmten Produkts. Dies hilft Benutzern, die Beziehungen zwischen Produkten zu erkennen und vom Großen zum Kleinen oder vom Großen zum Besonderen zu gelangen. Beispielsweise könnte eine Bekleidungswebsite ihre Produkte kategorisieren, indem sie Besuchern ermöglicht, auf der Website zu navigieren, indem sie auf eine bestimmte Kategorie klicken, z. B. „Kleider“, dann auf eine Unterkategorie mit kurzen Kleidern und dann auf eine weitere Unterkategorie mit kurzen Kleidern in Blau. Unternehmen verwenden häufig attributbasierte Breadcrumbs für E-Commerce-Websites.

2. Breadcrumbs basierend auf dem Standort

Standortbasierte Breadcrumbs zeigen die hierarchische Struktur einer Website an. Sie helfen Benutzern, das Layout von Websites mit mehreren Kategorien auf der Sitemap zu verstehen, z. B. den Abschnitt „Über uns“ und den Abschnitt „Blog“. Beispielsweise könnte ein Unternehmen standortbasierte Breadcrumbs verwenden, um einem Benutzer anzuzeigen, dass er sich in einem Blog-Bereich unter einem bestimmten Blog-Namen befindet. Es ist auch ein Tool, mit dem Sie Benutzer zurück auf Ihre Homepage leiten können. Standortbasierte Breadcrumbs eignen sich gut für Websites mit vielen Inhalten.

3. Pfadbasierte Breadcrumbs

Ein pfadbasierter Brotkrumen- oder historischer Pfad zeigt Besuchern, wie sie ihren aktuellen Standort erreicht haben. Dies ähnelt insofern Ihrem Browserverlauf, als er die Seiten einer Website anzeigt, die Sie besucht haben. Beispielsweise könnte ein Unternehmen pfadbasierte Breadcrumbs verwenden, um einem Benutzer zu helfen, der mehrere Filter angewendet hat, um ein Produkt zu finden, nun aber zu den ursprünglichen Ergebnissen zurückkehren möchte. Eine übliche Darstellung pfadbasierter Breadcrumbs ist die Schaltfläche „Zurück zu den Ergebnissen“. Diese Art der Navigation kann auch für Website-Formulare nützlich sein, die sich über mehrere Seiten erstrecken, da Benutzer so problemlos zurückgehen und vorherige Informationen bearbeiten können.

Welche Vorteile bietet die Verwendung von Semmelbröseln?

Breadcrumbs erleichtern Benutzern die Navigation auf der Website. Hier sind einige Vorteile der Verwendung von Breadcrumbs auf einer Website:

Verbessert das Site-Ranking

Suchmaschinen verwenden Breadcrumbs, um Informationen zu kategorisieren und zu kontextualisieren. Da auf Suchseiten Breadcrumbs angezeigt werden, kann dies zur Verbesserung Ihrer Suchmaschinenoptimierung (SEO) beitragen. Breadcrumbs teilen Suchmaschinen mit, was Ihre Inhalte enthalten, und tragen so potenziell zu höheren Rankings und mehr Website-Traffic bei.

Verbessert die Benutzererfahrung

Breadcrumbs können dazu beitragen, das Benutzererlebnis zu verbessern, da sie die Navigation auf der Website verbessern und dem Benutzer helfen, die gesuchten Informationen zu finden. Ihre Verwendung kann Besucher dazu ermutigen, andere Bereiche Ihrer Website zu besuchen. Breadcrumbs können Besuchern außerdem die Durchführung von Aktionen auf Ihrer Website erleichtern, indem sie Benutzern relevante Links bereitstellen. Die Verbesserung der Benutzererfahrung kann auch Ihr Suchmaschinenranking verbessern, da dies einer der Faktoren ist, die berücksichtigt werden.

Reduziert die Absprungrate

Durch die Verwendung von Breadcrumbs können Besucher länger auf Ihrer Website bleiben und andere Seiten und Abschnitte besuchen. Dieses Tool kann Nutzer zu anderen ähnlichen Kategorien weiterleiten, was ihnen dabei helfen kann, etwas Interessantes zu finden, wenn ihnen das erste Ergebnis nicht gefällt. Anstatt Ihre Seite zu verlassen, ohne das Gesuchte gefunden zu haben, können Besucher einen anderen Abschnitt erkunden.

Nimmt wenig Platz ein

Da die Breadcrumbs horizontal und in kleiner Schrift angeordnet sind, nehmen sie nur wenig Platz auf Ihrer Website ein. Diese Funktion kann ein ästhetisch ansprechendes Design bieten, ohne die Seite zu überfordern. Durch die Reduzierung der Größe Ihrer Breadcrumbs können Sie sich besser auf den Hauptinhalt Ihrer Website konzentrieren und ihn von der Hauptnavigationsleiste trennen.

Empfehlungen zur Implementierung einer verketteten Navigation

Die beste Verwendung von Breadcrumbs hängt oft vom Design Ihrer Website ab. Sie sind am nützlichsten auf Websites mit vielen Inhalten und Kategorien und am effektivsten, wenn sie mit benutzerfreundlichen Layouts kombiniert werden. Hier sind einige Tipps, die Ihnen bei der Implementierung von Breadcrumbs auf Ihrer Website helfen:

• Halten Sie es klein: Stellen Sie beim Erstellen von Breadcrumbs sicher, dass es kleiner als Ihre Hauptnavigationssymbolleiste ist, damit Benutzer die Symbolleiste als dominierende Funktion sehen.

• Geben Sie den vollständigen Navigationspfad an: Auch wenn einige Benutzer möglicherweise nicht auf Ihrer Homepage starten, ist es am besten, den vollständigen Navigationspfad Ihrer Website anzugeben, um ihnen das Verständnis der Ebenenhierarchie zu erleichtern.

• Verwenden Sie ein Links-nach-rechts-Design: Da die meisten Benutzer von links nach rechts lesen, organisieren Breadcrumbs die Pfade, beginnend mit Ihrer Homepage auf der linken Seite und verfolgen die aktuelle Seite des Betrachters auf der rechten Seite.

• Machen Sie das letzte Element fett: Vergleichen Sie das letzte Element in den Breadcrumbs mit anderen Breadcrumbs, um Ihren Benutzern zu helfen, ihren aktuellen Standort zu verstehen.

• Link zu vorherigen Abschnitten: Da sich Ihr Benutzer bereits auf der Seite befindet, macht es wenig Sinn, im Breadcrumb einen Link zur aktuellen Seite hinzuzufügen. Bitte fügen Sie Links zu vorherigen Abschnitten nur als Referenzmaterial für Benutzer hinzu.

• Fügen Sie einer einseitigen Website keine Breadcrumbs hinzu: Wenn Ihre Website nur eine Seite enthält, müssen Sie kein Breadcrumb-Navigationstool hinzufügen.