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

Ihr Design ist archetypisch. Ihre Position auf der Seite ist scheinbar offensichtlich. Seit Jahren haben sie ihren Wert für SEO bewiesen. Und doch, da wir zur Mobile-First-Indexierung übergegangen sind, haben viele Websites eine falsche Breadcrumb-Navigation oder überhaupt keine Breadcrumb-Spur.

Das ist ein Fehler.

Breadcrumbs sind vorteilhaft für SEO und Usability, wenn sie für mobile Geräte optimal implementiert werden. Hier ist alles, was Sie wissen müssen, um sie richtig zu machen.

Was ist Breadcrumb-Navigation?

Typischerweise ist die Breadcrumbs-Navigation eine Reihe kontextbezogener Links, die angeben, wo sich der Benutzer auf einer Website befindet. Sie sind eine Form der sekundären Navigation , die es Benutzern ermöglicht, ihren Weg in der Site-Hierarchie zu verfolgen.

Wann sollten Sie Semmelbrösel verwenden?

Nicht alle Websites profitieren von Breadcrumbs. Sie sind nicht erforderlich für Websites, die:

• Enthält nicht viele verschachtelte Navigationsebenen.
• Haben Sie keine logische Hierarchie oder Gruppierung.
• Sind als lineare Erlebnisse konzipiert.

Für solche Websites mit flachen Strukturen, bei denen sich ein Großteil des Inhalts bequem auf derselben Ebene befindet, würden Breadcrumbs wenig Wert bieten, da sie nicht mehr als zwei Ebenen enthalten würden.

Dies kann sogar für große Websites gelten. Beispielsweise kann eine Website mit Wirtschaftsnachrichten viele Themen und Tausende von Artikeln anbieten, würde aber nicht mehrere Navigationsebenen benötigen.

Andererseits sind Breadcrumbs für Websites, die auf komplexen hierarchischen Strukturen basieren, unerlässlich. Das klassische Beispiel ist E-Commerce, aber ihre Anwendung ist viel breiter.

Die Frage ist, wie man Breadcrumbs sowohl für Nutzer als auch für Google hilfreich macht. Das ist eine Kunst für sich.

3 Arten von Paniermehlpfaden

Die meisten UX-Experten erkennen drei Typen:

• Pfadbasierte (auch bekannt als verlaufsbasierte) Breadcrumbs
• Attributbasierte Breadcrumbs
• Hierarchiebasierte (auch bekannt als standortbasierte) Breadcrumbs

Für SEO sollte es nur eines geben: hierarchische Breadcrumbs. Deshalb.

Pfadbasierte Breadcrumb- Trails zeigen die einzelnen Schritte eines Benutzers an, die zu seiner aktuellen Seite führen.

Das Anzeigen des vorherigen Klickpfads eines Benutzers ist keine Best Practice für SEO oder Benutzerfreundlichkeit.

• Es repliziert die Funktionalität, die von der Zurück-Schaltfläche des Browsers angeboten wird.
• Es ist nutzlos für Benutzer, die auf einer Seite tief innerhalb der Website landen.
• Sie ist oft lang, repetitiv und letztendlich verwirrend für den Benutzer.
• Da Breadcrumbs dynamisch und für jede Sitzung einzigartig sind, verarbeiten Suchmaschinen die internen Links nicht.

Breadcrumbs sollten Hierarchie zeigen, nicht Geschichte.

Attributbasierte Breadcrumbs werden empfohlen, wenn der Inhalt einer bestimmten Seite zu mehreren Kategorien und Attributen gehört. Ein Schuh kann beispielsweise ein schwarzer, knöchellanger Stiefel mit Absatz sein.

Für diese Merkmale gibt es keine logische Hierarchie. Es stellt sich also die Frage, in welcher Reihenfolge die Breadcrumbs angezeigt werden. Sollte der Breadcrumbs-Trail so aussehen:

Startseite > Stiefel > Absätze > Schwarz > Knöchellänge

Oder

Startseite > Absätze > Stiefel > Knöchellänge > Schwarz

Oder eine andere Kombination.

Ich habe Empfehlungen gesehen, einen primären Pfad basierend auf der Attributverwendung oder dem Abfragevolumen festzulegen. Oder personalisieren Sie den Breadcrumb-Pfad, sodass er den individuellen Pfad jedes Benutzers innerhalb der Site-Hierarchie widerspiegelt. Beides ist der falsche Ansatz.

Anstatt zu versuchen, die lineare Struktur von Breadcrumbs etwas von Natur aus Polyhierarchischen aufzuzwingen. Lassen Sie die Anforderung fallen, dass sie sich innerhalb eines Breadcrumb-Trails befinden müssen. Zeigen Sie die Attribute lieber in einem Format an, das ihrer Art als Filteroptionen entspricht.

Damit bleibt uns die hierarchiebasierte Breadcrumb- Navigation. Diese visualisieren die Tiefe der Site-Architektur, beginnend mit der breitesten Top-Level-Kategorie und weiter nach unten durch spezifischere, verschachtelte Unterkategorien, bevor sie zur aktuellen Seite gelangen.

Hierarchie-Breadcrumbs sind die am häufigsten verwendeten, am intuitivsten verständlichen und die leistungsstärksten für SEO. Daher wird dies der einzige Typ sein, der für den Rest dieses Artikels berücksichtigt wird.

SEO-Vorteile von Breadcrumb-Navigation und strukturierten Daten

Breadcrumbs sind ein wesentliches Element zur Unterstützung der Wegfindung – sie orientieren den Benutzer und bieten mit einem Klick Zugriff auf relevante, übergeordnete Seiten. Dies ist besonders wichtig, wenn ein Besucher auf einer Seite tief in der Website-Hierarchie landet. Zum Beispiel auf einer Produktseite nach dem Klick auf ein Google-Suchergebnis einer Long-Tail-Abfrage.

Aber es geht um mehr als nur um die Benutzerfreundlichkeit einer Website. Breadcrumbs unterstützen jeden Schritt des SEO-Prozesses.

1. Mehr Krabbeln

Die durch die Breadcrumbs generierten internen Links helfen dabei, alle Ebenen der Hierarchie für Suchmaschinen-Crawler verfügbar zu machen. Dies ist besonders wichtig für niedrigere Ebenen, die ohne solche Signale möglicherweise nicht erreicht werden oder bei Erreichen keine ausreichend hohe Priorität in der Crawl-Warteschlange von Google erhalten.

Die Vorteile lassen sich an einer Verringerung der „entdeckt – derzeit nicht indexiert“-Ausschlüsse in der Google Search Console und einer erhöhten Crawling-Frequenz messen.

2. Bessere Indizierung

Hierarchische Links helfen Google dabei, Inhalte zu kontextualisieren und Seiten in der Seitenstruktur richtig zuzuordnen. Wenn Google URLs nur über eine Sitemap-Datei sieht, versteht es nicht, wie die URLs miteinander zusammenhängen.

Dies führt zu Schwierigkeiten, wenn Google versucht zu verstehen, wie relevant eine Seite im Kontext der Website ist. Breadcrumb-Links unterstützen die Bildung von Themensilos, die bei der entitätsfokussierten Indexierung immer wichtiger werden.

Die Vorteile können anhand einer Zunahme gültiger URLs in der Google Search Console und einer schnelleren Indexierungsgeschwindigkeit gemessen werden.

3. Höheres Ranking, SERP-Klicks und organische Sitzungen

Breadcrumbs unterstützen das Ranking auf zwei Arten:

• Stärkt die interne Linkarchitektur: Erlaubt Link Equity zwischen thematisch verwandten Seiten zu fließen.
• Eine natürliche Möglichkeit, Keywords "above the fold" einzufügen : Dies wird sich wahrscheinlich nicht auf stark umkämpfte Suchanfragen auswirken, kann aber im Long Tail einen Unterschied machen.

Die Vorteile können in der Abnahme der durchschnittlichen Position sowie in der Zunahme der Impressionen in der Google Search Console gemessen werden. Ein erhöhter Rang erhöht natürlich die Klicks und damit die organischen Sitzungen.

Vor-Ort-Breadcrumbs im Vergleich zu Schema-Markup-Breadcrumbs

Auf der Seite angezeigte Breadcrumbs und Breadcrumb-Schema-Markup sind getrennte Dinge. Nur weil es Breadcrumbs auf der Website gibt, bedeutet das nicht, dass es Breadcrumb-strukturierte Daten gibt.

Der schnellste Weg, um festzustellen, ob Ihre Website über ein gültiges Breadcrumb-Schema-Markup verfügt, besteht darin, den Breadcrumbs-Bericht in der Google Search Console zu überprüfen. Wenn Sie Fehler sehen, überprüfen Sie die strukturierten Daten der BreadcrumbList.

Für eine optimale Wirkung ist es am besten, wenn beide nicht nur existieren, sondern die Botschaft des anderen über die Seitenstruktur bestätigen. Dies wird Google weiter dabei unterstützen, Inhalte zu kontextualisieren, was wiederum zu einer besseren Indexierung führt.

Außerdem können Breadcrumb-strukturierte Daten die organische Leistung unterstützen, indem sie den URL-Pfad im SERP-Snippet in einen Breadcrumb-Pfad ändern. Obwohl Google einen Breadcrumb-Pfad auch ohne das Breadcrumb-Markup anzeigen kann.

Umgekehrt garantiert das bloße Vorhandensein von Schema-Markup, wie bei den meisten Markups, nicht die Änderung und kann manchmal zu suboptimalen Ergebnissen des Breadcrumb-Pfads führen, oft abhängig von der Länge. Verfolgen Sie also die Auswirkungen sorgfältig. Aber für die meisten Websites sind Breadcrumb-strukturierte Daten eine bewährte Methode.

Best Practice Breadcrumb-Navigation

Die Breadcrumb-Navigation war bisher eine konsequent konsistente Schnittstellenkomponente. Wahrscheinlich wegen ihrer relativen Einfachheit.

Es gibt hierarchische Verknüpfungen, die durch eine Art Trennzeichen getrennt sind. Aber dann kam Mobile-First und die Dinge wurden kompliziert. Die historischen Best Practices mussten für den kleineren Bildschirm modifiziert werden.

Was sind also die Best Practices für Breadcrumbs für UX für Mobilgeräte?

Die wichtigsten Best Practices für die Benutzererfahrung sind:

• Durchgängig verfügbar : Breadcrumbs sollten auf jeder relevanten Seite vorhanden sein. Relevant bedeutet, dass sie einen erheblichen Wegfindungswert hinzufügen, der die erstklassige Platzierung wert ist.
• Logische Position : Positionieren Sie Breadcrumbs direkt unter dem primären Navigationsmenü und über dem H1. Dies ist, wo Benutzer es erwarten. Woanders platziert, werden Sie nicht die vollen Vorteile der Benutzerfreundlichkeit nutzen, und wenn sie niedrig auf der Seite sind, wird ihre interne Verlinkungskraft verringert.
• Klarer Anfang und Ende : Breadcrumbs sollen den Weg von der Startseite zur aktuellen Seite zeigen. Die Homepage fungiert als Anker, der den Nutzern eine starke Orientierung gibt. Das Anzeigen des letzten Elements als nicht anklickbares und als solches visuell unterscheidbares Element bestätigt dem Benutzer, auf welcher Seite er sich gerade befindet.
• Symbolisches Trennzeichen : Das optimale Trennzeichen zum Trennen von Hyperlinks in Breadcrumb-Trails bleibt das „Größer-als“-Symbol (>), da es prägnant ist und gleichzeitig die Beziehung zwischen Seiten anzeigt. Andere Optionen wie Schrägstriche (/) oder senkrechte Striche (|) kennzeichnen keine Hierarchie. Während Optionen wie » und -> unnötig Platz beanspruchen.
• Genau die richtige Größe : Halten Sie das Breadcrumb-Design einfach und unaufdringlich, indem Sie eine kleine Schriftart verwenden, obwohl sie groß genug und gepolstert genug ist, um ein Tippziel zu sein, in einem Stil, der mit den Textlinks auf dem Rest ihrer Website übereinstimmt. Überladen Sie die Zeile nicht mit unnötigem Text wie „Sie befinden sich hier“ oder „Navigation“.

Und was sind Best Practices für Breadcrumb-SEO für die Mobile-First-Indexierung?

Es ist ein Kinderspiel, aber so viele Websites machen das falsch. Zeigen Sie Breadcrumbs auf Mobilgeräten im gleichen Design wie auf dem Desktop an.

Wie alle kritischen SEO-Elemente müssen diese auf der Serverseite gerendert und ohne aktiviertes JavaScript gecrawlt werden können.

Schließen Sie den vollständigen Navigationspfad in der Hierarchie nach unten zur aktuellen Seite ein. Verlinken Sie alle diese Seiten, mit Ausnahme des letzten Elements, um die Verwirrung eines selbstreferenzierenden Links zu vermeiden, der die Seite neu lädt. Kürzen Sie Breadcrumbs nicht, indem Sie Schritte weglassen oder Zwischenschritte mit „…“ abschneiden oder nur die letzten Ebenen einbeziehen. All dies negiert die SEO-Macht von Breadcrumbs.

Dann stellt sich die Frage, wie man alle Links einbeziehen kann, ohne dass sich Breadcrumbs auf Mobilgeräten auf mehrere Zeilen verteilen. Nicht nur, weil ein mehrzeiliger Breadcrumb-Trail die Struktur der Kette nicht gut abbildet. Aber noch wichtiger, weil es wertvollen Platz auf dem kleinen Bildschirm verschlingt.

Um einzeilige Breadcrumbs zu erreichen, ohne das Design oder die Benutzerfreundlichkeit zu beeinträchtigen, nutzen Sie den Überlauf. Auf diese Weise können Benutzer wischen, um den gesamten Pfad anzuzeigen, was durch die Einbeziehung eines Wischassistenten oder einer horizontalen Bildlaufleiste gefördert werden kann. Es ist jedoch zwingend erforderlich, dass der Überlauf mit CSS implementiert wird, um SEO-freundlich zu bleiben.

Nur weil Breadcrumbs jetzt hübsch in einer einzigen Zeile sitzen, gibt es keine Lizenz, den Benutzer beim Scrollen arbeiten zu lassen. Halten Sie den Ankertext prägnant und schlüsselwortrelevant .

Denken Sie nicht, dass Sie die Seitenüberschrift in Breadcrumbs spiegeln müssen. Es ist schön, es zu haben, aber nicht auf Kosten davon, dass sie lang werden oder sich wiederholen. Und schneiden Sie niemals Seitentitel mit Ellipsen ab. Entscheiden Sie sich lieber für einen eindeutigen Kurznamen.

Wenn Sie beispielsweise auf einem Immobilienportal auf dem Titel basieren, erhalten Sie möglicherweise die Breadcrumbs:

Startseite > Immobilien kaufen > Häuser kaufen > Häuser in London kaufen > Häuser in Islington kaufen > Häuser mit 3 Schlafzimmern in Islington zu verkaufen

Statt kurz und bündig:

Startseite > Verkauf > Häuser > London > Islington > 3 Bed

Semmelbrösel sind unverzichtbar

Breadcrumbs sind eine wesentliche Form der sekundären Navigation für hierarchisch komplexe Websites. Sie unterstützen die Wegfindung, verbessern die Benutzerfreundlichkeit und verringern das Pogo-Sticking von Google SERPs.

Darüber hinaus fördert es die SEO, da es das Crawlen erleichtert, Inhalte für die Indexierung kontextualisiert und interne Link-Equity bereitstellt. Ein archetypisches Styling mit einem Mobile-First-Twist des gesamten Breadcrumb-Trails, der dank CSS-Überlauf in eine einzige Zeile passt, zeigt die volle Kraft von Breadcrumbs.

Die in diesem Artikel geäußerten Meinungen sind die des Gastautors und nicht unbedingt Search Engine Land. Mitarbeiter Autoren sind hier aufgelistet.