Breadcrumb SEO Best Practices für eine Mobile-First-Strategie

Breadcrumbs - ihr Design ist archetypisch und ihre Positionierung auf der Seite offensichtlich. Schon Seit Jahren haben sie jeweils ihren Wert für SEO unter Beweis gestellt. Und doch haben viele Websites im Zuge der Umstellung auf die Mobile-First-Indizierung die Breadcrumb-Navigation falsch oder gar nicht eingerichtet.

Das ist ein Fehler, denn Breadcrumbs sind sowohl für die Suchmaschinenoptimierung als auch für die Benutzerfreundlichkeit von Vorteil. In diesem Blogpost hat sich die Online Marketing Factory umfassend mit Breadcrumbs auseinandergesetzt und verrät Dir die Best Practices für eine erfolgreiche Mobile-First-Strategie!

Was ist eine Breadcrumb-Navigation?

Breadcrumbs stellen eine Reihe von kontextbezogenen Links dar, die anzeigen, wo sich der Nutzer auf einer Website befindet. Daher sind sie eine Form von Sekundärnavigation, mithilfe dieser Website-Nutzer ihren Weg in der Website-Hierarchie verfolgen können.

Wann sollten Breadcrumbs verwendet werden?

Nicht alle Websites profitieren von Breadcrumbs. Hierzu gehören Websites, welche:

• nicht viele Navigationsebenen besitzen
• keine logische Hierarchie oder Gruppierung aufweisen
• als lineare Erlebnisse konzipiert sind

Für Websites mit flachen Strukturen, bei welchen ein Grossteil des Inhalts bequem auf einer Ebene liegt, sind Breadcrumbs wenig nützlich. Dies kann sogar für grosse Websites gelten. Eine Website mit Wirtschaftsnachrichten kann beispielsweise viele Themen und Tausende von Artikeln enthalten, ist aber nicht auf mehrere Navigationsebenen angewiesen. Andererseits sind Breadcrumbs für Websites, die auf komplexen hierarchischen Strukturen basieren, unerlässlich.

Best Practices für Breadcrumbs: Benutzererfahrung für Mobilgeräte

Die wichtigsten Best Practices für die Mobile Benutzererfahrung umfassen:

• Kontinuierlich Verfügbarkeit: Breadcrumbs sollten auf jeder relevanten Seite vorhanden sein. Relevant bedeutet, dass sie einen signifikanten Mehrwert für die Orientierung bieten.
• Logische Positionierung: Positioniere die Breadcrumbs direkt unter dem Hauptnavigationsmenü und über der H1. Dort werden sie auch von den Website-Nutzern erwartet. Wenn Du sie an einer anderen Stelle platzierst, kannst Du die Vorteile der Benutzerfreundlichkeit jeweils nicht voll ausschöpfen.
• Klarer Anfang und klares Ende: Breadcrumbs sollten den Weg von der Homepage zur aktuellen Seite aufzeigen. Die Startseite fungiert als Anker, der den Nutzern ein starkes Gefühl der Orientierung vermittelt. Die Anzeige des letzten Elements als nicht anklickbares und somit visuell eindeutiges Element bestätigt dem Nutzer, auf welcher Seite er sich gerade befindet.
• Symbolische Trennzeichen: Das optimale Trennzeichen für Hyperlinks in Breadcrumb Trails ist nach wie vor das "Grösser als"-Symbol (>), da es prägnant ist und gleichzeitig die Beziehung zwischen den Seiten akkurat anzeigt. Andere Optionen wie Schrägstriche (/) oder Pipes (|) sind für die Visualisierung einer Hierarchie nicht geeignet.
• Optimale Grösse: Halte das Breadcrumb-Design schlicht, indem Du eine kleine Schrift verwendest, die gross genug ist, um ein Tippziel darstellen zu können. Überlade die Zeile dabei nicht mit unnötigem Text wie "Sie sind hier" oder "Navigation".