Fix Shopify Breadcrumbs - data-vocabulary.org Skjema utfaset

Advarslene var utbredt i januar - data-vocabulary.org-skjemaet ble utfaset - de gule feilene i Google Search Console, og trusselen om ikke flere rike brødsmuler i søkeresultatene.

Du kan teste om nettstedet ditt har problemet ved å skrive inn en underside med brødsmuler schema.org inn i Googles tester verktøy: https://search.google.com/structured-data/testing-tool#

data-vocabulary.org skjema utfaset Googles søkekonsoll shopify

Hvordan fikse data-vocabulary.org-skjema som er utfaset i Shopify-brødsmuler

Brødsmulekoden i Shopify ligger i snutt-delen, i brødsmuler. Flytende:

shopify breadcrum snippers filplassering i admin

Den originale Shopify-brødsmulekoden du sannsynligvis vil ha (hvis du har denne feilen), inneholder følgende referanser:

En erklæring om at dette er skjema for brødsmuler:

En referanse til URL-en til siden:

En referanse til tittelen på siden: {{'general.breadcrumbs.home' | t}}

Den enkleste måten å oppdatere denne koden til et akseptabelt skjema, er å bruke Microdata Schema.

Du finner eksempelkoden fra nettstedet schema.org her, som viser at du trenger data for nettadressen, tittelen og posisjonen til siden i brødsmulelisten:

listitem skjema mikrodataeksempel

For å erstatte den eksisterende koden med det nye formatet kan det være forskjellig fra tema til tema, men jeg vil gi deg de generelle prinsippene først, etterfulgt av eksemplet mitt som referanse.

Oppdatere koden din - skriv etter type

Så jeg skal gå gjennom hvert datafelt som schema.org krever, og merke hvordan det er endret, og hvordan vi kan implementere det i Shopify.

1. Erklæring av Schema.org Brødsmuleliste

Brødsmuler er vanligvis i liste-html-formatering, og en bestilt liste anbefales (men ikke nødvendig da vi bruker posisjon).

For å starte markeringen vil vi erklære at vi oppretter en brødsmuleliste ved å pakke alle brødsmulelementene i en foreldreliste ved å bruke denne koden:

Og husk, det blir en avslutning påkrevd på slutten.

Dette bør legges til i foreldredivisjonene som skal brukes til å style dem, i mitt eksempel er det:

Så i mitt eksempel vil jeg legge til

Trinn 1: Legg til referanse til brødsmuler i den ordnede listen html som nevnt ovenfor.

2. Fjerning av individuelle referanser for data-ordforråd

Nå som alle data er pakket inn i en liste som erklærer at det er en brødsmuleliste, trenger vi ikke individuelle etiketter på hvert element.

Github-kode brukt av mange her, er hver enkelt sidereferanse pakket inn i følgende div:

{{collection.title}}

Så nå kan vi fjerne linje.

Trinn 2: Fjern divene som det er referert til ovenfor.

3. Legge til hvert listeelement

I hvert tilfelle der vi fjernet en DIV i forrige avsnitt, må vi nå legge til en listeelementetikett for hver av dem.

Vi vil erklære at hver av dem er et element i foreldrelisten, og vi gjør det ved å pakke dem inn i følgende listekode:

{{collection.title}}

Som du kan se tagger bryter inn dataene til nettadressene.

Trinn 3: Pakk individuelle listeelementer inn

4. Erstatt dataetiketter med ny markering

Microdata bruker ikke de samme etikettene som data-vokab, vi må oppdatere navnene på URL og sidenavn.

De gamle dataene er merket med url for sidens url, og tittel for sidenavnet:

{{collection.title}}

Vi må nå bytte ut url med elementet, og erstatt tittel med navn, som så:

{{collection.title}}

Trinn 4: Erstatt dataetiketter for url og tittel som nevnt ovenfor.

5. Legg til posisjon for hvert element

Den endelige nødvendige referansen i Microdata schema.org for brødsmuler er plasseringen i listen for hvert element.

Heldigvis i Shopify er det ingen underkategorier eller underkategorier, så posisjonsalternativene er ikke så omfattende.

Du bør legge til posisjonskoden rett før de avsluttende / rå] -kodene på hver vareliste. Hjemmesideposisjonen er alltid 1, så du kan legge den til i toppreferansekoden slik: [rå]

Samlingssidens posisjon er alltid 2, og produkt sideposisjonen er enten 2 (hvis det ikke er noen samling i brødsmulene) eller 3 (hvis det er en samlingsreferanse i brødsmulene).

De legges til på samme måte som hjemmesidens posisjon.

Trinn 5: Legg til posisjon for hvert element som beskrevet ovenfor

Det fulle eksemplet på Shopify Breadcrumb Code

Jeg har lastet opp fullstendig kodeeksempel til Google Disk her.

Husk at dette ikke fungerer 100% riktig for temaet ditt.

Det bør hjelpe deg med å gi deg en ide om hvordan gyldige strukturerte data ser ut, og justere malen din deretter.

Hvis du trenger hjelp med dette, eller andre SEO problemer, så kan du sende meg en e-post på [e-postbeskyttet], mine SEO-konsulenttjenester hjelpe bedrifter som din med å forbedre trafikken i Google og andre søkemotorer.

Du kan se mine siste klientresultater her.

Hvor nyttig var dette innlegget?

Klikk på en stjerne for å rangere det!

Gjennomsnittlig rangering 4.5 / 5. Stemmeantal: 2

Ingen stemmer så langt! Bli den første til å rangere dette innlegget.

Vi beklager at dette innlegget ikke var nyttig for deg!

La oss forbedre dette innlegget!

Fortell oss hvordan vi kan forbedre dette innlegget?

Matt Jackson

E-handel SEO-spesialist, med over 8 års heltidserfaring med å analysere og fikse nettbutikker. Praktisk erfaring med Shopify, Wordpress, Opencart, Magento og andre CMS.
Trenger hjelp? Send meg en e-post for mer info på [e-postbeskyttet]

Dette innlegget har 0 kommentarer

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket *