Åtgärda Shopify Breadcrumbs - data-vocabulary.org Schema utfasat

Varningarna var utbredda i januari - schema data-vocabulary.org föråldrat - de gula felen i Googles sökkonsol och hotet om inga fler rika brödsmulor i sökresultaten.

Du kan testa om din webbplats har problemet genom att ange en undersida med brödsmulan schema.org in i Googles testning verktyg: https://search.google.com/structured-data/testing-tool#

data-vocabulary.org schema föråldrad Googles sökkonsol shopify

Så här fixar du data-vocabulary.org-schema som är föråldrat i Shopify-brödsmulor

Brödsmulkoden i Shopify finns i avsnittet med utdrag, i breadcrumb.liquid:

shopify breadcrum snippers filplats i admin

Den ursprungliga Shopify-brödsmulkoden som du troligen kommer att ha (om du har det här felet) innehåller följande referenser:

En itemtypförklaring om att detta är brödsmulningsschema:

En referens till sidans URL:

En hänvisning till sidans titel: {{'general.breadcrumbs.home' | t}}

Det enklaste sättet att uppdatera den här koden till en acceptabel form är att använda Microdata Schema.

Du hittar exempelkoden från webbplatsen schema.org här, som visar att du behöver data för webbadressen, titeln och positionen för sidan i listan över brödsmulor:

listitem schema mikrodata exempel

Att ersätta den befintliga koden med det nya formatet kan skilja sig åt per tema, men jag kommer att ge dig de allmänna principerna först, följt av min exempelkod för referens.

Uppdatera din kod - skriv efter typ

Så jag ska gå igenom varje datafält som schema.org kräver och notera hur det har ändrats och hur vi kan implementera det i Shopify.

1. Förklara Schema.org Brödsmulslista

Brödsmulor finns vanligtvis i html-formatering av listor, och en ordnad lista rekommenderas (men krävs inte eftersom vi använder position).

För att starta markeringen vill vi förklara att vi skapar en Breadcrumb-lista genom att slå in alla breadcrumb-objekt i en överordnad lista med den här koden:

Och kom ihåg att det kommer att bli en avslutning tagg krävs i slutet.

Detta bör läggas till inom föräldrarna som kommer att användas för att utforma dem, i mitt exempel är det:

Så i mitt exempel skulle jag lägga till

Steg 1: Lägg till brödsmulshänvisning i den ordnade listan html som nämnts ovan.

2. Ta bort enskilda referenser för data-ordförråd

Nu när all data är förpackad i en lista som förklarar att den är en brödsmulslista behöver vi inte enskilda etiketter på varje objekt.

i Github-kod som används av många här, är varje enskild sidreferens insvept i följande div:

{{collection.title}}

Så nu kan vi ta bort linje.

Steg 2: Ta bort delarna som nämns ovan.

3. Lägga till varje listobjekt

I varje fall där vi tog bort en DIV i föregående avsnitt måste vi nu lägga till en etikett för listobjekt för var och en av dem.

Vi vill förklara att var och en av dem är ett objekt i överordnadslistan, och vi gör det genom att slå in dem i följande listkod:

{{collection.title}}

Som du kan se taggar omsluter data från webbadresserna.

Steg 3: Slå in enskilda listobjekt i

4. Byt ut dataetiketter med ny markering

Microdata använder inte samma etiketter som data-vocab, vi måste uppdatera namnen på URL och sidnamn.

De gamla uppgifterna är märkta med URL för sidans webbadress och rubricerade för sidnamnet:

{{collection.title}}

Vi måste nu byta ut URL med objektetoch byt ut rubricerade med namn, såhär:

{{collection.title}}

Steg 4: Byt ut dataetiketter för webbadress och titel som nämnts ovan.

5. Lägg till position för varje artikel

Den slutliga obligatoriska referensen i Microdata schema.org för brödsmulor är positionen i listan för varje artikel.

Lyckligtvis finns det inte några underkategorier eller underkategorier i Shopify, så placeringsalternativen är inte så omfattande.

Du bör lägga till positionskoden strax före stängning / råa] taggar på varje artikellista. Hemsidans position är alltid 1, så du kan lägga till den i den översta referenskoden så här: [raw]

Samlingssidans position är alltid 2 och produkt sidpositionen är antingen 2 (om det inte finns någon samling i brödsmulorna) eller 3 (om det finns en samlingsreferens i brödsmulorna).

De läggs till på samma sätt som startsidan.

Steg 5: Lägg till position för varje artikel som beskrivs ovan

Det fullständiga exemplet på Shopify Breadcrumb Code

Jag har laddat upp fullständigt kodexempel till Google Drive här.

Kom ihåg att detta kanske inte fungerar 100% korrekt för ditt tema.

Det bör hjälpa dig att få en uppfattning om hur giltiga strukturerade data ser ut och justera din mall därefter.

Om du behöver hjälp med detta eller något annat SEO frågor kan du mejla mig på [e-postskyddad], mina SEO-konsulttjänster hjälpa företag som din att förbättra sin trafik i Google och andra sökmotorer.

Du kan se mina senaste klientresultat här.

Hur användbart var det här inlägget?

Klicka på en stjärna för att betygsätta det!

Medelbetyg 4.5 / 5. Röstaantal: 2

Inga röster hittills! Bli den första att betygsätta detta inlägg.

Vi beklagar att det här inlägget inte var användbart för dig!

Låt oss förbättra detta inlägg!

Berätta för oss hur vi kan förbättra det här inlägget?

matt Jackson

E-handel SEO-specialist, med över 8 års heltidserfarenhet att analysera och fixa webbplatser för online shopping. Praktisk erfarenhet av Shopify, Wordpress, Opencart, Magento och andra CMS.
Behövs hjälp? Mejla mig för mer info på [e-postskyddad]

Det här inlägget har 0 kommentarer

Lämna ett svar

E-postadressen publiceras inte. Obligatoriska fält är markerade *