Come utilizzare il markup dello schema e i rich snippet per aiutare il tuo SEO

Ti sei mai chiesto come alcuni siti web abbiano una valutazione a stelle nei loro risultati di ricerca o come alcuni abbiano un elenco a discesa di domande frequenti sotto di loro? Ciò è dovuto a qualcosa chiamato markup dello schema. Questo articolo tratterà cos'è il markup dello schema e i suoi numerosi vantaggi per la SEO sul tuo sito web.

Che cos'è il markup dello schema?

Il markup dello schema è un tipo di codice noto anche come dati strutturati e qui potremmo usare i due termini in modo intercambiabile.

I vari motori di ricerca hanno creato Schema.org per aiutare i proprietari di siti Web e i SEO a fornire esperienze più ricche dai risultati di ricerca. Utilizzando i dati strutturati, puoi fornire ai motori di ricerca informazioni aggiuntive per comprendere meglio il contenuto e presentarlo in modi diversi all'interno dei risultati di ricerca.

Se consideri la quantità di dati che aziende come Google devono elaborare, i dati strutturati chiariscono in modo esplicito quali informazioni vorresti trasmettere. Questo può essere qualsiasi cosa, dal tempo di cottura della tua ricetta, quanto costa l'acquisto del tuo prodotto più venduto o la fascia di stipendio per il tuo ultimo lavoro vacante.

I risultati di ricerca organici non sono più composti esclusivamente dai dieci link blu su una pagina. Esistono molti tipi diversi di dati strutturati che puoi utilizzare, ma vale la pena notare che non tutti possono portare a risultati ricchi. Non aggiungere solo schemi alle tue pagine solo perché puoi; le pagine devono essere pertinenti; in caso contrario, Google potrebbe considerare questo schema spam e potrebbe avere l'effetto opposto a quello desiderato.

Distinguiti con risultati ricchi

Se hai mai sentito qualcuno fare riferimento alla posizione zero, sarà un risultato multimediale o un altro esempio di dati strutturati. In genere vengono visualizzati sopra il primo risultato organico o sopra il primo collegamento blu. I due non si escludono a vicenda, il che significa che potresti avere un elenco organico (blu) oltre al tuo rich snippet.

I risultati multimediali sono qualsiasi risultato di ricerca visivamente migliorato con informazioni basate su dati strutturati pertinenti. I risultati ricchi evidenziano dettagli essenziali nei risultati di ricerca e spesso possono includere immagini, che occupano più spazio nella SERP (pagina dei risultati del motore di ricerca).

I rich snippet vengono visualizzati solo per le pagine con determinati tipi di informazioni e possono essere limitati dal tipo di dispositivo. Ad esempio, i rich snippet "come fare" vengono mostrati solo sui dispositivi mobili.

Sono disponibili anche in molte forme, come puoi vedere dall'esempio del laptop Dell di seguito:

I due risultati evidenziati utilizzano lo schema del prodotto per aiutare a stabilire la fiducia con l'acquirente e visualizzare le valutazioni agli utenti. Possiamo vedere che l'esempio di Dell.com utilizza questo schema al massimo delle sue potenzialità utilizzando anche attributi aggiuntivi per visualizzare le fasce di prezzo e i livelli delle scorte.

[Case Study] Migliorare le classifiche, le visite organiche e le vendite con l'analisi dei file di registro

All'inizio del 2017, il team di TutorFair.com ha chiesto i servizi SEO di Omi Sido per aiutarli. Il loro sito web stava lottando con classifiche e visite organiche.

Leggi il caso di studio

Tipi disponibili di markup dello schema

Ecco alcuni degli esempi più comuni di markup dello schema, inclusi alcuni per siti Web più di nicchia:

Lo schema della ricetta è probabilmente il tipo di markup più utilizzato. Con questo, diventi idoneo per alcuni risultati ricchi significativi. Il markup della ricetta può visualizzare un'immagine del pasto, valutazioni, tempi di cottura, istruzioni e altro ancora. L'implementazione dello schema delle ricette aumenterà anche le tue possibilità di apparire nel carosello delle ricette per dispositivi mobili, aumentando notevolmente il traffico di ricerca. Lo schema della ricetta può aiutare la tua ricetta a emergere anche nelle query di ricerca vocale!
Documentazione dello schema della ricetta.

Articolo Schema è comunemente usato per notizie, media e articoli di intrattenimento ed è ampiamente utilizzato per molti altri tipi di articoli. Utilizza questo markup per includere dati strutturati sull'autore, il titolo dell'articolo, l'immagine in primo piano, la data di pubblicazione e altro ancora.
Documentazione dello schema dell'articolo.

Lo schema di istruzioni è, ovviamente, ottimo per i contenuti che includono istruzioni dettagliate. A seconda di come lo segni, verrà visualizzato in un formato a fisarmonica oa carosello. Occupa una grande quantità di spazio nelle SERP e può essere piuttosto prezioso, rendendoti idoneo per i risultati dell'Assistente Google.
Documentazione dello schema di istruzioni.

Lo schema del libro è, ovviamente, utile per autori ed editori. Oltre a fornire informazioni come l'autore, le valutazioni e l'edizione, questo markup può anche comportare un invito all'azione "Ottieni libro", in modo che le persone acquistino il tuo libro direttamente dalla SERP.
Documentazione dello schema del libro.

Lo schema delle domande frequenti mostra le domande e le risposte corrispondenti su un particolare argomento direttamente nei risultati di ricerca. Questo markup delle domande frequenti ti rende idoneo per l'Assistente Google e viene generalmente visualizzato in uno stile a fisarmonica per aiutare il tuo sito web a mettersi di fronte agli utenti giusti.
Documentazione dello schema delle domande frequenti.

Lo schema video massimizza la presenza del tuo video nella ricerca. Puoi aggiungere dettagli come la descrizione del video, la miniatura, la durata del video e altro; potresti anche apparire nei caroselli video e in un badge video per i risultati sui dispositivi mobili.
Documentazione dello schema video.

Lo schema del corso può essere utilizzato da fornitori di servizi didattici, fornitori di corsi e coloro che offrono un corso online. Questo schema significa che Google può evidenziare il nome del corso, l'organizzazione che lo offre, nonché una breve descrizione del corso stesso.
Documentazione dello schema del corso.

Abbiamo accennato allo schema del prodotto in precedenza e, se sei un'azienda di e-commerce o hai pagine di prodotto sul tuo sito, assicurati di sfruttare questo markup dello schema. I tuoi prodotti hanno così tante informazioni preziose che puoi contrassegnare per aiutarli a distinguersi nelle SERP, tra cui immagini, descrizione, SKU, marchio, recensioni, prezzo, condizioni, disponibilità e prezzo di vendita.
Documentazione dello schema del prodotto.

Lo schema dell'evento è un ottimo modo per attirare l'attenzione sul tuo prossimo evento. Puoi condividere la data, l'ora, la posizione e altre informazioni aggiuntive come parte di questi dati strutturati.
Documentazione dello schema di eventi.

Lo schema Critic Review fornisce un estratto da una recensione più completa insieme al nome del revisore, alla valutazione e al nome e al logo dell'editore: un ottimo modo per attirare maggiore attenzione nella SERP.
Documentazione dello schema di revisione critica.

Lo schema della casella di ricerca di sitelink è un modo rapido per le persone di cercare il tuo sito Web immediatamente sulla SERP. Può visualizzare anche suggerimenti in tempo reale per i clienti.
Documentazione della casella di ricerca del sitelink

Lo schema delle offerte di lavoro occupa molto spazio nelle SERP e offre molte informazioni per chi cerca lavoro. Questo schema mostrerà il tuo logo, il nome dell'azienda, la posizione offerta, la data in cui hai pubblicato il lavoro e se è a tempo pieno o meno. Se utilizzi questa funzione, assicurati di mantenere le informazioni aggiornate.
Documentazione dello schema delle offerte di lavoro.

Lo schema breadcrumb ti consente di mostrare la tua gerarchia di pagine anziché il tuo URL nel risultato della ricerca. Può essere un modo descrittivo e più diretto per spiegare dove stanno navigando e cosa aspettarsi. I breadcrumb dovrebbero essere attivi sul tuo sito Web per utilizzare questo schema.
Documentazione dello schema breadcrumb.

Lo schema software è adatto a chi ha un'app o un prodotto software include un gioco per console ecc. Le informazioni sono simili allo schema del prodotto e possono mostrare un'immagine, valutazioni aggregate e prezzo giusto.
Documentazione dello schema del software.

Google può anche utilizzare lo schema dei contatti aziendali in un Knowledge Graph. Dovresti includere le tue informazioni di contatto, eventuali sussidiarie e informazioni descrittive. Se il tuo sito web è una società per azioni, sarebbe utile includere anche i link al tuo elenco di Bloomberg.
Documentazione dello schema di contatto aziendale.

Lo schema di revisione è il modo in cui puoi aggiungere la valutazione a stelle alle tue pagine web, come discusso in precedenza. I dati strutturati delle recensioni possono mostrare stelle di valutazione, il numero di recensioni e un estratto del contenuto e sono comunemente usati su attività commerciali locali, film, libri, musica e prodotti.
Rivedere la documentazione dello schema.

Dovresti utilizzare lo schema della pagina di domande e risposte solo se il tuo sito Web ha un formato di domande e risposte o un altro forum o scambio pubblico, da non confondere con lo schema delle domande frequenti che abbiamo menzionato in precedenza. La risposta migliore può essere contrassegnata come "risposta migliore" direttamente nei risultati di ricerca.
Documentazione dello schema della pagina di domande e risposte.

Dovresti utilizzare lo schema dell'attività locale oltre alla tua scheda di Google My Business per ottenere tutti i vantaggi. Puoi anche utilizzare orari di apertura e azioni specifiche come "Prenota un appuntamento".
Documentazione dello schema aziendale locale.

Lo schema dei posti migliori funziona davvero solo per "editori autorevoli", ma è perfetto se scrivi articoli su luoghi come i migliori ristoranti o le principali attrazioni. L'abbiamo usato nell'esempio "Top Sights in Manchester" che abbiamo usato in precedenza.
Documentazione dello schema dei primi posti.

Lo schema del logo aumenta le possibilità che appaia un Knowledge Graph per il tuo marchio. Per essere idoneo, assicurati di avere una versione di buona qualità del tuo logo da visualizzare e alcune informazioni "Informazioni" per l'azienda.
Documentazione dello schema del logo.

Lo schema del profilo social aggiunge collegamenti ai tuoi profili sui social media come Facebook, Twitter, ecc., al Knowledge Graph. Google visualizzerà solo le seguenti piattaforme di social media: Facebook, Twitter, Google+, Instagram, YouTube, LinkedIn, Myspace, Pinterest, SoundCloud e Tumblr.
Documentazione dello schema del profilo sociale.

Vantaggi dell'aggiunta del markup dello schema al tuo sito web

I rich snippet e lo schema non sono un fattore di ranking. Tuttavia, sono visivamente più attraenti e possono attirare più clic, ottenendo così un CTR più elevato rispetto ai risultati normali. Inoltre, a causa dell'aumento dello spazio immobiliare che occupano nelle SERP, portano a una maggiore consapevolezza per te e il tuo marchio, aggiungendo al numero crescente di vantaggi del markup dello schema.

Come generare il markup dello schema

Uno dei miei metodi preferiti per generare il markup dello schema è questo strumento di technicalseo.com, che ti consente di selezionare facilmente il tipo di dati di cui hai bisogno e popolarlo con le tue informazioni.

L'implementazione dello schema funziona in 3 passaggi:

1. Genera il markup,
2. Verifica che il tuo codice funzioni,
3. Implementa il markup sul tuo sito web.

La buona notizia è che è relativamente veloce generare il markup e distribuirlo sul tuo sito Web, indipendentemente dal CMS utilizzato e da come è costruito. L'esempio seguente utilizza il formato JSON-LD, consigliato da Google; altre forme includono Microdata e RDFa.

Esamineremo lo schema delle FAQ come esempio qui:

 <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Domanda",
    "name": "Cos'è il markup dello schema?",
    "risposta accettata": {
      "@tipo di risposta",
      "text": "Il markup dello schema è un tipo di codice noto anche come dati strutturati che è stato progettato per fornire esperienze più ricche agli utenti dall'interno dei risultati di ricerca. Utilizzando i dati strutturati, puoi fornire ai motori di ricerca informazioni aggiuntive sui tuoi contenuti in modo che possano comprendere meglio il contenuto e presentarlo in modi diversi all'interno dei risultati di ricerca."
    }
  },{
    "@type": "Domanda",
    "name": "Perché dovrei usare il markup Schema?",
    "risposta accettata": {
      "@tipo di risposta",
      "text": "I rich snippet sono visivamente più attraenti dei tipici risultati di ricerca e possono attirare un numero maggiore di clic, avendo quindi un CTR più elevato rispetto ai risultati normali. Inoltre, a causa dell'aumento dello spazio che occupano nelle SERP, portano a maggiore consapevolezza per te e per il tuo marchio."
    }
  }]
}
</script>

Da lì, è meglio testare il tuo codice prima di aggiungerlo al tuo sito web. Sebbene strumenti come quello che abbiamo usato sopra siano in genere privi di errori, è sempre meglio ricontrollare. Puoi utilizzare due strumenti per questo: lo Schema Markup Validator (che sostituisce lo strumento di test dei dati strutturati di Google) e il test dei risultati multimediali di Google.

Usando il codice che abbiamo creato in precedenza, incolla questo codice nel Rich Results Test. Vediamo subito che il codice è ok poiché il messaggio dice "La pagina è idonea per i risultati multimediali". La parola idoneo viene utilizzata poiché i risultati multimediali non sono garantiti.

Eseguendo il codice tramite Schema Markup Validator, vediamo che lo schema viene generato correttamente e non ci sono avvisi o errori nel codice.

Come aggiungere il markup dello schema

Puoi aggiungere il markup dello schema generato al tuo sito Web in diversi modi. Il modo più semplice per aggiungere lo schema è inserirlo nell'HTML sul tuo sito web (potrebbe essere necessario parlare con il tuo sviluppatore per chiedere aiuto), ma puoi anche aggiungere il tuo schema tramite Tag Manager, se necessario.

In alternativa, se disponi di un sito Web WordPress, puoi utilizzare un plug-in come Yoast o RankMath per selezionare i tipi di schemi più popolari per aggiungerli a un contenuto. Altrimenti, ci sono molti plugin WordPress specializzati che ti aiuteranno ad aggiungere più tipi di schema.

Come trovare errori e opportunità nel markup

Il modo migliore per monitorare le pagine dello schema contrassegnate è tramite Google Search Console, nella sezione Miglioramenti. Una volta che il tuo schema è sul tuo sito web ed è stato scansionato e prelevato da Google, dovresti vedere che i dati iniziano a popolarsi qui.

Si spera che, se hai convalidato il tuo codice, dovresti vedere qualcosa di simile al seguente, che mostra che non ci sono problemi con il tuo schema.

In caso di problemi, GSC ti aiuterà a comprendere i problemi e fornirà esempi degli URL interessati. Dopo aver apportato le modifiche e averle ridistribuite sul tuo sito web, puoi fare clic su "Convalida correzione", chiedendo a Google di ricontrollare il problema.

Con Oncrawl puoi anche trovare il numero di pagine del tuo sito web che contengono dati strutturati e il numero medio di elementi di dati strutturati per pagina. Puoi farlo dal rapporto di scansione andando su "Tag HTML", quindi "Dati strutturati"; qui è dove troverai l'analisi dei dati strutturati. Usalo per vedere dove è necessario migliorare il markup dello schema e quali elementi potrebbero mancare.

Conclusione

L'aggiunta di markup alle tue pagine ti aiuta a distinguerti nelle SERP e ad aumentare il tuo ROI.

Dopotutto, su quale risultato è più probabile che clicchi, questo link senza schema:

Oppure uno di questi risultati che utilizzano lo schema e vengono visualizzati come risultati multimediali: