Sie öffnen eine Produktseite in Ihrem Shopify-Shop, und am Breadcrumb stimmt etwas nicht: Eine Ebene fehlt, die gezeigte Kollektion ist nicht die erwartete, die Spur fällt auf Start > Alle Produkte > [Produktname] zurück, oder ein Eintrag zeigt noch die Grundsprache Ihres Shops auf einem übersetzten Storefront. Keines davon ist eine defekte Spur. Jeder Fall geht auf den Kategoriebaum zurück, den Breadcrumbs Uncomplicated aus Ihren Shopify-Navigationsmenüs baut, und auf eine konkrete, behebbare Lücke darin.

Kategorien stammen immer aus Menüs: Jeder Eintrag im Baum ist ein Menüelement, niemals eine Kollektion, die sich die App selbst gesucht hat. Die Lücke ist also nie “eine Kategorie fehlt im Menü”, sondern eher “die Kollektion eines Produkts ist gar keine Kategorie” oder “eine Kategorie liegt tatsächlich außerhalb des Menüs, auf das die App gerade eingeengt ist”.

Einer Spur fehlt eine Ebene

Die server-seitig gerenderte Spur entsteht, indem die App durch die Vorfahren-Kategorien eines Produkts nach oben geht und für jede den aktuellen Menülink sucht. Ein Vorfahr, dessen Menülink nicht gefunden wird, wird einfach übersprungen - das lässt diese Ebene aus der Spur fallen, ohne den Rest zu beschädigen. Zwei Dinge erzeugen diese Lücke: Das Menü wurde geändert, seit die App zuletzt ihren Snapshot davon erstellt hat (eine Änderung in Onlineshop > Navigation wirkt sich nicht von selbst auf den Storefront aus; die App braucht danach noch Kategorien aktualisieren), oder die Kategorie liegt tatsächlich außerhalb des Menüs, auf das Ihre Einstellung Kategorie der obersten Ebene gerade zeigt. Der Free-Tarif kann dieselbe Lücke von einer anderen Seite erzeugen: Nur die ersten 10 kollektionsgebundenen Kategorien kommen in Ihren Storefront-Snapshot, sodass eine Kategorie jenseits dieser Grenze keine Vorfahren zeigt, obwohl sie existiert; die Karte Ausgeschlossene Kategorien im Adminbereich listet auf, was es nicht in den Snapshot geschafft hat.

Die falsche Kollektion, oder eine, die Sie nicht erwartet haben

Gehört ein Produkt zu mehr als einer Kollektion und sagt seine URL nicht, aus welcher Sie gerade browsen, rät die App mithilfe der Einstellung Breadcrumb-Auswahl auf Produktseiten, die standardmäßig auf Spezifischster (kleinste Sammlung) Breadcrumb steht. Diese Vermutung sucht zuerst nach einer Kollektion des Produkts, die tatsächlich im Kategoriebaum liegt. Erst wenn keine davon im Baum ist, fällt sie auf die erste oder letzte Kollektion des Produkts zurück, je nachdem, wie die Einstellung ausgerichtet ist - selbst wenn diese Kollektion nie in ein Menü aufgenommen wurde; eine automatische Kollektion wie “Sale” oder “Neu eingetroffen” ist der typische Fall. Das ist eine echte Kollektion, als echter Breadcrumb gerendert; sie ist nur keine Kategorie, deshalb erscheint sie ohne Vorfahren und ohne Bezug zu der Menüstruktur, die Sie erwarten.

Alle Produkte, wo eine Kollektion stehen sollte

Manchmal gibt es überhaupt keine Kollektion, auf die die App zeigen könnte: Das Produkt hat keine eigenen Kollektionen, oder Breadcrumb-Auswahl auf Produktseiten ist auf Generisches Breadcrumb anzeigen gestellt. In beiden Fällen fällt der Storefront auf den generischen Breadcrumb Alle Produkte zurück, der standardmäßig auf /collections/all verlinkt. Das ist eine andere Lücke als die beiden oben - an Ihren Menüs ist hier nichts falsch, das Produkt ist schlicht an keine Kollektion angehängt, auf die die App zeigen könnte.

Ein Eintrag in der falschen Sprache

Ob ein Menülink gefunden wird, entscheidet nicht nur, ob eine Ebene erscheint - es entscheidet auch, woher ihr Titel kommt. Auf dem Server wird der Titel direkt aus Shopifys aktivem Menü gelesen, übersetzt für die Storefront-Sprache, die der Kunde gerade betrachtet. Fällt die App stattdessen darauf zurück, die Spur im Browser fertigzustellen, beginnt der letzte Eintrag mit dem eigenen Titel der Kollektion und wird dann mit dem Titel überschrieben, den der Kategorie-Snapshot der App enthält - das ist die Grundsprache Ihres Shops, nicht Shopifys menügebundene Übersetzung je Sprache; auch die strukturierten Daten des Breadcrumbs für Suchmaschinen werden dann nachträglich per Skript eingefügt statt im HTML der Seite ausgeliefert, was für einen Crawler weniger zuverlässig zu erfassen ist. Das ist der eigentliche Preis eines Menülinks, den die App nicht findet: Übersetzungen und server-seitig gerenderte strukturierte Daten, fast nie der Kollektions-Breadcrumb selbst.

Die Lücke schließen

  • Klicken Sie nach jeder Änderung an einem Menü in Onlineshop > Navigation auf Kategorien aktualisieren. Die Spur wird aus einem Snapshot Ihrer Menüs gerendert, nicht aus den aktuellen Menüs selbst, sodass eine Änderung erst wirkt, wenn dieser Snapshot neu aufgebaut wurde.
  • Prüfen Sie Kategorie der obersten Ebene in Einstellungen. Gehört die Kategorie einer Kollektion zu einem Menü außerhalb des aktuell eingestellten, fügen Sie sie entweder in das Menü ein, auf das Kategorie der obersten Ebene zeigt, oder erweitern Sie die Einstellung auf ein Menü, das sie bereits abdeckt.
  • Öffnen Sie im Free-Tarif die Karte Ausgeschlossene Kategorien, um zu sehen, was jenseits der 10-Kategorien-Grenze liegt, und führen Sie ein Upgrade durch, wenn diese Kategorien ebenfalls erscheinen sollen.
  • Prüfen Sie anschließend den Kategorie-Berater. Er listet strukturelle Menüprobleme mit einem konkreten nächsten Schritt für jedes auf, und es lohnt sich, diese zu beheben, bevor Sie beurteilen, ob eine Spur korrekt ist.

Zusammenfassung

Ein Breadcrumb, dem eine Ebene fehlt, der eine Kollektion zeigt, die Sie nicht erwartet haben, der Alle Produkte anzeigt oder einen unübersetzten Eintrag zeigt, ist eine Lücke im Kategoriebaum, den die App aus Ihren Menüs baut, keine defekte Spur. Finden Sie heraus, um welche Art von Lücke es sich handelt - ein veralteter Snapshot, eine Kategorie außerhalb von Kategorie der obersten Ebene, eine Kollektion, die nie eine Kategorie war, oder die Grenze des Free-Tarifs - schließen Sie sie, und führen Sie Kategorien aktualisieren aus. Die vollständige, übersetzte, server-seitig gerenderte Spur kehrt zurück, sobald die App einen Pfad dorthin auf dem Server durchlaufen kann.