Breadcrumb Navigation

Die Breadcrumb Navigation ist auf größeren Seiten ein wichtiges Navigationselement. Damit Google diese auch in den SERP darstellt muss man einiges beachten.

Breadcrumb Navigation

Schaut man sich einmal in den SERP von Suchergebnissen bei Google um, fallen einem immer wieder Suchergebnisse auf, bei denen Google teilweise oder sogar die komplette Breadcrumb oder Brotkrumen Navigation gleich mitanzeigt. Gerade bei hierarisch komplexen Webseiten bietet sich eine solche Breadcrumb Navigation an, um die Nutzer wieder gezielt zu höheren Ebenen der Seitenstruktur zu führen.


Breadcrump Navigation am Beispiel Amazon


Im SEO bringt eine Breadcrumb Navigation aber auch weitere Vorteile mit sich. Da in den Links relevante Keywords verwendet werden steigt zum einen die Keyworddichte auf den Seiten, zum anderen erreicht man durch die Links auch eine bessere interne Verlinkung. Durch die richtige Auszeichnung im DOM der Breadcrumbs erkennt der GoogleBot somit auch die Struktur der Webseite besser.


Technische Umsetzung


Google empfiehlt für die technische Umsetzung von Breadcrumb Navigationen die Verwendung des Mircoformats von schema.org. Hier wird genau beschrieben, wie das DOM dazu aussehen sollte. Mit dem Test-Tool für Strukturierte Daten von Google, kann man dann Testen, wie die eigene umsetzung der Breadcrumb Navigation in den SERP aussehen würde. 


Hier ein Beispiel für den Aufbau des DOM:


<div class="breadcrumb" role="navigation" aria-label="Breadcrumbs">
 <div itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://deineurl.com/" itemprop="url"><span itemprop="title">Home</span></a>
 </div>
 <div itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://deineurl.com/cottage"><span itemprop="title">Cottage</span></a>
 </div>
 <div itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://deineurl.com/cottage/france"><span itemprop="title">France</span></a>
 </div>
 <div itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
  <span itemprop="title">Provence</span>
 </div>
</div>


Was ist noch zu beachten?


Im Beispiel ganz oben mit Amazon stellt Google die Breadcrumb Navigation dar, obwohl Amazon das nicht extra auszeichnet. Google kann also auch Breadcrumb Navigationen erkennen, die nicht diesem Schema folgen, darauf verlassen würde ich mich aber nicht.


Die Breadcrumb Navigation sollte nicht dazu missbraucht werden, noch mehr Keywords auf die Seite zu bringen. Erstens würde das in den SERP nicht gut aussehen, zweitens birgt das die Gefahr einer Abwertung der Seiten.


Die Akzeptanz testen. Dass die Breadcrumb Navigation oberhalb vom Hauptcontent stehen sollte, versteht sich von selbst. Aber wird sie auch angenommen? Das sollte man einfach mit Google Analytics und einem Event Tracking testen und wie das funktioniert erfahrt Ihr im nächsten Blogbeitrag.


 


Habt Ihr selber schon Erfahrungen mit der Breadcrumb Navigation in den SERP gemacht?