Eine Breadcrumb-Navigation zeigt die Position der aktuell angezeigten Seite innerhalb der Webseitenstruktur an und hilft Nutzern die Struktur der Webseite besser zu verstehen und sich einfacher darauf zu bewegen.

Durch die Verbesserung der Benutzererfahrung (UX) steigt zugleich die SEO-Bewertung durch die Suchmaschinen.

Google hat in seinem Core-Algorithmus-Update im März 2024 erneut die Bedeutung der Erstellung von „nützlichen, vertrauenswürdigen und nutzerzentrierten Inhalten“ betont. Um die Suchrankings zu verbessern, ist es unerlässlich, den Nutzer in den Mittelpunkt zu stellen und entsprechend zu handeln.

Um nutzerzentrierte Inhalte bereitzustellen, müssen nicht nur die Inhalte selbst hochwertig sein, sondern auch die Navigation und Struktur der Webseite so gestaltet werden, dass sie eine einfache und angenehme Nutzung ermöglichen.

In diesem Artikel erläutern wir für Sie ausführlich  die Bedeutung, die Vorteile, die verschiedenen Arten sowie die Implementierung einer Breadcrumb-Navigation.

Inhaltsverzeichnis

• Was ist eine Breadcrumb-Navigation?
  • Die Rolle der Breadcrumb-Navigation
  • Herkunft der Breadcrumb-Navigation
  • Die Geschichte der Breadcrumb-Navigation
• Vorteile der Breadcrumb-Navigation
  • Verbesserung der Benutzerfreundlichkeit
  • Verbesserung der Crawlbarkeit
  • Darstellung in den Suchergebnissen
  • Der SEO-Effekt der Breadcrumb-Navigation
  • Arten von Breadcrumb-Navigationen
    • Typ 1: Positionsbasierte Breadcrumb-Navigation
    • Typ 2: Attributbasierte Breadcrumb-Navigation
    • Typ 3: Pfadbasierte Breadcrumb-Navigation
• Hinweise zur Erstellung einer Breadcrumb-Navigation
  • Hinweis 1: Eine klare hierarchische Struktur schaffen
  • Hinweis 2: SEO-Keywords einfügen
  • Hinweis 3: Breadcrumb-Navigation auf allen Webseiten einrichten
  • Hinweis 4: Breadcrumb-Navigation am oberen Seitenrand platzieren
  • Hinweis 5: Breadcrumb-Navigation auch auf Smartphone-Bildschirmen anzeigen
• Wie man eine Breadcrumb-Navigation einrichtet
• Organisation der Verzeichnisstruktur
• Empfohlene und nicht empfohlene Methoden
• Markierung mit strukturierten Daten
  • Einzelne Breadcrumb-Navigation mit strukturierten Daten
  • Mehrere Breadcrumb-Navigationen mit strukturierten Daten
• Einrichtungsanleitung für die Breadcrumb-Navigation
  • WordPress: Plugin
  • Nicht-WordPress: HTML
• Design der Breadcrumb-Navigation
  • Schriftgröße und Farbe
  • Trennzeichen
  • Position der Breadcrumb-Navigation
  • Responsives Design
• Maßnahmen nach der Einrichtung der Breadcrumb-Navigation
  • Analyse mit dem Rich Results Test Tool
  • Analyse mit der Google Search Console
• Häufig gestellte Fragen zur Breadcrumb-Navigation
  • Sollten Breadcrumb-Navigations auf der mobilen Website eingerichtet werden?
  • Ist es besser, die Breadcrumb-Navigation oben oder unten auf der Seite zu platzieren?
  • Ist es in Ordnung, mehrere Breadcrumb-Navigations zu platzieren?
  • Wird die Webseite durch die Installation der Breadcrumb-Navigation SEO-technisch stärker?
  • Soll die Breadcrumb-Navigation auf allen Seiten installiert werden
• Zusammenfassung

Was ist eine Breadcrumb-Navigation?

Eine Breadcrumb-Navigation ist ein Navigationssystem, das die hierarchische Struktur einer Webseite anzeigt. Sie befindet sich in der Regel im oberen Bereich der Webseite und hilft Nutzern, die Position der aktuellen Seite innerhalb der Webseitenstruktur zu verstehen.

Ein Beispiel für eine Breadcrumb-Navigation, wie sie für die Artikel von „Tokyo SEO Maker“ verwendet wird, könnte folgendermaßen aussehen:

Eine Breadcrumb-Navigation zeigt die aktuelle Position der Webseite in einer hierarchischen Struktur an, wobei die einzelnen Ebenen durch Zeichen wie „>“ oder „/“ getrennt werden.

Durch die Verwendung einer Breadcrumb-Navigation können Nutzer einfacher verwandte Inhalte finden, was die Zugänglichkeit und Benutzerfreundlichkeit der Webseite deutlich verbessert.

Die Rolle der Breadcrumb-Navigation

Die Breadcrumb-Navigation erfüllt zwei wichtige Funktionen:

Das Anzeigen der aktuellen Position auf der Webseite verbessert die Benutzerfreundlichkeit sowie das UI/UX, während die bessere Zugänglichkeit für Crawler die Indexierung (die einfache Registrierung von Seiten) beeinflusst.

Beide Faktoren sind entscheidend für eine erfolgreiche Webseite, weshalb es oft sinnvoll ist, eine Breadcrumb-Navigation zu implementieren, selbst wenn SEO nicht im Fokus steht.

Herkunft der Breadcrumb-Navigation

Der Begriff „Breadcrumb-Navigation“ stammt angeblich aus dem Märchen „Hänsel und Gretel“. Darin lassen die Kinder Brotkrumen als Wegmarkierungen fallen, um später den Weg aus dem Wald zurück nach Hause zu finden. Im Märchen werden die Brotkrumen allerdings von Vögeln gefressen, sodass die Kinder den Weg nicht mehr zurückfinden können.

Auf einer Webseite hingegen ermöglicht die Breadcrumb-Navigation den Nutzern, die übergeordneten Ebenen oder die Startseite (Home) leicht zu erreichen, indem sie den „Brotkrumen“-Pfad zurückverfolgen.

Die Geschichte der Breadcrumb-Navigation

Die Breadcrumb-Navigation wurde in den 1990er Jahren eingeführt. Zu dieser Zeit gab es bei Webseiten sehr unterschiedliche Navigationsformen, was es den Nutzern oft erschwerte, ihre aktuelle Position innerhalb der Webseite zu erkennen.

Um dieses Problem zu lösen, wurde die Breadcrumb-Navigation entwickelt und als effektive Methode zur Darstellung der hierarchischen Struktur von Webseiten weit verbreitet. Die ersten Breadcrumb-Navigationen wurden meist mit HTML-Listen-Elementen erstellt und mit CSS gestaltet.

Heute ist die Breadcrumb-Navigation ein Standard auf den meisten Webseiten. Sie hilft nicht nur den Nutzern, die hierarchische Struktur einer Webseite besser zu verstehen, sondern trägt auch wesentlich zur Verbesserung der SEO bei und wird daher als unverzichtbarer Bestandteil des modernen Webdesigns angesehen.

Vorteile der Breadcrumb-Navigation

Die Implementierung einer Breadcrumb-Navigation bietet vier wesentliche Vorteile:

Verbesserung der Benutzerfreundlichkeit

Benutzerfreundlichkeit (Usability) bezieht sich bei einer Webseite auf deren einfache Bedienbarkeit. Sie ermöglicht es den Nutzern, die Struktur der Webseite zu verstehen, ihre aktuelle Position innerhalb der Seite zu erkennen und zu wissen, wie sie zur nächsten gewünschten Seite navigieren können. Da Google stark auf eine nutzerzentrierte Ausrichtung setzt, trägt die Verbesserung der Usability indirekt zur SEO-Optimierung bei.

Durch die Implementierung einer Breadcrumb-Navigation wird es Nutzern erleichtert, auf die benötigten Informationen zuzugreifen.
Ein Beispiel: Wenn eine Breadcrumb-Navigation wie „(Startseite) >> SEO-Maßnahmen >> (Artikel über das Erstellen von Titeln)“ angezeigt wird, könnten sich Nutzer, die sich für Titelgestaltung interessieren, auch für Themen wie Metabeschreibungen oder Einleitungstexte interessieren. Mit einem Klick auf „SEO-Maßnahmen“ in der Breadcrumb-Navigation können sie ähnliche Artikel schnell und einfach finden.

Verbesserung der Crawlbarkeit

Einer der wichtigsten Punkte bei der SEO-Optimierung ist, dass Crawler die Webseite effizient durchlaufen und die Seiten in den Index aufnehmen. Ohne Indexierung werden die Seiten nicht in den Suchergebnissen angezeigt. Daher ist es essenziell, dass neue Seiten nach ihrer Erstellung schnell indexiert werden.

Crawler navigieren über interne Links durch eine Webseite. Um die Effizienz dieses Prozesses zu steigern, ist eine Breadcrumb-Navigation besonders hilfreich. Sie ermöglicht es den Crawlern, von bereits indexierten Seiten zu Kategorieseiten zu gelangen und von dort aus Links zu neuen Seiten zu folgen. Dadurch wird die Indexierung neuer Inhalte gefördert.

Eine Breadcrumb-Navigation erleichtert es, eine Umgebung zu schaffen, in der hochgeladene Artikel leichter gecrawlt werden können. Sie zeigt die Beziehungen und die Struktur zwischen verschiedenen Artikeln innerhalb der Webseite, sodass Crawler über bereits gecrawlte Artikel schneller auf neue Inhalte stoßen können.

Indem die Crawler Artikel präzise und zeitnah erfassen, erscheinen die Ergebnisse schnell in den Suchrankings. Dies erlaubt es, zeitnah zu analysieren, welche SEO-Maßnahmen als Nächstes ergriffen werden sollten.

Darstellung in den Suchergebnissen

In den Suchergebnissen werden verschiedene Informationen angezeigt, wie der Titel und die Beschreibung (Description). Wenn eine Breadcrumb-Navigation implementiert ist, kann zusätzlich eine Sitemap neben der URL oberhalb des Titels erscheinen.

Diese Darstellung in den Suchergebnissen erleichtert es den Nutzern, den Inhalt der Seite zu verstehen, was sich positiv auf die Klickrate auswirken kann.

Der SEO-Effekt der Breadcrumb-Navigation

Die Breadcrumb-Navigation ist nicht nur für die Benutzerfreundlichkeit, sondern auch für die Crawlbarkeit von Vorteil. Suchmaschinen folgen den Links in der Breadcrumb-Navigation, um Seiten zu crawlen und in den Index aufzunehmen.

Das Crawlen bezeichnet den Prozess, bei dem die Roboter der Suchmaschinen, sogenannte Crawler, eine Webseite durchlaufen. Artikel und Blogs, die auf einer Webseite hochgeladen wurden, werden von diesen Crawlern gelesen und in die Datenbank der Suchmaschine aufgenommen. Wenn der Crawler Inhalte nicht erfolgreich lesen kann, kann dies dazu führen, dass das Suchranking sinkt oder die Inhalte in den Suchergebnissen überhaupt nicht angezeigt werden.

Daher ist es von entscheidender Bedeutung, dass Crawler die Webseite korrekt lesen können, um das Suchranking zu verbessern.

Auch in der Google Search Central wird darauf hingewiesen:
„In der Google-Suche wird das Breadcrumb-Markup innerhalb des Seiteninhalts verwendet, um Informationen von Webseiten in den Suchergebnissen zu klassifizieren.“

Breadcrumb-Navigationen bestehen in der Regel aus internen Links. Die Ankertexte dieser Links sind ein äußerst wichtiger Faktor für SEO. Wenn die Breadcrumb-Navigation auf allen Seiten integriert ist, können Links von tieferen Seiten gezielt auf Kategorieseiten oder die Startseite (Home) konzentriert werden. Die Fokussierung interner Links auf wichtige Seiten ist ein grundlegender Aspekt der SEO-Optimierung.

Arten von Breadcrumb-Navigationen

Breadcrumb-Navigationen lassen sich je nach Verwendungszweck in drei Hauptkategorien unterteilen. Da sich die Darstellungsform jeweils unterscheidet, sollte die passende Art entsprechend den Merkmalen der Webseite ausgewählt werden.

Im Folgenden werden die Merkmale und Funktionen der einzelnen Typen vorgestellt.

Typ 1: Positionsbasierte Breadcrumb-Navigation

Die positionsbasierte Breadcrumb-Navigation ist die am häufigsten verwendete Form. Sie zeichnet sich dadurch aus, dass die Breadcrumb-Navigation mit der URL verknüpft ist und den Nutzern sofort ihre aktuelle Position auf der Webseite anzeigt.

Ein Beispiel für eine solche Breadcrumb-Navigation wäre:

Die zugehörige URL könnte wie folgt aussehen: „xx.co.jp/seo/contents/breadcrumb-trail“.

Diese Navigation erleichtert den Nutzern die Rückkehr von unteren zu oberen Ebenen und kann dazu beitragen, die Zugriffe auf interne Artikel zu erhöhen.

Typ 2: Attributbasierte Breadcrumb-Navigation

Die attributbasierte Breadcrumb-Navigation zeigt, wie der Name schon sagt, die Eigenschaften der aktuell angezeigten Seite an.

Diese Art der Breadcrumb-Navigation wird häufig auf E-Commerce-Webseiten oder Immobilienportalen eingesetzt. Sie eignet sich besonders für Webseiten, auf denen es mehrere Wege gibt, zu einer bestimmten Seite zu gelangen.

Ein Beispiel für eine solche Navigation wäre der Pfad zu „Jeanshosen“ auf einer E-Commerce-Webseite und die entsprechende Breadcrumb-Darstellung:

In der Breadcrumb-Navigation werden die jeweiligen Attribute klar dargestellt, was den Nutzern den Vorteil bietet, zu einer übergeordneten Kategorie zurückzukehren und die Suche zu erleichtern.

Typ 3: Pfadbasierte Breadcrumb-Navigation

Die pfadbasierte Breadcrumb-Navigation zeigt den Weg, den der Nutzer innerhalb der Webseite genommen hat, um auf die aktuelle Seite zu gelangen. Da der Pfad je nach Navigationsverlauf variieren kann, ändert sich auch die Darstellung der Breadcrumb-Navigation entsprechend.

Aufgrund dieser Eigenschaften wird sie auch als verlaufsbasierte Breadcrumb-Navigation bezeichnet. Da ihre Funktion jedoch der des „Zurück“-Buttons im Browser ähnelt, wird diese Art der Breadcrumb-Navigation heutzutage kaum noch auf Webseiten eingesetzt.

Hinweise zur Erstellung einer Breadcrumb-Navigation

Die Einrichtung einer Breadcrumb-Navigation ist an sich nicht besonders schwierig. Allerdings wird sie oft unüberlegt erstellt, wodurch die gewünschten Effekte ausbleiben können.

Im Folgenden werden wichtige Punkte vorgestellt, die bei der Erstellung einer Breadcrumb-Navigation zu beachten sind.

Hinweis 1: Eine klare hierarchische Struktur schaffen

Um eine benutzerfreundliche Breadcrumb-Navigation zu erstellen, ist eine verständliche Webseitenstruktur erforderlich. Häufig wird dabei folgendes Format verwendet:

In der Regel erfolgt die Einteilung von großen zu kleinen Kategorien. Je mehr Seiten eine Webseite umfasst, desto schwieriger wird es, die Breadcrumb-Navigation in einem optimalen Zustand zu halten.

Zudem ist es wichtig, eine sinnvolle und thematisch relevante Struktur zu schaffen. Ein gutes Beispiel für eine klare und effektiv genutzte Breadcrumb-Navigation ist:

Das folgende Beispiel einer Breadcrumb-Navigation jedoch verdeutlicht, dass die Verbindung zwischen den Begriffen nicht stimmig ist und die hierarchische Struktur der Webseite mangelhaft organisiert wurde:

Eine gut durchdachte hierarchische Organisation führt automatisch zu einer klaren und logisch aufgebauten Navigation.

Hinweis 2: SEO-Keywords einfügen

Das Einbinden von SEO-relevanten Keywords in die Breadcrumb-Navigation erfüllt das zentrale SEO-Prinzip, Ziel-Keywords gezielt im Ankertext zu platzieren. Dies verbessert nicht nur die Benutzerfreundlichkeit, sondern auch die SEO-Bewertung der Webseite.

Wenn jedoch SEO-Keywords erzwungen und unnatürlich eingefügt werden, besteht die Gefahr von Google mit einer Strafe belegt zu werden. Die Breadcrumb-Navigation sollte stets aus der Perspektive der Benutzerfreundlichkeit gestaltet werden, wobei darauf zu achten ist, dass sie natürlich und nicht künstlich wirken sollte.

Verwandter Artikel: Effektive Integration und Auswahl von SEO-Keywords: Wie man die Konkurrenz übertrifft!

Hinweis 3: Breadcrumb-Navigation auf allen Webseiten einrichten

Die Breadcrumb-Navigation sollte auf allen Seiten der Webseite implementiert werden. Fehlt sie auf bestimmten Seiten, kann dies für Nutzer verwirrend sein und die Benutzerfreundlichkeit erheblich beeinträchtigen.

Eine vollständige Implementierung sorgt nicht nur für eine bessere SEO-Wirkung, sondern erhöht auch die Verweildauer und die Navigationsrate der Nutzer. Ausgenommen davon sind jedoch Seiten, die keiner klaren Kategorie zugeordnet werden können, wie die Startseite oder spezielle Aktionsseiten (z.B. zeitlich begrenzte Angebote oder Verkaufsankündigungen).

Auf solchen Seiten ist die Breadcrumb-Navigation nicht erforderlich.

Hinweis 4: Breadcrumb-Navigation am oberen Seitenrand platzieren

Crawler lesen die Breadcrumb-Navigation bevorzugt am oberen Rand der Seite. Daher sollte sie unbedingt dort implementiert werden.

Zudem erleichtert die Platzierung am Seitenanfang den Nutzern, die Struktur und Position der Seite schnell zu erkennen, was die Benutzerfreundlichkeit weiter verbessert.

Hinweis 5: Breadcrumb-Navigation auch auf Smartphone-Bildschirmen anzeigen

Auf Smartphones kann die Breadcrumb-Navigation auf tieferen Seiten als störend empfunden werden, weshalb einige Webseiten diese in der mobilen Version ausblenden. Aus SEO-Sicht ist es jedoch ratsam, die Breadcrumb-Navigation auch auf Smartphone-Seiten beizubehalten.

Es ist empfehlenswert, die Anzeige so anzupassen, dass die Navigation beispielsweise gekürzt dargestellt wird, um Platz zu sparen und dennoch ihre Funktion zu erfüllen.

Wie man eine Breadcrumb-Navigation einrichtet

Wenn es nur darum geht, eine Breadcrumb-Navigation für die Nutzer einzurichten, reicht es aus, einfach Ankertexte mit Links zu versehen.

Um jedoch sicherzustellen, dass Crawler die Breadcrumb-Navigation korrekt erkennen, muss sie mit strukturierten Daten markiert werden. Die Markierung mit strukturierten Daten kann zwar aufwendig sein und direkt keine SEO-Vorteile bringen, aber sie hilft den Suchmaschinen, den Inhalt der Seite korrekt zu verstehen. Daher sollte diese Möglichkeit, wenn möglich, optimal genutzt werden.

Organisation der Verzeichnisstruktur

Die Breadcrumb-Navigation spiegelt in der Regel direkt die Hierarchiestruktur der Webseite wider. Um ihre Effektivität zu maximieren, sollte zunächst die Verzeichnisstruktur der Webseite klar und gut organisiert werden.

Im Allgemeinen sollte eine Breadcrumb-Navigation wie folgt aufgebaut sein:

Oben ist ein Beispiel für eine Webseite mit vier Hierarchieebenen. Bei Webseiten mit weniger Hierarchieebenen kann es auch vorkommen, dass es nur eine Hauptkategorie gibt oder der Inhalt direkt unter der Startseite platziert ist. Es geht nicht darum, was gut oder schlecht ist, sondern darum, welche Struktur für die Nutzer am einfachsten zu bedienen ist.

Je mehr Seiten Ihre Webseite enthält, desto schwieriger wird es, die Verzeichnisstruktur anzupassen. Daher wird empfohlen, so früh wie möglich die Sitemap zu überprüfen und die Verzeichnisstruktur festzulegen.

Empfohlene und nicht empfohlene Methoden

Wenn die Verzeichnisstruktur korrekt eingerichtet ist, sollte die Breadcrumb-Navigation den Seitentitel oder das Thema der Seite widerspiegeln. Einige Webseiten versuchen jedoch, SEO-Effekte zu erzielen, indem sie unnötig Keywords einfügen.

Empfohlene Breadcrumb-Navigationen sind zum Beispiel:

Die oben genannten drei Beispiele verwenden alle eine korrekte Seitenstruktur. Ob „Startseite“, „HOME“ oder der Name der Webseite verwendet wird, spielt beim Thema „Verwendung der Breadcrumb-Navigation“ keine Rolle (aus SEO-Sicht kann es jedoch Unterschiede geben).

Im Gegensatz dazu sind folgende Breadcrumb-Navigationen nicht empfehlenswert:

Es bedarf keiner weiteren Erklärung, dass hier eindeutig versucht wird, interne Links auf falsche Weise zu sammeln. Diese Breadcrumb-Navigationen ignorieren die tatsächliche Seitenstruktur und sind daher nicht empfehlenswert.

Markierung mit strukturierten Daten

Google unterstützt die Verwendung der folgenden drei Arten von strukturierten Daten:

Es ist egal, welche der drei Methoden verwendet wird. Aufgrund der zahlreichen Erläuterungen zur Implementierung und der Benutzerfreundlichkeit empfiehlt Tokyo SEO Maker Ihnen jedoch stark die Verwendung von JSON-LD. Strukturierte Daten können für viele verschiedene Zwecke eingesetzt werden, nicht nur für die Breadcrumb-Navigation. Allerdings ist JSON-LD die am weitesten verbreitete und benutzerfreundlichste Methode, da sie einfach zu implementieren ist und eine breite Unterstützung durch Suchmaschinen bietet.

Wenn die Breadcrumb-Navigation mit strukturierten Daten markiert wird, können die Rich Results für die Breadcrumb-Navigation in den SEO-Suchergebnissen angezeigt werden.

Einzelne Breadcrumb-Navigation mit strukturierten Daten

Beispiel:

Quelle：Google Search Central

Mehrere Breadcrumb-Navigationen mit strukturierten Daten

Es gibt zwei Formate für strukturierte Daten: JSON-LD und Microdata. Das Microdata-Format kann direkt in HTML eingebunden werden. Weitere Details zur Implementierung finden Sie in der Google Search Central.

Zudem hat sich die Erstellung von Webseiten mit WordPress verbreitet, da die Einrichtung der Breadcrumb-Navigation je nach verwendetem WordPress-Theme oder Plugin oft ohne großen Aufwand möglich ist.

Einrichtungsanleitung für die Breadcrumb-Navigation

Die Methode zur Einrichtung der Breadcrumb-Navigation unterscheidet sich erheblich, je nachdem, ob WordPress verwendet wird oder nicht.

Im Folgenden werden die jeweiligen Einrichtungsmethoden im Detail vorgestellt.

WordPress: Plugin

Die Einrichtung der Breadcrumb-Navigation ist einfach, wenn man ein WordPress-Plugin verwendet.

In diesem Artikel empfehlen wir das Plugin „Breadcrumb NavXT“. Es hat eine sehr hohe Bewertung und über 900.000 Installationen.

Da die Breadcrumb-Navigation direkt über den Block-Editor eingefügt werden kann, ist keine tiefgehende HTML-Kenntnis erforderlich. Laden Sie das Plugin herunter und probieren Sie es einfach aus.

Nicht-WordPress: HTML

Wenn Sie WordPress nicht verwenden, müssen Sie die Breadcrumb-Navigation in HTML hinzufügen, was etwas zeitaufwändiger sein kann.

Beispielsweise können Sie die Breadcrumb-Navigation wie folgt definieren:

Da es für Personen ohne HTML-Kenntnisse wahrscheinlich schwierig ist, könnte es eine Möglichkeit sein, dies extern in Auftrag zu geben.

Design der Breadcrumb-Navigation

Das Design der Breadcrumb-Navigation ist direkt mit der Benutzerfreundlichkeit verbunden. Daher sollten die folgenden Punkte bei der Einrichtung beachtet werden.

Schriftgröße und Farbe

Die Breadcrumb-Navigation spielt eine wichtige Rolle als Navigationselement auf der Webseite. Daher sollten eine angemessene Schriftgröße und Farbe gewählt werden. In der Regel wird der Text der Breadcrumb-Navigation etwas größer und in einer hervorgehobenen Farbe angezeigt als der Text im Header oder im Hauptinhalt.

Trennzeichen

Trennzeichen wie „>“ oder „/“ spielen eine wichtige Rolle im Design der Breadcrumb-Navigation. Sie sind visuell leicht zu unterscheiden und verständlich, weshalb sie auf vielen Webseiten verwendet werden. Allerdings sollte die Wahl des Trennzeichens immer an den Stil und das Thema der Webseite angepasst werden.

Position der Breadcrumb-Navigation

Die Breadcrumb-Navigation wird in der Regel im oberen Bereich der Webseite platziert, es kann jedoch auch vorkommen, dass sie je nach Stil und Layout der Webseite am unteren Ende angezeigt wird. Die Position der Breadcrumb-Navigation beeinflusst die Sichtbarkeit während der Navigation der Nutzer, daher sollte sie sorgfältig überlegt werden.

Responsives Design

Die Breadcrumb-Navigation sollte mit responsivem Design umgesetzt werden, um die Sichtbarkeit auf verschiedenen Geräten zu optimieren. Passen Sie die Schriftgröße und das Layout so an, dass die Breadcrumb-Navigation auch auf kleinen Bildschirmgrößen korrekt angezeigt wird.

Maßnahmen nach der Einrichtung der Breadcrumb-Navigation

Nach der Einrichtung der Breadcrumb-Navigation sollten Sie sicherstellen, dass sie korrekt markiert wurde und keine Fehler auftreten.

Analyse mit dem Rich Results Test Tool

Google bietet das Rich Results Test Tool kostenlos an. Rich Results sind alle Informationen, die in den Suchergebnissen neben dem blauen Link erscheinen. Mit dem Rich Results Tool können Sie überprüfen, ob strukturierte Daten korrekt markiert wurden. Falls Fehler oder Warnungen auftreten, sollten Sie dies unbedingt überprüfen.

Analyse mit der Google Search Console

Mit der Google Search Console können Sie überprüfen, ob die Breadcrumb-Navigation korrekt funktioniert. Bei Fehlern oder Warnungen werden die Anzahl und die Ursachen angezeigt, sodass Sie diese regelmäßig überprüfen und Verbesserungen vornehmen können.

Häufig gestellte Fragen zur Breadcrumb-Navigation

Viele Web-Administratoren haben unerwartete Schwierigkeiten mit der Breadcrumb-Navigation. Daher haben wir eine Liste der häufigsten Fragen zusammengestellt.

Q: Sollten Breadcrumb-Navigations auf der mobilen Website eingerichtet werden?

Answer）Ja, sie sollten eingerichtet werden.

Grundsätzlich sind die Informationen der Desktop-Version einer Webseite auch für die mobile Version notwendig. Wenn sie in der mobilen Version nicht erforderlich sind, würde das bedeuten, dass sie auch in der Desktop-Version nicht benötigt werden.

Einige Leute sind der Meinung, dass eine Breadcrumb-Navigation auf der mobilen Seite störend wirken und die Lesbarkeit beeinträchtigen könnte, insbesondere wenn sie den ersten Bildschirmbereich (Above-the-Fold) einnimmt. Dennoch empfiehlt Tokyo SEO Maker, die Breadcrumb-Navigation auch auf der mobilen Version zu platzieren, selbst wenn dies im unteren Bereich der Seite erfolgt.

Es gibt auch die Meinung, dass es störend ist, wenn 2 bis 3 Zeilen oben auf der Seite durch die Breadcrumb-Navigation eingenommen werden. Eine Möglichkeit, dies zu umgehen, besteht darin, die Navigation horizontal zu verschieben, sodass sie in einer einzigen Zeile angezeigt wird. Entscheiden Sie basierend auf der Benutzerfreundlichkeit, ob die Breadcrumb-Navigation beibehalten oder entfernt werden sollte.

Q: Ist es besser, die Breadcrumb-Navigation oben oder unten auf der Seite zu platzieren?

Answer）Beides ist in Ordnung.

Einige SEO-Agenturen und Webentwicklungsunternehmen empfehlen, die Breadcrumb-Navigation oben auf der Seite zu platzieren. Der SEO-Vorteil, den diese Platzierung früher hatte, ist jedoch heutzutage nahezu nicht mehr relevant. Heutzutage wird die Seite unabhängig von der Position der Breadcrumb-Navigation bewertet, solange die Struktur konsistent bleibt.

Wenn jedoch mehrere Breadcrumb-Navigationspfade auf einer Seite vorhanden sind, wird nur der oberste als relevant für die Bewertung (z. B. für die Darstellung in den Suchergebnissen) berücksichtigt.

Denken Sie immer daran, welche Position für die Besucher der Webseite am besten ist.

Q: Ist es in Ordnung, mehrere Breadcrumb-Navigationen zu platzieren?

Answer）Ja, es ist in Ordnung, mehrere zu platzieren.

Es ist in Ordnung, mehrere Breadcrumb-Navigationen auf einer Seite zu haben. Auf Webseiten, die eine Datenbank nutzen, werden oft mehrere Breadcrumb-Navigationen eingefügt, was eine korrekte Vorgehensweise ist.

Oft sieht man dies auf E-Commerce-Webseiten, die folgende Struktur verwenden:

Durch diese Methode kann eine Navigation von der Produktseite zu „Japanischen Uhren“, „Marken“, „Ranglisten“ und „Sonderaktionen“ für die Nutzer geschaffen werden. Dies ist eine häufig angewandte Strategie, um Nutzer anzusprechen, die nach ähnlichen Produkten (wie japanischen Uhren oder Marken) suchen, nach Bestsellern (Ranglisten) oder nach speziellen Themen (Sonderaktionen).

Beachten Sie jedoch, dass bei der Platzierung mehrerer Breadcrumb-Navigationen nur die oberste für die Bewertung berücksichtigt wird, wie bereits erwähnt.

Q: Wird die Webseite durch die Installation der Breadcrumb-Navigation SEO-technisch stärker?

Answer）Die Installation allein hat keine Bedeutung.

Es wird oft gesagt, dass die Installation einer Breadcrumb-Navigation Teil der SEO-Maßnahmen ist. Dabei ist es jedoch nicht die „Installation der Breadcrumb-Navigation“ selbst, die für SEO von Bedeutung ist, sondern vielmehr die „Struktur der Webseite so zu gestalten, dass die Breadcrumb-Navigation korrekt funktioniert“, was als SEO-Maßnahme zählt.

Webseiten, die in den Suchergebnissen hoch eingestuft werden, erscheinen nicht nur wegen der Breadcrumb-Navigation auf den oberen Plätzen. Vielmehr sind sie aufgrund ihres ausgezeichneten Inhalts, einer ordnungsgemäßen Webseitenverwaltung und der Tatsache, dass die Crawler die Seite korrekt bewerten, auf den vorderen Positionen.

Es gibt auch ähnliche Diskussionen darüber, ob die „Installation eines Inhaltsverzeichnisses“ eine SEO-Maßnahme darstellt. Allerdings führt die bloße Installation nicht zu einer besseren Position in den Suchergebnissen.

Q: Soll die Breadcrumb-Navigation auf allen Seiten installiert werden

Answer）Je mehr Seiten, desto besser, soweit es möglich ist.

Für die Startseite, Landing Pages (LP) und Seiten mit einem bestimmten Zweck ist eine Breadcrumb-Navigation nicht erforderlich. Für alle anderen Seiten wird jedoch empfohlen, die Breadcrumb-Navigation zu installieren.

Dies ist aus verschiedenen Gründen vorteilhaft, wie etwa für die Benutzerfreundlichkeit, Crawlbarkeit und die Konzentration interner Links.

Stellen Sie jedoch sicher, dass die strukturierten Daten korrekt markiert sind, da andernfalls der Effekt der Breadcrumb-Navigation verloren gehen könnte. Überprüfen Sie daher immer die Funktionsweise.

Zusammenfassung

In diesem Artikel haben wir die grundlegenden Konzepte, Vorteile und die tatsächliche Implementierung der Breadcrumb-Navigation ausführlich erklärt. Durch die korrekte Einrichtung der Breadcrumb-Navigation können Nutzer ihre Position auf der Seite genau erkennen. Befolgen Sie die hier beschriebenen Methoden, um die Breadcrumb-Navigation zu installieren und die Benutzerfreundlichkeit zu verbessern. Auf diese Weise können Sie auch positive Auswirkungen auf die SEO erzielen.

Author Profile

Mr. Takeshi Amano, CEO of Admano Co., Ltd.

Mr. Takeshi Amano is a graduate of the Faculty of Law at Nihon University. With 12 years of experience working in the advertising agency industry, he discovered SEO and began his research during the early days of SEO. He self-taught and conducted experiments and verifications on over 100 websites. Using this expertise, he founded Admano Co., Ltd., which is currently in its 11th year of operation. Mr. Amano handles sales, SEO consulting, web analytics (holding the Google Analytics Individual Qualification certification), coding, and website development. The company has successfully managed SEO strategies for over 2000 websites to date.

Return to the top of Japan SEO