Breadcrumbs: Eine Definition
Breadcrumbs, auf Deutsch „Brotkrumen“, sind Navigationshilfen auf Webseiten, die den Pfad von der aktuellen Seite zurück zur Startseite anzeigen. Der Begriff stammt aus dem Märchen „Hänsel und Gretel“, in dem die Kinder Brotkrumen streuen, um den Rückweg durch den Wald zu finden. Im Netz zeigen Breadcrumbs den Besuchern, wo sie sich auf einer Website gerade befinden, und führen sie mit einem Klick zu einer vorherigen Seite zurück.
Ein Klick · kostenlosDr. Web bei Google bevorzugenMarkieren Sie drweb.de als bevorzugte Quelle. Dann sehen Sie unsere Artikel öfter unter den Top-Meldungen.Jetzt hinzufügenInhalt 9 Abschnitte
- Breadcrumbs: Eine Definition
- Was sind Breadcrumbs?
- Welche Arten von Breadcrumbs gibt es?
- Warum sind Breadcrumbs wichtig für SEO?
- Darauf sollten Sie bei der Implementierung von Breadcrumbs achten
- So vermeiden Sie häufige Fehler bei Breadcrumbs
- Praxisbeispiele und Tipps
- Fazit
- FAQ: Ein umfassender Leitfaden zu Breadcrumbs
Die kleine Navigationsleiste macht eine Website damit nicht nur benutzerfreundlicher, sondern stützt auch ihre Suchmaschinenoptimierung (SEO).
Für die SEO-Strategie zählt die Leiste doppelt, weil sie die Benutzererfahrung verbessert und Suchmaschinen hilft, den Inhalt Ihrer Website besser zu verstehen. Eine durchdachte Breadcrumb-Navigation kann die Sichtbarkeit in den Suchergebnissen erhöhen und die Absprungrate senken. Möchten Sie das Beste aus Ihrer Website herausholen, gehört die Navigationshilfe deshalb zu den ersten Maßnahmen. Im Folgenden sehen Sie im Detail, warum Breadcrumbs so viel Gewicht haben und wie Sie die Leiste richtig einsetzen, gerade wenn Sie mit einer SEO-Agentur zusammenarbeiten.
Was sind Breadcrumbs?
Breadcrumbs sind Navigationsleisten, die den Pfad von der Startseite bis zur aktuellen Seite einer Website anzeigen. Die Leiste steht in der Regel am oberen Rand einer Seite, direkt unter der Hauptnavigation oder dem Header. Ein typisches Beispiel für eine Breadcrumb-Navigation sieht so aus:
Startseite > Kategorie > Unterkategorie > Aktuelle Seite
Jedes Glied dieser Pfadangabe ist klickbar und führt den Benutzer zu einer vorherigen Seite zurück. Diese Struktur hilft nicht nur den Besuchern, sich auf der Website besser zurechtzufinden, sondern auch den Suchmaschinen, die Hierarchie und den Aufbau des gesamten Angebots zu verstehen.
Welche Arten von Breadcrumbs gibt es?
Je nach Zweck und Aufbau einer Website kommen verschiedene Arten von Breadcrumbs zum Einsatz:
Hierarchische Breadcrumbs
Hierarchische Breadcrumbs bilden die Struktur der Website ab und zeigen den Weg von der Startseite durch die verschiedenen Ebenen. Diese Variante ist am weitesten verbreitet und eignet sich besonders für große Websites mit tiefen Navigationsstrukturen.
Beispiel: Startseite > Blog > SEO > Breadcrumbs
Attributbasierte Breadcrumbs
Attributbasierte Breadcrumbs finden sich oft auf E-Commerce-Websites. Der Pfad richtet sich hier nach den Attributen eines Produkts, etwa nach Kategorie, Marke oder Preis.
Beispiel: Startseite > Kleidung > Damen > Schuhe > Sneakers
Pfadbasierte Breadcrumbs
Pfadbasierte Breadcrumbs zeigen den genauen Weg, den der Benutzer auf der Website gegangen ist. Diese Art kommt allerdings seltener zum Einsatz, weil die Spur verwirrend werden kann, sobald Besucher zwischen verschiedenen Bereichen der Website wechseln.
Beispiel: Startseite > Suchergebnisse > Produkt A > Vergleich > Produkt B
Die Variante bildet die Ebenen der Website ab und eignet sich besonders für große Websites mit tiefen Navigationsstrukturen.
Der Pfad richtet sich nach den Attributen eines Produkts, etwa nach Kategorie, Marke oder Preis.
Die Leiste zeigt den genauen Weg eines Besuchers. Springt der Besucher zwischen Bereichen der Website hin und her, kann die Spur verwirrend werden.
Warum sind Breadcrumbs wichtig für SEO?
Breadcrumbs wirken sich in mehrfacher Hinsicht auf die SEO-Leistung einer Website aus. Vier Gründe sprechen dafür, die Navigationsleiste auf Ihrer Website einzubauen:
Verbesserte Benutzererfahrung
Mit Breadcrumbs finden sich Besucher auf einer Website leichter zurecht. Die Leiste verringert die Zahl der Klicks, die nötig sind, um auf eine übergeordnete Ebene zu gelangen, und verkürzt den Weg zurück zu vorherigen Seiten. Eine gelungene Benutzererfahrung führt oft zu einer längeren Verweildauer auf der Website, was Suchmaschinen als positives Signal werten.
Niedrigere Absprungrate
Wissen Besucher auf einer Seite nicht, wie sie zurückkehren oder zu einer übergeordneten Kategorie wechseln können, verlassen diese Nutzer die Website möglicherweise sofort. Breadcrumbs lösen dieses Problem mit klaren Navigationsmöglichkeiten und helfen so, die Absprungrate zu senken.
Bessere Indexierung durch Suchmaschinen
Über Breadcrumbs erfassen Crawler die Hierarchie Ihrer Website. Suchmaschinen wie Google zeigen Breadcrumbs (Stand: August 2024) in den Suchergebnissen an, damit Nutzer klarer erkennen, wo sich eine Seite innerhalb einer Website befindet. Die zusätzliche Pfadangabe im Suchergebnis kann die Klickrate (CTR) verbessern.
Rich Snippets
Breadcrumbs können in den Suchergebnissen als Rich Snippets erscheinen. Diese Zusatzangaben können Ihre Einträge in den Suchergebnissen auffälliger machen und so die Klickrate erhöhen.
Darauf sollten Sie bei der Implementierung von Breadcrumbs achten
Mit einigen bewährten Regeln nutzen Sie Ihre Breadcrumbs voll aus:
Positionierung
Platzieren Sie Breadcrumbs an einer gut sichtbaren Stelle, normalerweise oben auf der Seite unterhalb der Hauptnavigation. Besucher sollten die Leiste leicht finden und intuitiv bedienen können.
Klare und verständliche Beschriftung
Wählen Sie für die einzelnen Elemente der Breadcrumb-Navigation klare und prägnante Beschriftungen. Verzichten Sie auf zu lange oder unklare Begriffe, die Benutzer verwirren könnten.
Konsistente Formatierung
Halten Sie das Design der Breadcrumbs schlicht und passend zum Rest Ihrer Website. Pfeile (>) oder ähnliche Symbole zeigen die Hierarchie an, und eine optisch ansprechende Gestaltung macht die Leiste zum selbstverständlichen Teil der Seite.
Mobilfreundlichkeit
Achten Sie darauf, dass Ihre Breadcrumbs auch auf mobilen Geräten gut funktionieren. Die Leiste sollte wenig Platz einnehmen und sich selbst auf kleineren Bildschirmen leicht bedienen lassen.
Keine Doppelungen
Wiederholen Sie nicht einfach die Hauptnavigation. Breadcrumbs sollen das Hauptmenü um den Pfad zur aktuellen Seite ergänzen, statt dessen Einträge zu kopieren.
SEO-freundliche URLs
Stimmen Sie Breadcrumbs und URL-Struktur aufeinander ab. So erkennen Suchmaschinen besser, wie Ihre Seiten miteinander verbunden sind.
So vermeiden Sie häufige Fehler bei Breadcrumbs
Beim Einbau von Breadcrumbs passieren trotz klarer Regeln immer wieder Fehler. Vier davon tauchen besonders häufig auf, und jeder lässt sich vermeiden:
Unnötige Komplexität
Manche Website-Betreiber versuchen, zu viele Informationen in den Breadcrumbs unterzubringen. Halten Sie die Struktur einfach und übersichtlich, denn bei zu vielen Ebenen oder überflüssigen Angaben können Benutzer schnell den Überblick verlieren.
Fehlende Aktualisierung
Ihre Breadcrumbs sollten stets aktuell bleiben. Ändert sich die Struktur Ihrer Website, passen Sie die Leiste entsprechend an.
Nicht klickbare Breadcrumbs
Ein häufiger Fehler sind Breadcrumbs, die sich nicht anklicken lassen. Vor allem soll die Leiste Benutzer mühelos zu vorherigen Seiten zurückführen. Sorgen Sie deshalb dafür, dass jedes Element der Pfadangabe auf seine Zielseite verlinkt.
Falsche Reihenfolge
Achten Sie auf eine logische und nachvollziehbare Reihenfolge der Breadcrumbs. Die Abfolge sollte die Hierarchie der Website widerspiegeln, mit der Startseite beginnen und mit der aktuellen Seite enden.
Pfadbasierte Breadcrumbs zeichnen den Irrweg des Besuchers nach, hierarchische zeigen ihm den Weg zurück zur Startseite.
Michael Dobler, Herausgeber Dr. Web
Praxisbeispiele und Tipps
Einige praxisnahe Beispiele und Tipps helfen Ihnen, Breadcrumbs auf Ihrer Website umzusetzen:
Beispiel 1: E-Commerce-Website
Eine typische E-Commerce-Website mit einer großen Zahl an Produktkategorien kann von hierarchischen Breadcrumbs profitieren. Achten Sie darauf, dass Kunden leicht von einem Produkt zur übergeordneten Kategorie zurückkehren können.
Beispiel: Startseite > Elektronik > Smartphones > iPhone 14
Beispiel 2: Blog-Website
Betreiben Sie einen Blog, helfen Breadcrumbs den Lesern, leicht zwischen verschiedenen Kategorien und Beiträgen zu wechseln. Die klarere Orientierung kann zudem die Verweildauer in Ihrem Blog erhöhen.
Beispiel: Startseite > Blog > Technologie > KI in der SEO
Tipp 1: Strukturierte Daten verwenden
Hinterlegen Sie für Ihre Breadcrumbs strukturierte Daten, damit Suchmaschinen die Leiste korrekt erkennen und in den Suchergebnissen anzeigen. Google unterstützt dafür ein eigenes Markup (Stand: August 2024), das Sie auf Ihrer Website einbauen können.
Tipp 2: Testen Sie Ihre Breadcrumbs
Kontrollieren Sie regelmäßig, ob die Leiste fehlerfrei funktioniert. Prüfen Sie vor allem auf mobilen Geräten und in verschiedenen Browsern, ob die Breadcrumbs richtig dargestellt werden und sich leicht bedienen lassen.
Fazit
Breadcrumbs gehören zu jeder Website, die für Besucher und Suchmaschinen gleichermaßen optimiert sein soll. Die kleine Leiste verbessert die Navigation und kann die Absprungrate senken sowie die Sichtbarkeit Ihrer Website in den Suchergebnissen erhöhen. Fehlen Breadcrumbs bei Ihnen noch, sollten Sie die Leiste möglichst bald einbauen.
Möchten Sie Breadcrumbs und weitere SEO-Maßnahmen nicht allein umsetzen, berät Sie eine spezialisierte SEO-Agentur bei der Umsetzung. Fachleute erklären Ihnen dort auch, wie Sie mit weiteren Maßnahmen mehr aus Ihrer Website herausholen.
FAQ: Ein umfassender Leitfaden zu Breadcrumbs
Was sind Breadcrumbs?
Breadcrumbs sind Navigationsleisten, die den Pfad von der Startseite bis zur aktuellen Seite einer Website anzeigen. Die Leiste steht meist am oberen Rand der Seite, direkt unter der Hauptnavigation oder dem Header, und jedes ihrer Elemente führt per Klick zu einer vorherigen Seite zurück. Der Name stammt aus dem Märchen „Hänsel und Gretel“, in dem die Kinder Brotkrumen streuen, um den Rückweg durch den Wald zu finden.
Welche Arten von Breadcrumbs sind verbreitet?
Drei Arten sind verbreitet. Hierarchische Breadcrumbs bilden die Ebenen der Website ab und kommen am häufigsten vor, besonders auf großen Websites mit tiefer Navigation. Attributbasierte Breadcrumbs ordnen den Pfad nach Merkmalen eines Produkts wie Kategorie, Marke oder Preis und finden sich oft auf E-Commerce-Websites. Pfadbasierte Breadcrumbs zeigen den genauen Weg eines Besuchers und sind seltener im Einsatz, weil die Spur verwirrend werden kann.
Warum sind Breadcrumbs wichtig für SEO?
Breadcrumbs verbessern die Benutzererfahrung, weil Besucher mit weniger Klicks navigieren und leichter zurückfinden. Klare Navigationsmöglichkeiten helfen, die Absprungrate zu senken. Zugleich verstehen Suchmaschinen über Breadcrumbs die Struktur und Hierarchie einer Website besser. Google zeigt Breadcrumbs (Stand: August 2024) in den Suchergebnissen an, auch als Rich Snippets, was die Klickrate erhöhen kann.
Wo sollten Breadcrumbs auf einer Seite stehen?
Breadcrumbs gehören an eine gut sichtbare Stelle, normalerweise oben auf der Seite unterhalb der Hauptnavigation. Besucher sollten die Leiste leicht finden und intuitiv bedienen können. Auf mobilen Geräten kommt hinzu, dass die Leiste wenig Platz einnehmen und sich auch auf kleinen Displays mühelos nutzen lassen sollte.
Welche Fehler sollten Sie bei Breadcrumbs vermeiden?
Vier Fehler treten besonders häufig auf: zu viele Ebenen oder überflüssige Informationen in der Leiste; Breadcrumbs, die nach einem Umbau der Website nicht angepasst werden; Elemente, die sich nicht anklicken lassen; und eine unlogische Reihenfolge. Die Abfolge sollte die Hierarchie der Website widerspiegeln, mit der Startseite beginnen und mit der aktuellen Seite enden.
Wie erkennt Google Breadcrumbs richtig?
Mit strukturierten Daten erkennen Suchmaschinen Breadcrumbs korrekt und können sie in den Suchergebnissen anzeigen. Google unterstützt dafür ein eigenes Breadcrumb-Markup (Stand: August 2024). Zusätzlich sollten Sie regelmäßig prüfen, vor allem auf mobilen Geräten und in verschiedenen Browsern, ob die Breadcrumbs richtig dargestellt werden und sich leicht bedienen lassen.
