Fix Shopify Breadcrumbs - data-vocabulary.org Schema deprecato

Gli avvisi erano all'ordine del giorno a gennaio - lo schema data-vocabulary.org è stato deprecato - gli errori gialli in Google Search Console e la minaccia di non più ricchi breadcrumb nei risultati di ricerca.

Puoi verificare se il tuo sito web presenta il problema inserendo una sottopagina con breadcrumb schema.org nei test di Google strumento: https://search.google.com/structured-data/testing-tool#

Lo schema data-vocabulary.org ha deprecato la console di ricerca di Google Shopify

Come correggere lo schema data-vocabulary.org deprecato in Shopify breadcrumb

Il codice breadcrumb in Shopify si trova nella sezione snippet, in breadcrumb.liquid:

Shopify percorso file snippers breadcrum in admin

Il codice breadcrumb originale di Shopify che molto probabilmente avrai (se hai questo errore) conterrà i seguenti riferimenti:

Una dichiarazione del tipo di elemento che questo è lo schema breadcrumb:

Un riferimento all'URL della pagina:

Un riferimento al titolo della pagina: {{'general.breadcrumbs.home' | t}}

Il modo più semplice per aggiornare questo codice in una forma accettabile consiste nell'usare lo schema dei microdati.

Puoi trovare il codice di esempio da il sito schema.org qui, che mostra che hai bisogno di dati per l'URL, il titolo e la posizione della pagina nell'elenco breadcrumb:

esempio di microdati dello schema listitem

Sostituire il codice esistente con il nuovo formato può variare in base al tema, ma ti fornirò prima i principi generali, seguiti dal mio codice di esempio come riferimento.

Aggiornamento del codice: tipo per tipo

Quindi esaminerò ogni campo dati richiesto da schema.org e annoterò come è cambiato e come possiamo implementarlo in Shopify.

1. Dichiarazione di Schema.org Breadcrumb List

I breadcrumb sono di solito in formato list html, e si consiglia un elenco ordinato (ma non richiesto poiché stiamo usando la posizione).

Per avviare il markup, vogliamo dichiarare che stiamo creando un elenco Breadcrumb, avvolgendo tutti gli elementi breadcrumb all'interno di un elenco padre, utilizzando questo codice:

E ricorda, ci sarà una finitura tag obbligatorio alla fine.

Questo dovrebbe essere aggiunto all'interno dei div principali che verranno utilizzati per modellarli, nel mio esempio è:

Quindi nel mio esempio, aggiungerei il file

Passaggio 1: aggiungi il riferimento breadcrumb nell'elenco ordinato html come menzionato sopra.

2. Rimozione dei riferimenti al vocabolario dati dei breadcrumb individuali

Ora che tutti i dati sono racchiusi in un elenco che dichiara che si tratta di un elenco breadcrumb, non abbiamo bisogno di etichette individuali su ogni elemento.

Nel Codice Github utilizzato da molti qui, ogni singolo riferimento di pagina è racchiuso nel seguente div:

{{collection.title}}

Quindi ora possiamo rimuovere il file linea.

Passaggio 2: rimuovere i div a cui si fa riferimento sopra.

3. Aggiunta di ogni voce di elenco

In ogni caso in cui abbiamo rimosso un DIV nella sezione precedente, ora dobbiamo aggiungere un'etichetta di elemento dell'elenco per ciascuno di essi.

Vogliamo dichiarare che ognuno di essi è un elemento all'interno dell'elenco padre e lo facciamo avvolgendoli nel seguente codice di elenco:

{{collection.title}}

Come puoi vedere il file i tag racchiudono i dati degli URL.

Passaggio 3: avvolgere i singoli elementi dell'elenco in

4. Sostituisci le etichette dati con il nuovo markup

I microdati non utilizzano le stesse etichette di data-vocab, dobbiamo aggiornare i nomi per URL e Nome pagina.

I vecchi dati sono etichettati con URL per l'URL della pagina e titolo per il nome della pagina:

{{collection.title}}

Ora dobbiamo sostituire URL con i articoloe sostituisci titolo con i Nome, così:

{{collection.title}}

Passaggio 4: sostituire le etichette dei dati per l'URL e il titolo come menzionato sopra.

5. Aggiungi posizione per ogni articolo

Il riferimento finale richiesto in Microdata schema.org per i breadcrumb è la posizione nell'elenco per ogni elemento.

Fortunatamente in Shopify non ci sono sottocategorie o sottocategorie, quindi le opzioni di posizione non sono così ampie.

È necessario aggiungere il codice di posizione appena prima dei tag di chiusura / raw] su ogni elenco di elementi. La posizione della home page è sempre 1, quindi puoi aggiungerla al codice di riferimento superiore in questo modo: [raw]

La posizione della pagina della raccolta è sempre 2 e il file prodotto la posizione della pagina è 2 (se non c'è raccolta nei breadcrumb) o 3 (se c'è un riferimento alla raccolta nei breadcrumb).

Vengono aggiunti allo stesso modo della posizione della home page.

Passaggio 5: aggiungi posizione per ogni elemento come descritto sopra

Il codice breadcrumb di Shopify di esempio completo

Ho caricato il file esempio di codice completo per Google Drive qui.

Ricorda che questo potrebbe non funzionare correttamente al 100% per il tuo tema.

Dovrebbe aiutarti a darti un'idea dell'aspetto dei dati strutturati validi e adattare il tuo modello di conseguenza.

Se hai bisogno di aiuto con questo o qualsiasi altro SEO problemi, quindi puoi inviarmi un'e-mail a [email protected], i miei servizi di consulenza SEO aiutare le aziende come la tua a migliorare il loro traffico su Google e altri motori di ricerca.

Puoi visualizzare i risultati dei miei ultimi clienti qui.

Quanto è stato utile questo post?

Clicca su una stella per votarla!

Voto medio 4.5 / 5. Conteggio voti: 2

Nessun voto finora! Sii il primo a votare questo post.

Siamo spiacenti che questo post non sia stato utile per te!

Cerchiamo di migliorare questo post!

Diteci come possiamo migliorare questo post?

Matt Jackson

Specialista SEO e-commerce, con oltre 8 anni di esperienza a tempo pieno nell'analisi e nella correzione di siti Web di shopping online. Esperienza pratica con Shopify, Wordpress, Opencart, Magento e altri CMS.
Ho bisogno di aiuto? Scrivimi per maggiori informazioni, a [email protected]

Questo post ha commenti 0

Lascia un Commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *