Shopify Breadcrumbs repareren - data-vocabulary.org Schema vervallen

De waarschuwingen waren wijdverbreid in januari: het schema van data-vocabulary.org is verouderd, de gele fouten in Google Search Console en de dreiging dat er geen rijke broodkruimels meer in de zoekresultaten komen.

U kunt testen of uw website het probleem heeft door een subpagina met breadcrumb in te voeren schema.org in Google's testen gereedschap: https://search.google.com/structured-data/testing-tool#

schema data-vocabulary.org heeft de Google-zoekconsole shopify afgeschaft

Hoe het data-vocabulary.org-schema te repareren dat is verouderd in Shopify-breadcrumbs

De breadcrumbs-code in Shopify bevindt zich in de sectie fragmenten, in breadcrumb.liquid:

shopify breadcrum snippers bestandslocatie in admin

De originele Shopify-breadcrumb-code die u waarschijnlijk zult hebben (als u deze fout heeft), bevat de volgende verwijzingen:

Een itemtype-verklaring dat dit een breadcrumb-schema is:

Een verwijzing naar de URL van de pagina:

Een verwijzing naar de titel van de pagina: {{'general.breadcrumbs.home' | t}}

De eenvoudigste manier om deze code in een acceptabele vorm bij te werken, is door Microdata Schema te gebruiken.

U kunt de voorbeeldcode vinden van de schema.org-site hier, waaruit blijkt dat je gegevens nodig hebt voor de url, titel EN positie van de pagina in de breadcrumb-lijst:

listitem schema microdata voorbeeld

Het vervangen van de bestaande code door het nieuwe formaat kan per thema verschillen, maar ik zal je eerst de algemene principes geven, gevolgd door mijn voorbeeldcode ter referentie.

Uw code bijwerken - Type op type

Dus ik ga elk gegevensveld bekijken dat schema.org nodig heeft, en noteren hoe het is gewijzigd en hoe we het in Shopify kunnen implementeren.

1. Het declareren van Schema.org Breadcrumb List

Broodkruimels hebben meestal een html-opmaak, en een geordende lijst wordt aanbevolen (maar niet vereist omdat we positie gebruiken).

Om de opmaak te starten, willen we verklaren dat we een breadcrumb-lijst maken door alle breadcrumb-items in een bovenliggende lijst te wikkelen, met behulp van deze code:

En onthoud, er zal een einde komen tag vereist aan het einde.

Dit moet worden toegevoegd binnen de bovenliggende divs die zullen worden gebruikt om ze op te maken, in mijn voorbeeld is het:

Dus in mijn voorbeeld zou ik de

Stap 1: Voeg broodkruimelreferentie toe aan de geordende lijst-html zoals hierboven vermeld.

2. Individuele broodkruimelgegevens-woordenlijstverwijzingen verwijderen

Nu alle gegevens zijn verpakt in een lijst waarin wordt aangegeven dat het een broodkruimellijst is, hebben we geen afzonderlijke labels voor elk item nodig.

In de pijler Github-code die door velen hier wordt gebruikt, is elke individuele paginaverwijzing verpakt in de volgende div:

{{collection.title}}

Dus nu kunnen we het lijn.

Stap 2: Verwijder de divs waarnaar hierboven wordt verwezen.

3. Elk lijstitem toevoegen

In elk geval waarin we een DIV in de vorige sectie hebben verwijderd, moeten we nu voor elk ervan een lijstitemlabel toevoegen.

We willen verklaren dat elk van hen een item is in de bovenliggende lijst, en we doen dat door ze in de volgende lijstcode te plaatsen:

{{collection.title}}

Zoals je kunt zien is het tags wikkelen de gegevens van de URL's.

Stap 3: Wikkel individuele lijstitems in

4. Vervang gegevenslabels door nieuwe markeringen

Microdata gebruikt niet dezelfde labels als data-vocab, we moeten de namen voor URL en paginanaam bijwerken.

De oude gegevens zijn gelabeld met url voor de pagina-URL, en titel voor de paginanaam:

{{collection.title}}

We moeten nu vervangen url met in de titel itemen vervangen titel met in de titel naam, zoals:

{{collection.title}}

Stap 4: Vervang de gegevenslabels voor url en titel zoals hierboven vermeld.

5. Voeg een positie toe voor elk item

De laatste vereiste referentie in Microdata schema.org voor breadcrumbs is de positie in de lijst voor elk item.

Gelukkig zijn er in Shopify geen subcategorieën of subsubcategorieën, dus de positie-opties zijn niet zo uitgebreid.

U moet de positiecode net voor de afsluitende / onbewerkte] -tags op elke itemlijst toevoegen. De startpagina is altijd 1, dus u kunt die als volgt toevoegen aan de bovenste referentiecode: [raw]

De positie van de verzamelpagina is altijd 2 en de artikel paginapositie is ofwel 2 (als er geen collectie in de broodkruimels staat) of 3 (als er een collectie-referentie in de broodkruimels staat).

Ze worden op dezelfde manier toegevoegd als de startpagina.

Stap 5: Voeg een positie toe voor elk item zoals hierboven beschreven

Het volledige voorbeeld Shopify Breadcrumb-code

Ik heb het volledig codevoorbeeld naar Google Drive hier.

Onthoud dat dit mogelijk niet 100% correct werkt voor uw thema.

Het zou u moeten helpen om u een idee te geven van hoe de geldige gestructureerde gegevens eruit zien, en uw sjabloon dienovereenkomstig aan te passen.

Als u hier hulp bij nodig heeft, of een andere SEO problemen, dan kunt u mij een e-mail sturen op [e-mail beveiligd], mijn SEO-adviesdiensten bedrijven zoals het uwe helpen hun verkeer naar Google en andere zoekmachines te verbeteren.

U kunt hier mijn laatste klantresultaten bekijken.

Hoe nuttig was dit bericht?

Klik op een ster om deze te beoordelen!

Gemiddelde score 4.5 / 5. Aantal stemmen: 2

Geen stemmen tot nu toe! Wees de eerste om dit bericht te beoordelen.

Het spijt ons dat dit bericht niet nuttig was voor jou!

Laten we dit bericht verbeteren!

Vertel ons hoe we dit bericht kunnen verbeteren?

Matt Jackson

E-commerce SEO-specialist, met meer dan 8 jaar fulltime ervaring in het analyseren en repareren van websites voor online winkelen. Praktische ervaring met Shopify, Wordpress, Opencart, Magento en andere CMS.
Hulp nodig? E-mail mij voor meer info op [e-mail beveiligd]

Dit bericht heeft 0 reacties

Laat een reactie achter

Je e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *