Schema Markup: una guida dalla A alla Z ai dati strutturati per la SEO

La parte migliore? Questa guida è utile sia per i principianti che per coloro che hanno già alcune capacità di programmazione.

Che cos’è il markup Schema e perché è importante?

Schema markup, noto anche come Schema, è un vocabolario semantico di tag standardizzati che vengono aggiunti all’HTML della pagina. Questi tag aiutano un motore di ricerca a comprendere il contenuto e il contesto della tua pagina web e a rappresentarlo meglio nei risultati di ricerca. Fondamentalmente, Schema è solo il linguaggio utilizzato per rappresentare i dati. I dati effettivi sono chiamati dati strutturati.

Se quello che hai appena letto ti ha lasciato confuso, ecco un esempio. Dai un’occhiata a questi semplici dati strutturati che abbiamo utilizzato nel nostro ultimo articolo.

<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Article",
  "headline" : "How to Make an SEO-Friendly Website Redesign",
  "author" : {
    "@type" : "Person",
    "name" : "Zlata Verzhbitskaia"
  },
  "datePublished" : "2022-11-08",
  "image" : "https://cdn1.link-assistant.com/upload/news/posts/169/1667572689.png"
}
</script>

Come funzionano i dati strutturati?

Questo pezzo di codice descrive le principali entità trovate nella pagina in un formato facilmente digeribile da Google e altri motori di ricerca. Quindi, una volta eseguita la scansione di questa pagina, Google può dire qual è il nome dell’articolo, chi è l’autore e quando è stato pubblicato.

Oltre a migliorare il modo in cui comunichiamo le informazioni ai principali motori di ricerca, l’aggiunta di dati strutturati a una pagina Web apporta una serie di vantaggi che possono avere un impatto diretto sul traffico organico e sull’aspetto nella ricerca. Innanzitutto, puoi ottenere un rich snippet con informazioni complete sul tuo prodotto, ad esempio.

Puoi anche occupare un’ambita posizione zero per determinati tipi di query di ricerca, ottenendo così traffico aggiuntivo da vari motori di ricerca.

E il principale vantaggio dei dati strutturati è che ti aiuta a costruire entità e relazioni tra di loro . Ciò è particolarmente importante alla luce del prossimo aggiornamento di Google MUM. L’elenco potrebbe continuare e toccherò altri vantaggi per ogni tipo di schema più avanti in questa guida.

Come implementare i dati strutturati sul tuo sito?

Quando si tratta di implementare i dati strutturati, hai due opzioni:

• Generatori di markup (buoni per i principianti)
• Marcatura manuale

Generatori di markup

I generatori di markup dello schema ti consentono di implementare dati strutturati senza alcuna competenza di codifica.

Nella maggior parte dei casi, SEO e proprietari di siti web (e noi non facciamo eccezione) utilizzano Assistente per il markup dei dati strutturati di Google. Offre 12 schemi, che sono più che sufficienti per i principianti.

Come funzionano i generatori di dati strutturati?

Il processo è davvero semplice: devi solo scegliere il tipo di dati strutturati e contrassegnare tutti gli elementi necessari sulla tua pagina web.

Una volta che hai finito di specificare gli elementi, lo strumento genererà una parte di codice che puoi aggiungere alla tua pagina.

Esistono anche altri generatori di dati strutturati che offrono più tipi di Schema:

• Generatore di markup dello schema di analisi Hall
• Generatore di markup dello schema Merkle
• Estensione Schema Builder per Chrome

Marcatura manuale

Nel caso in cui non riesci a trovare il tipo di schema di cui hai bisogno nei generatori di dati strutturati, puoi aggiungerlo manualmente.  All’inizio il codice sembra spaventoso, ma in realtà è abbastanza semplice e dovrai solo modificarne alcuni valori. Quindi puoi provare a eseguire manualmente il markup dei dati strutturati anche se non hai competenze di codifica.

Ecco i due modi in cui puoi implementare il markup manuale: con JSON-LD o Microdati.

JSON-LD

JSON-LD è un metodo più diffuso per aggiungere manualmente dati strutturati a una pagina web. Inoltre, questo metodo è consigliato da Google. È anche più facile da comprendere e distribuire rispetto ai microdati o ad altri formati obsoleti come RDF o microformati.

Hai già visto un pezzo di semplice codice JSON-LD all’inizio di questa guida. Nel caso lo avessi saltato, eccolo di nuovo:
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Article",
"headline" : "How to Make an SEO-Friendly Website Redesign",
"author" : {
"@type" : "Person",
"name" : "Zlata Verzhbitskaia"
},
"datePublished" : "2022-11-08",
"image" : "https://cdn1.link-assistant.com/upload/news/posts/169/1667572689.png"
}
</script>

Lo script sopra viene aggiunto alla sezione <head> della pagina e comunica a un motore di ricerca le seguenti informazioni:

• @contesto. Specifica il vocabolario (schema.org).
• @tipo. Specifica il tipo di schema utilizzato.
• nome. Indica a un motore di ricerca qual è il nome dell’articolo.
• autore. Indica ai motori di ricerca chi ha scritto l’articolo.
• dataPubblicato. Specifica la data in cui l’articolo è stato pubblicato.
• Immagine. Link all’immagine di copertina dell’articolo.

Se guardi più da vicino, vedrai che questo codice JSON-LD ha una struttura molto semplice. Prima viene il tipo di Schema e poi le proprietà definite ( headline, author, datePublished ) e i loro valori ( Article, Zlata Verzhbitskaia ).

Questo frammento di codice può essere popolato con più proprietà, se necessario. Diciamo, se l’articolo è stato aggiornato, posso aggiungere la proprietà dateModified subito dopo la proprietà datePublished . Posso anche combinare più tipi di Schema all’interno di un singolo pezzo di codice. Nell’esempio precedente, abbiamo combinato i dati strutturati Articolo e Persona .

Se decido di utilizzare lo stesso tipo di schema per un altro articolo, prenderò semplicemente questo esempio di codice e sostituirò i valori con quelli pertinenti.

Se devo utilizzare un altro schema, aggiornerò la proprietà @type con il tipo di schema richiesto e aggiungerò nuove proprietà specifiche per questo markup.

Nota importante:

Le informazioni incorporate nel codice JSON-LD devono essere presenti sulla tua pagina web ed essere visibili agli utenti. Per evitare sanzioni dai motori di ricerca, non aggiungere mai parti di contenuto che non possono essere trovate su una pagina stessa.

Microdati

I microdati sono meno popolari di JSON-LD e vengono utilizzati in rari casi quando ti rivolgi a un motore di ricerca, ad esempio Yandex, che semplicemente non supporta JSON-LD.

A differenza di JSON-LD, con i microdati non puoi aggiungere un singolo pezzo di codice a <head> della tua pagina. Invece, dovrai contrassegnare ogni elemento all’interno del tuo codice HTML separatamente.

Ecco come appare:

<div itemscope itemtype="http://schema.org/Article">
<h1 itemprop="headline">How to Make an SEO-Friendly Website Redesign</h1>
<span itemprop="datePublished">November 8, 2022</span>
</div>

In questo frammento, abbiamo tre nuovi valori ( itemscope, itemtype e itemprop ) oltre a quelli che abbiamo visto nel codice JSON-LD in precedenza in questa guida.

Ecco cosa rappresentano questi valori:

• itemscope. Crea un elemento e indica che il resto dell’elemento lo descrive.
• tipo di elemento. Specifica il vocabolario e il tipo di schema ( Article ).
• itemprop. Specifica la proprietà ( headline ,  datePublished ).

Come organizzare il tuo flusso di lavoro di markup?

Man mano che ci avviciniamo alla parte pratica di questa guida, vale la pena stabilire il flusso di lavoro ottimale. Indipendentemente dal tipo di schema o dal metodo di implementazione scelto, il flusso di lavoro tipico rimarrà lo stesso e sarà simile a questo:

Passo 1.  Scegli il tipo di schema e trova le pagine del tuo sito in cui può essere applicato.

Passo 2.  Crea il tuo markup. Genera il codice con l’aiuto degli strumenti o scrivilo manualmente.

Passaggio n. 3.  Convalida il tuo markup. Prima di aggiungere il codice alle pagine del tuo sito, convalidalo sempre utilizzando Google Rich Results Test o Schema Markup Validator. Ciò contribuirà a garantire che tutti i motori di ricerca leggano correttamente i tuoi dati strutturati.

Passaggio n. 4.  Distribuisci il markup sul tuo sito. Superato il passaggio di convalida? Ora puoi tranquillamente aggiungere il markup al tuo sito.

Errori comuni nei dati strutturati da evitare 

L’errore umano è sempre possibile, ma quando si tratta di dati strutturati, le cose devono essere ricontrollate in ogni momento.

Se il tuo markup dei dati strutturati contiene errori, il minimo che puoi aspettarti è che semplicemente non funzionerà come previsto. In alcuni casi, l’aggiunta di markup Schema che non si adatta al contesto può comportare una sanzione da parte di Google.

Per evitare ciò, ecco un breve elenco di cose da non fare sui dati strutturati:

Non saltare la convalida dei dati strutturati

Un singolo simbolo mancato nel codice javascript può rendere obsoleto l’intero pezzo di markup. Questo è il motivo per cui è un MUST convalidare il codice prima di aggiungerlo al tuo sito. Per questi scopi, utilizza Google Rich Results Test o Schema Markup Validator . Quest’ultimo ha funzionalità estese e non solo ti mostrerà la struttura del tuo markup, ma evidenzierà anche eventuali errori se trovati.

Non aggiungere dati strutturati a contenuti inesistenti

Il codice JSON-LD può essere aggiunto a qualsiasi pagina del tuo sito web. Ma ciò che dici a Google nel markup dovrebbe corrispondere anche al contenuto della pagina.

Se Google rileva tale uso improprio del markup, emetterà prima un avviso in Search Console e, se il problema persiste, verrà intrapresa un’azione manuale.

Non aggiungere dati strutturati specifici della pagina in tutto il sito

Uno degli esempi di tale uso improprio del markup è quando il markup di valutazione per un elemento viene ridimensionato all’intera categoria. Questo può anche portare a una sanzione da parte di Google.

Non violare le linee guida di Google

Assicurati di controllare e seguire attentamente le linee guida generali di Google per i dati strutturati . Questo ti aiuterà a evitare qualsiasi problema in futuro.

Come monitorare i miglioramenti dei dati strutturati? 

Per controllare i miglioramenti dei dati strutturati sul tuo sito web nel tempo, accedi a Search Console di Google, vai a Miglioramenti e verifica lo stato di salute dei vari tipi di markup dei dati strutturati applicati alle tue pagine.

Nel caso in cui vengano rilevati errori, ti verranno fornite le posizioni esatte degli errori e alcune indicazioni su come risolverli.

Fonte Link Assistant