Fix Shopify Breadcrumbs - data-vocabulary.org Schema ofgesot

D'Warnunge waren am Januar ausgefall - data-vocabulary.org Schema verschwonnen - déi giel Feeler an der Google Sichkonsol, an d'Drohung vu méi räiche Broutkriibs an de Sichresultater.

Dir kënnt testen ob Är Websäit d'Thema huet andeems Dir eng Ënnersäit mat Panéiermiel gitt schema.org an den Google Testen blockéieren: https://search.google.com/structured-data/testing-tool#

Wéi fixéiert d'Data-vocabulary.org Schema ofgeroden a Shopify Bréidercher

De Bréidercherscode am Shopify ass an der Auszuchsschnëtt Sektioun, a Broutcrumb.liquid:

Den originale Shopify Broutkrummscode deen Dir héchstwahrscheinlech hutt (wann Dir dëse Feeler hutt) enthält folgend Referenzen:

Eng Itemtype Deklaratioun datt dëst Broutkrumm Schema ass:

Eng Referenz op d'URL vun der Säit:

Eng Referenz zum Titel vun der Säit: {{'general.breadcrumbs.home' | t}}

Deen einfachste Wee fir dëse Code an eng akzeptabel Form ze updaten ass Microdata Schema ze benotzen.

Dir fannt de Beispillcode vu de Site schema.org hei, wat weist datt Dir Daten braucht fir d'URL, den Titel, AN d'Positioun vun der Säit an der Bréidercherslëscht:

Fir den existente Code mam neie Format ze ersetzen kann et pro Thema ënnerscheeden, awer ech ginn Iech déi allgemeng Prinzipien als éischt, gefollegt vu mengem Beispillcode als Referenz.

Äre Code aktualiséieren - Typ no Typ

Also ech ginn iwwer all Datefeld dat de schema.org erfuerdert, a bemierkt wéi et geännert gëtt, a wéi mir et an Shopify implementéiere kënnen.

1. Schema.org Breadcrumb Lëscht deklaréieren

Breadcrumbs sinn normalerweis an der Lëscht HTML Formatéierung, an eng bestallte Lëscht gëtt recommandéiert (awer net erfuerderlech well mir Positioun benotzen).

Fir de Markup unzefänken, wëlle mir deklaréieren datt mir eng Breadcrumb Lëscht erstellen, andeems Dir all Breadcrumb Elementer an enger Elterelëscht wéckelen, mat dësem Code:

An denkt drun, et gëtt en Ofschloss Tag néideg um Enn.

Dëst sollt an den Elteren Divs derbäigesat ginn déi benotzt gi fir se ze style, a mengem Beispill ass et:

Also a mengem Beispill géif ech den

Schrëtt 1: Füügt Broutcrumb Referenz an der bestellter Lëscht html wéi uewe genannt.

2. Ewechhuele vun eenzelne Breadcrumb Data-Vocabulary Referenzen

Elo datt all Daten an enger Lëscht gewéckelt sinn an deklaréieren datt et eng Broutkrummel Lëscht sinn, brauche mir net eenzel Etiketten op all Element.

An Github Code vu ville benotzt hei, all eenzel Säit Referenz ass an der folgender Div gewéckelt:

{{collection.title}}

Also elo kënne mir den Linn.

Schrëtt 2: Ewechzehuelen der Divs referenzéierten uewen.

3. Dobäi All Lëscht Element

An all Instanz wou mir en DIV an der viregter Sektioun ewechgeholl hunn, musse mir elo e Lëschtelabeletikett fir jiddereng vun hinnen derbäifügen.

Mir wëllen deklaréieren datt jidderee vun hinnen en Element an der Elterenlëscht ass, a mir maachen dat andeems se se an de folgende Lëschtcode wéckelen:

{{collection.title}}

Wéi Dir gesitt der Tags wéckelen d'Donnéeë vun den URLen.

Schrëtt 3: Wéckelt eenzel Lëschtelementer an

4. Ersetzt Datenetiketten mat Neien Markup

Microdata benotzen net déiselwecht Etiketten wéi Data-Vocab, mir musse d'Nimm fir URL a Säitennumm aktualiséieren.

Déi al Date gi mam Label URL fir d'Säit url, an Titel fir de Säitennumm:

{{collection.title}}

Mir mussen elo ersetzen URL mat item, an ersetzen Titel mat Numm, wéi sou:

{{collection.title}}

Schrëtt 4: Ersetzt Datenetiketten fir URL an Titel wéi uewe genannt.

5. Positioun derbäi fir all Artikel

Déi lescht erfuerderlech Referenz am Microdata schema.org fir Broutkriibs ass d'Positioun an der Lëscht fir all Element.

Glécklech am Shopify ginn et keng Ënnerkategorien, oder Ënnerkategorien, sou datt d'Positiounsoptiounen net sou extensiv sinn.

Dir sollt de Positiounscode just virum Schluss / Roh] Tags op all Artikel Lëscht bäisetzen. D'Homepage Positioun ass ëmmer 1, also kënnt Dir dat an den Top Referenzcode sou addéieren: [rau]

D'Sammlungssäit Positioun ass ëmmer 2, an den Produit Säitepositioun ass entweder 2 (wann et keng Sammlung an de Broutkrummen ass) oder 3 (wann et eng Sammlungsreferenz an de Broutkrummen ass).

Si ginn déiselwecht wéi déi Homepage Positioun derbäigesat.

Schrëtt 5: Füügt Positioun fir all Element bäi wéi uewe beschriwwen

De komplette Beispill Shopify Breadcrumb Code

Ech hunn den eropgelueden voll Code Beispill op Google Drive hei.

Denkt drun datt dëst vläicht net 100% korrekt fir Äert Thema funktionnéiert.

Et sollt hëllefen Iech eng Iddi ze ginn, wéi déi gëlteg strukturéiert Daten ausgesinn, an Är Schabloun entspriechend upassen.

Wann Dir Hëllef braucht mat dësem, oder all aner Am Prinzip Ausgaben, da kënnt Dir mir E-Mail schécken op info@matt-jackson.com, meng SEO Consulting Servicer hëllefe Betriber wéi Dir Äre Traffic op Google an aner Sichmaschinnen ze verbesseren.

Dir kënnt meng lescht Clientresultater hei gesinn.