Una guida all'implementazione di dati strutturati JSON-LD

L'utilizzo del markup Schema sul tuo sito Web per abilitare i rich snippet e aumentare la tua presenza nelle SERP non è una strategia nuova. Tuttavia, generalmente scopriamo che i nostri nuovi clienti potrebbero essersi astenuti dall'implementarlo in precedenza o aver faticato a farlo a causa della mancanza di tempo o risorse.

Ma i mal di testa legati all'implementazione di microdati in linea appartengono al passato. Google non solo supporta, ma consiglia di utilizzare JSON-LD (JavaScript Object Notation for Linked Data) per i tuoi dati strutturati, che è un enorme passo avanti. Significa che invece di dover codificare i microdati in linea, Google ora eseguirà la scansione di JavaScript per accedere invece ai tuoi dati strutturati.

Questo è fantastico, perché JSON-LD è più facile da usare e da leggere e scrivere se sei così incline. Inoltre, ora ci sono più modi che mai per implementare i tuoi dati strutturati.

"Ma cosa succede se non so come scrivere JavaScript?"

Le buone notizie non si fermano qui. Questo post ti guiderà attraverso alcuni dei modi più semplici per implementare i tuoi dati strutturati, oltre a elencare alcune risorse molto utili per conoscere JSON-LD.

Strumento Evidenziatore di dati di Google

Prima di tutto hai la possibilità di utilizzare lo strumento Evidenziatore di Google Search Console, che ti consente di implementare dati strutturati senza dover guardare una singola riga di codice .

Puoi aggiungere Schema per una serie di dati inclusi articoli, eventi, prodotti e informazioni sull'attività commerciale locale. Lo strumento ti darà quindi un'anteprima della pagina in modo che tu possa evidenziare direttamente il contenuto specifico, aggiungendo il markup per te mentre fai:

Questo è il modo più semplice e veloce per aggiungere dati strutturati al tuo sito web. Allora perché preoccuparsi di farlo nel modo più duro?

Bene, il problema è che l'evidenziatore di dati di Google parla solo a Google. Quindi, sebbene sia un ottimo punto di partenza, non dovresti fermarti qui.

Stiamo assistendo a continui sviluppi nel modo in cui Google utilizza i dati strutturati. Più di recente c'è stato un annuncio per Rich Cards su dispositivi mobili:

Non è solo limitato a Google: i giganti dei social media hanno trovato il modo di utilizzare questi dati. Pinterest, ad esempio, consente ai Rich Pin di acquisire dati su prodotti, ricette, luoghi e così via.

Ci sono molte cose interessanti che puoi fare con il markup Schema che non puoi fare anche con lo strumento evidenziatore di Google. Ad esempio, perché non provare ad aggiungere i tuoi profili sui social media al pannello delle conoscenze come ASOS ha di seguito:

Forse vuoi aggiungere una barra di ricerca sitelink come BuzzFeed di seguito, per consentire alle persone di cercare all'interno del tuo sito Web dall'interno della SERP (è così meta):

Per tutti i motivi sopra indicati, ti consigliamo vivamente di utilizzare lo strumento di evidenziazione dei dati di Google come soluzione a breve termine, cercando di assicurarti di codificare il markup Schema sulle tue pagine web come una soluzione a prova di futuro. Questo ti darà la piena proprietà e gestione dei tuoi dati strutturati. Potrebbe anche avvantaggiarti in Bing e in altri motori di ricerca più piccoli.

Modi semplici per aggiungere il markup dello schema

Se il tuo sito Web è su WordPress, puoi utilizzare un plug-in come Schema Creator di Raven. Questo pratico strumento ti guiderà attraverso il processo e creerà uno shortcode per ogni schema che crei, permettendoti di modificarlo in seguito:

Se non usi WordPress e vuoi comunque codificare manualmente i tuoi dati strutturati JSON-LD, o se vuoi semplicemente saperne di più sull'argomento, allora è qui che entra in gioco Google Tag Manager!

Utilizzo di Google Tag Manager per inviare dati strutturati

L'aspetto entusiasmante dei motori di ricerca che supportano JSON-LD è che verrà rilevato ovunque nell'HTML, anche se è inserito dinamicamente da un sistema di gestione dei tag come Google Tag Manager.

Prendere confidenza con JSON-LD

Prima di iniziare dovrai dedicare un po' di tempo a familiarizzare con JSON-LD. Fortunatamente, puoi trovare molte risorse utili online, ma se ancora non ti senti sicuro, dovrai consultare uno sviluppatore o un professionista del marketing con esperienza di lavoro con JSON-LD.

Ecco alcuni link per iniziare:

• Documentazione su Schema.org, elencata per tipo.
• JSON Playground, un ottimo posto per giocare con le informazioni che trovi nel link sopra, con alcuni esempi utili per iniziare.
• JSON-LD Generator dello sviluppatore James Flynn, molto facile da usare e fa il duro lavoro per te.
• Guida ai dati strutturati del mondo reale da Search Engine News, con esempi di rich snippet in the wild.

Guida passo passo

Ora diamo un'occhiata a un esempio facile da seguire dell'utilizzo di Tag Manager per inviare dati strutturati JSON-LS per iniziare. Nota: se non stai già utilizzando GTM per distribuire e gestire tag di marketing e analisi, leggi questa semplice guida alla configurazione e all'installazione.

Passaggio uno: aggiungi un tag

Prima di tutto, aggiungi un nuovo tag:

Passaggio due: dai un nome al tag

Assegna un nome al tuo tag che abbia senso. In questo esempio mi concentrerò sull'aggiunta di Organization Schema Markup:

Passaggio tre: selezionare il tag HTML personalizzato

Poiché utilizziamo il nostro markup JSON-LD, è necessario selezionare l'opzione tag HTML personalizzato e premere continua:

Passaggio quattro: inserisci il tuo markup JSON-LD

Ora devi inserire il tuo markup nella casella HTML. In questo esempio ho usato il formato JSON-LD per Organization trovato qui.

Passaggio cinque: scegli quando attivare il tag

Per questa particolare configurazione voglio selezionare il fuoco su tutte le pagine, perché è un markup "Organizzazione" e quindi a livello di sito. Per fare ciò posso semplicemente selezionare "tutte le pagine" prima di salvare il tag. La mia implementazione è quindi completa:

Se desideri aggiungere uno schema specifico per una particolare pagina o gruppo di pagine, puoi utilizzare l'opzione "alcune pagine" per specificare una pagina specifica:

Potresti volerlo fare se stavi aggiungendo informazioni sull'attività commerciale locale per la tua pagina di contatto o se hai diverse sedi di attività commerciali da contrassegnare.

Suggerimento: se si desidera specificare un gruppo di pagine, è possibile utilizzare l'operazione 'contiene' l'URL della pagina o l'operazione RegEx (espressione regolare).

Un altro suggerimento: puoi combinare i tuoi dati strutturati (codice) in un singolo tag HTML personalizzato o in gruppi logici di tag per ridurre il numero di tag che hai nel tuo contenitore.

Fase sei: test

Sebbene tu possa utilizzare la modalità di anteprima e debug di Google Tag Manager per verificare se il tuo tag viene attivato, devi anche assicurarti di verificare che funzioni al di fuori della piattaforma Tag Manager:

Google e Bing hanno entrambi strumenti utili per testare i dati strutturati e assicurarsi che tutto funzioni come dovrebbe. Ricorda solo di pubblicare prima la versione del tuo contenitore in Tag Manager.

• Strumento di test dei dati strutturati di Google
• Validatore di markup di Bing

Assicurati di utilizzare questi strumenti gratuiti durante il test della tua implementazione, indipendentemente dal fatto che tu abbia utilizzato un plug-in, Tag Manager o codificato il tuo schema. Google ha recentemente apportato alcuni miglioramenti al proprio strumento, perfezionando funzionalità come l'evidenziazione, la ricerca e la sostituzione e il completamento automatico.

Questo metodo ti consentirà di inserire uno snippet JSON-LD su una o più pagine senza problemi. Ma se vuoi diventare più tecnico e utilizzare Tag Manager per generare dinamicamente lo snippet, ad esempio utilizzando {{URL pagina}}, non funzionerà. Chris Goddard ha recentemente scritto un ottimo post che include una soluzione a questo problema sul blog di Moz.

Conclusione

I recenti sviluppi degli ultimi anni hanno reso molto più semplice l'implementazione del markup Schema sul tuo sito web. Lo strumento Evidenziatore di dati di Google è un modo semplice per aggiungere rapidamente lo schema a vantaggio di Google, ma è consigliabile pianificare il codice dello schema, utilizzando i plug-in, Google Tag Manager o manualmente.

L'implementazione di dati strutturati JSON-LD è ora il modo più ampiamente accettato e consigliato per formattare il markup dello schema. Sebbene non garantisca che i risultati della ricerca mostreranno rich snippet o rich card, ciò non dovrebbe scoraggiarti dal fornire ai motori di ricerca i migliori dati possibili, a condizione che siano implementati correttamente.

Se hai bisogno di aiuto per implementare i dati strutturati sul tuo sito web, contattaci.

Se hai bisogno di aiuto non esitare a contattarci.