Migliora i risultati della tua ricerca con rich snippet e Vocabolario di Schema.org

Dati strutturati rende possibile presentare i risultati della ricerca in modo visivamente più accattivante e informativo. Secondo uno studio Searchmetrics, l'aggiunta del markup dei dati strutturati a un sito Web comporta un aumento del 36% nei risultati di ricerca di Google.

Il markup dei dati strutturati viene visualizzato in Google, Bing e altri motori di ricerca come rich snippet. I rich snippet sono risultati di ricerca migliorati questo aggiunge ulteriori informazioni, come una foto, il prezzo, le valutazioni degli utenti e altre caratteristiche, per cercare snippet di motori.

I dati strutturati portano a risultati di ricerca migliori per due motivi principali:

1. Estende la semantica HTML creando il contenuto più comprensibile per i motori di ricerca.
2. Rich snippet - la presentazione del motore di ricerca di dati strutturati - hanno a migliore percentuale di clic di risultati di ricerca regolari, meno informativi.

Vocabolario di Schema.org

Se vuoi avere rich snippet per il tuo sito, è necessario aggiungi dati strutturati al tuo markup HTML. I dati strutturati usano il vocabolario di schema.org che ti consente di informare i motori di ricerca sulla natura dei tuoi contenuti.

Schema.org è l'iniziativa di Google, Bing e Yahoo che mira a fornire un insieme di schemi per descrivere diversi tipi di contenuti web in modo che i motori di ricerca possano capirli meglio.

Il vocabolario di Schema.org è organizzato in a gerarchia a due livelli:

1. tipi: diversi tipi di contenuti web, sono organizzati nella loro stessa gerarchia
2. Proprietà: ogni tipo ha un certo numero di proprietà

Primo livello di tipi

Cosa è l'oggetto più generico nel vocabolario di schema.org, è l'antenato di tutti gli altri tipi.

Secondo livello di tipi

Il secondo livello di Tipi è un po 'più specifico e contiene il Evento, il Azione, il intangibile, il Lavoro creativo, il Posto, il Organizzazione, il Prodotto, e il Persona Tipi. C'è anche una Thing di secondo livello separata disponibile come estensione schema.org; è il MedicalEntity genere.

Terzo livello di tipi

Ogni tipo di secondo livello contiene alcuni o molti tipi di terzo livello, per esempio uno dei sottotipi di CreativeWork è il Revisione Genere. Si noti che i tipi più specifici (secondo e terzo livello) ereditare le proprietà dei loro genitori (e nonno in caso di terzo livello).

L'immagine qui sotto è stata pubblicata sul blog ufficiale dello schema e visualizza la ricerca del vocabolario di schema.org.

Trova lo schema che ti serve

Sfoglia il vocabolario per trovare lo schema che ti serve. Ad esempio, per i rich snippet della ricetta devi usare il Ricetta Digita quale è il figlio di CreativeWork. Ha molte proprietà, come ad esempio tempo di cucinare, Metodo di cottura, recipeIngredient, e altri, inoltre eredita anche le proprietà del genitore (CreativeWork) e del nonno (Thing).

Schema.org è un progetto di comunità, è frequentemente esteso e vengono rilasciate regolarmente nuove versioni. Se non riesci a trovare lo schema di cui hai bisogno, puoi proporlo alla comunità di Schema.org e puoi anche contribuire al loro progetto Github.

Aggiungi dati strutturati al tuo markup

Quindi, come si aggiungono gli schemi al codice front-end? Schema.org può usare tre diversi formati. Devi scegliere uno per aggiungere il markup dei dati strutturati al tuo sito. Sebbene in teoria sia possibile utilizzare più formati nello stesso sito, nuoce alla leggibilità del codice e alla manutenibilità, quindi non è una buona pratica.

Il tre formati principali del markup dei dati strutturati sono i seguenti:

1. Microdata: È uno standard web che estende HTML da introducendo nuovi attributi ad esempio itemprop. Il sito web ufficiale di schema.org ha un ottimo tutorial su come utilizzare i microdati, quindi se hai già familiarità con HTML, questo formato può essere una buona scelta.
2. RDFa: La forma lunga di RDFa è Descrizione delle risorse Framework in Attributes, ed è una raccomandazione del W3C che estende i documenti HTML, XML e SVG con l'aiuto di una serie di attributi specifici. Anche il protocollo Open Graph di Facebook si basa su RDFa, quindi probabilmente lo hai già incontrato. C'è una versione RDFa Lite per principianti, e anche una versione completa che offre molte opzioni per lavorare con i dati strutturati in modo elaborato.
3. JSON-LD: Mentre le altre due opzioni ampliano il markup HTML, JSON-LD usa il JSON sintassi. JSON-LD rappresenta Notazione oggetto JavaScript per dati collegati, e questo è il formato che Google Developers consiglia, in base alla loro opinione, "il markup dei dati strutturati è più facilmente rappresentato nel formato JSON-LD". Non è necessario essere esperti di JavaScript per utilizzare JSON, poiché si tratta di un semplice sistema di notazione che utilizza coppie nome-valore.

Puoi facilmente confrontare i tre formati con l'aiuto di una comoda scheda nella parte inferiore di ogni pagina Tipo schema.org.

Esaminando gli esempi, puoi facilmente capire come funziona ogni formato e usarne uno sul tuo sito.

Il markup dei dati strutturati che devi aggiungere al tuo codice è basato sul vocabolario di schema.org. Se scegli i microdati o RDFa devi aggiungere gli attributi extra ai normali tag HTML.

Per esempio con microdati, si aggiunge il nome del tipo al contenitore usando il itemscope attributo e ogni proprietà con il itemprop attributo. Ecco un esempio molto semplice:

 
 
La mia ricetta
  
Descrizione della ricetta
 
 

E lo stesso esempio usando RDFa, vale la pena prestare attenzione ai diversi attributi che è necessario utilizzare qui:

 
 
La mia ricetta
  
Descrizione della ricetta
 
 

Se scegli il Formato JSON-LD, è necessario inserire il codice dentro il tag nella testa della tua pagina HTML. L'esempio sopra sarà simile a questo:

Suggerimenti per l'uso di dati strutturati

Prova il markup dei dati strutturati

Prima di aggiungere il markup dei dati strutturati al tuo sito, puoi testarlo rapidamente utilizzando lo Strumento di test dei dati strutturati di Google. In questo modo puoi trovare rapidamente i problemi se ne hai.

Sfrutta le schede grafiche di conoscenza di Google

Google non utilizza solo i dati strutturati per i rich snippet, ma se sei un'autorità per un certo tipo di contenuto, il tuo contenuto potrebbe anche appare in una delle schede del grafico della conoscenza visualizzato sul lato destro di alcune pagine dei risultati del motore di ricerca.

Tieni presente che non puoi fare in modo che Google visualizzi una Knowledge Graph Card per i tuoi contenuti, ma se il tuo markup dei dati strutturati è impostato correttamente hai la possibilità.

Fai uso di Google Rich Cards

A maggio 2016, Google ha introdotto Carte Ricche che sono "l'aggiornamento del formato Rich Snippets corrente" e forniscono risultati di ricerca mobile accattivanti presentato in caroselli che può essere sfogliato scorrendo verso sinistra e verso destra. Google Rich Cards utilizza anche il markup dei dati strutturati e il vocabolario di schema.org.

Aggiungi dati strutturati alle tue email

Puoi utilizzare il markup dei dati strutturati nelle tue e-mail per attivare Google Now Cards per il destinatario, Google Developers ha un ottimo tutorial su come farlo.

Genera dati strutturati in modo dinamico

È possibile utilizzare Google Tag Manager per generare dinamicamente dati strutturati nel formato JSON-LD, Moz.com ti insegna come farlo.