10 Tipps für SEO- und User-freundliche Breadcrumbs

Breadcrumbs sind schon seit langem ein wichtiges Navigationselement für große Seiten mit vielen Hierarchieebenen. Damit die Breadcrumb-Navigation allerdings in den Google Suchergebnissen angezeigt wird und für den User hilfreich ist, müssen einpaar einfache Regeln befolgt werden.

Bei SEO OnPage Reviews für Kunden fällt mir regelmäßig auf, dass die Breadcrumbs Navigation falsch ausgezeichnet ist und somit nicht in den SERPs erscheint. Für alle, die Breadcrumbs nicht kennen, es handelt sich dabei um einen einfache, aber wichtige Navigationshilfe für Websites.

Die Brotkrümel zeigen dem User in welcher Navigationsebene er sich gerade befindet, besonders wichtig ist das zum Beispiel bei Online Shops. Die Kategorien sind sinnvoll verlinkt und erlauben es dem User so, schnell eine Ebene hoch zu navigieren.

Eine korrekt eingebaute Breadcrumb-Navigation hat auch Vorteile für SEO. Zum einen versteht der Googlebot durch die Auszeichnung der Ebenen die Seiten Architektur besser. Da die Links mit entsprechenden Keywords als Linktext verlinkt sind, verbessert sich damit auch die interne Verlinkung und Google weiß besser, um was es sich auf den Seiten inhaltlich handelt.

Zu guter Letzt erscheinen die Breadcrumbs sogar in den Suchergebnissen, was allerlei Vorteile mit sich bringen kann. Die eigenen Seite erhält dadurch einen auffälligerere Anzeige in den SERPs, was die Klick Conversion erhöhen kann. Außerdem kann der Suchende auch einen der Breadcrumb Links klicken, um auf einen andere Ebene der Seite zu kommen.

Regeln für User- & SEO-freundliche Breadcrumbs

Baue Breadcrumbs nur in Websites mit vielen Hierarchien ein, also z.B. bei Web Shops. Die zusätzliche Navigation ist in erster Linie für den User da und wenn es dafür keinen Sinn gibt, weil die Seite keine tiefen Ebenen hat, dann braucht man auch keine Breadcrumbs.
Bilde auf jeder Seite den kompletten Kategoriepfad ab (beginne mit der Startseite; keine Ersetzungen mit “…”, wie man es zum Teil in den SERPs sieht)
Verlinke nicht die letzte Ebene, in der man sich gerade befindet.
Ersetze durch Breadcrumbs nicht die Hauptnavigation (Breadcrumbs visualisieren die horizontale Struktur einer Website, das Hauptmenü visualisiert die vertikale Struktur)
Wenn man sie einbaut, dann sollte die Breadcrumb-Navigation auf jeder Seite vorhanden sein, damit der User nicht verwirrt ist.
Betreibe kein Keyword Stuffing bei den Kategorie Links, der Linktext sollte den Inhalt der verlinkten Kategorie so knapp wie möglich und exakt wiedergeben.
Benutze Text Trennzeichen, keine Grafiken. Trennzeichen, die gut funktioniert sind >, », ›
Binde die Breadcrumbs im sichtbaren Bereich der Seite, also “Above the Fold”, ein. Es ist für die Anzeige bei Google anscheinend egal an welcher Stelle sie stehen, aber für den User sind die Krümel eine wichtige Navigationshilfe und sollten oben über dem Content platziert sein.
Zeichne die Navigation im HTML Code mittles schema.org korrekt aus.

Breadcrumb Navigation technisch korrekt implementieren

Damit die Breadcrumbs dann auch von Google erkannt werden, muss man sie technisch korrekt implementieren. Google ist zwar sehr gut darin geworden verschiedene Navigationselemente zu erkennen, aber es ist immer besser bewusst zu steuern, was angezeigt werden soll.

Für den korrekten Einbau empfehle ich die Verwendung von schema.org mit dem Element WebPage und der Eigenschaft breadcrumb.

Hier ist ein Code Beispiel von einer meiner Seiten:

<html>
<head>...</head>
<body itemscope itemtype="http://schema.org/WebPage">
...
<div itemprop="breadcrumb" class="breadcrumbs">
 
	<strong>Du bist hier:</strong>
	<a href="http://deinebrands.de/">Startseite</a> › 
	<a href="http://deinebrands.de/damenmode">Mode</a> › 
	<a href="http://deinebrands.de/damenmode-jacken">Jacken</a> › 
	<span>Daunenjacken</span> 						
 
<div>
...
</body>
</html>

Noch ein Tipp: Gebt dem div, in dem die Breadcrumbs sind, die CSS Id oder Klasse “breadcrumbs”. Ich behaupte, dass Google das auch als Kriterium nehmen könnte.

Einbindung testen

Um die Einbindung mit schema.org zu testen, nutzt man am besten das Google Test-Tool für strukturierte Daten. Wenn alles klappt, sollte die Krümelnavigation unter “Extrahierte strukturierte Daten” erscheinen.

Natürlich sollte man dann einige Zeit nach dem Einbau auch die SERPs prüfen, ob die Breadcrumbs angezeigt werden. Am besten macht man das mit der Google site: Abfrage.

Grundsätzlich behält sich Google das Recht vor, selbst zu entscheiden, ob und wann es Breadcrumbs in den Suchergebnissen anzeigt. Es kann also mitunter sehr lange dauern bis eine Breadcrumb-Navigation in den SERPs erscheint, wenn überhaupt. Das kann man nicht beeinflussen. Es hieß früher, dass die Seite einen gewissen Trust haben muss, aus eigener Erfahrung kann ich aber sagen, dass die Breadcrumbs auch bei Low Trust Seiten relativ schnell in den Suchergebnissen erscheinen können.

Zu guter Letzt, sollte man die Effekte der neuen Navigation mit Google Analytics messen, z.B. die Breadcrumb Links mit dem Analytics Ereignis Tracking vertaggen und später auswerten.

Matt Cutts über Breadcrumbs

Zum Abschluss noch ein Video über Breadcrumbs von unserem besten Freund Matt Cutts. Das Video ist zwar aus 2010, aber die Basics haben sich nicht geändert.