Panoramica su Markup Schema.org

Aggiornato il 18/04/2019

Una delle ultime evoluzioni nella SEO si chiama Markup Schema.Org (di seguito Dati Strutturati).

Questa nuova forma di ottimizzazione è una delle più potenti, ma meno utilizzate dai SEO in Italia.

Una volta compreso il concetto e il metodo del markup schema, puoi potenziare il tuo sito Web nelle pagine dei risultati dei motori di ricerca (SERP).

Il mio obiettivo in questo articolo è di mostrare esattamente come iniziare a utilizzare dati strutturati per il tuo sito web.

Cosa sono i dati strutturati

Schema.org è il vocabolario semantico (dizionario ufficiale di Google)  che hai inserito nel tuo sito Web per aiutare i motori di ricerca a restituire risultati più informativi per gli utenti.

Se hai mai utilizzato rich snippet, capirai esattamente che cos’è il markup di Schema.org.

Ecco come ad esempio si presenta su Google una pagina interna del mio sito web:

Esempio Markup Valutazione

I dati strutturati utilizzati in questo caso, sono le valutazioni e specificano alla SERP di visualizzare:

  • Icone a forma di stelle
  • Ogni stella è una valutazione
  • Media valutazione (da 1 a 5)
  • Numero delle valutazioni (da 1 in poi)

Il contenuto del tuo sito web viene indicizzato e restituito nei risultati di ricerca.

Ovviamente. Ma con i dati strutturati, parte di quel contenuto viene indicizzato e restituito in un modo diverso.

Come avviene questo?

Succede che il markup dice al motore di ricerca (in questo caso Google) cosa significa quel contenuto.

Ad esempio, diciamo che la parola “Consulente SEO” appare su un articolo. Il motore di ricerca vede questo e produce una SERP con “Consulente SEO”.

Tuttavia, se inserisco il giusto markup attorno alla parola “Consulente SEO”, come ad esempio l’autore del sito web, ho appena detto al motore di ricerca che “Francesco Adorno” è l’autore del sito, non solo un paio di parole casuali.

Il motore di ricerca fornisce quindi risultati che visualizzano informazioni migliori per l’utente che stava cercando “Consulente SEO”.

La maggior parte dei webmaster ha familiarità con i tag HTML sulle loro pagine. Di solito, i tag HTML indicano al browser come visualizzare le informazioni incluse nel tag.

Ad esempio, <h1>Consulente SEO </h1> indica al browser di visualizzare la stringa di testo “Consulente SEO” in un formato di titolo 1.

Tuttavia, il tag HTML non fornisce alcuna informazione su cosa significhi quella stringa di testo: “Consulente SEO” potrebbe riferirsi a qualsiasi consulente SEO, e questo può rendere più difficile la ricerca su Google per visualizzare in modo intelligente il contenuto pertinente per un utente.

Vocabolario semantico

Non hai bisogno di imparare un nuovo linguaggio di programmazione.

Le pagine con markup usano ancora HTML. L’unica differenza è l’aggiunta di alcune stringhe del vocabolario di schema.org.

Schema.org, il sito Web per il markup dello schema, è stato creato da un team collaborativo di Google, Bing e Yahoo.

Non succede spesso che i competitor come Google, Bing e Yahoo si uniscano per aiutarsi a vicenda, ma Schema.org è esattamente quel tipo di collaborazione inter-industriale.

Quello che hai, quindi, è un set concordato di marcatori di codice che dice ai principali motori di ricerca che cosa fare con i dati sul tuo sito web.

Schema.org è stato inventato per gli utenti

Quando un sito web ha implementato dati strutturati, gli utenti possono vedere in SERP cos’è un sito web, dove si trovano, cosa fanno, quanto costa, oltre a molte altre cose.

Alcune persone hanno iniziato a chiamare i dati strutturati “il tuo biglietto da visita virtuale”.

Questo è un miglioramento focalizzato sull’utente. I motori di ricerca esistono per consentire agli utenti di ottenere le informazioni di cui hanno bisogno.

Il markup dello schema fa esattamente questo.

Dati Strutturati: Perché Consigliarli e Usarli

I dati strutturati aiutano il tuo sito web a classificarsi meglio per tutti i tipi di tipi di contenuto.

Ogni tipologia di contenuto e pagina web può avere uno o più markup, ecco i più utilizzati:

  • Articles
  • LocalBusiness
  • Restaurant
  • Organization
  • Products
  • Reviews
  • AggregateRating
  • Events

Ovviamente esistono tantissimi tipi di markup: dai negozi di giocattoli agli orari di somministrazione medica. Se hai qualche tipo di dati sul tuo sito web, c’è una buona probabilità che abbia un itemscope e un tipo di elemento associati (itemtype).

I siti Web che utilizzano il markup di Schema si posizionano meglio nelle SERP rispetto ai siti internet senza markup.

Uno studio condotto da WebSiteMagazine ha stabilito che i siti Web con markup hanno una media di quattro posizioni più alte nelle SERP rispetto a quelli senza dati strutturati.

Mentre non è del tutto chiaro che questo risultato più alto sia dovuto al solo markup, c’è ovviamente una certa correlazione.

Al momento, un terzo dei risultati di ricerca di Google incorpora rich snippet, che include il markup di Schema.

Tuttavia, secondo Searchmetrics, solo lo 0,3% di tutti i siti Web utilizzano dati strutturati.

In altre parole, ci sono milioni di siti web che si perdono in un’enorme fonte di potenziale SEO.

Se usi dati strutturati, avrai automaticamente un vantaggio sulla maggior parte della tua concorrenza.

Come Utilizzare Markup Schema.org

Ora parliamo di come utilizzare dati strutturati Schema.

Il tuo obiettivo è di posizionarti meglio, avere un aspetto migliore e fare meglio nelle SERP e davanti agli utenti.

  • Accedi all’assistente di Google per il markup (link diretto)
  • Seleziona il tipo di dati che si intende specificare: troverai diverse opzioni elencate. Per l’esempio qui sotto, userò “Articoli” poiché è uno dei tipi più comuni di contenuti.
  • Incolla l’indirizzo web (URL) della pagina che vuoi specificare come “Articles”

La pagina verrà caricata nello strumento di assistente markup e fornirà lo spazio di lavoro per la successiva fase di markup – tagging degli elementi.

Vedrai la tua pagina web nel riquadro di sinistra e gli elementi nel riquadro di destra.

Assistenza Per Il Markup

Evidenzia e seleziona il tipo di elementi da marcare:

  • Nome: il titolo della pagina
  • Autore: chi ha pubblicato la pagina
  • Data pubblicazione: la data di quando è stata pubblicata la pagina 
  • Immagine: la foto o immagine in evidenza (utile per la SERP e per i social in fase di condivisione)
  • Corpo dell’articolo: il contenuto della pagina

Se hai terminato le modifiche, clicca in alto a destra su “Crea HTML” per avviare l’assistente markup di Google.

Nella pagina seguente, vedrai il codice HTML della tua pagina con i microdati pertinenti inseriti negli spot che hai selezionato.

Adesso, entrerai nel tuo CMS (o codice sorgente se non stai utilizzando un CMS come WordPress) e aggiungi i frammenti evidenziati negli appositi spazi. Trova gli indicatori gialli sulla barra di scorrimento per trovare il codice di markup dello schema.

Puoi anche scaricare il file HTML generato automaticamente e copiarlo / incollarlo nel CMS o nel codice sorgente.

Test e Verifica Dati Strutturati Schema.org

Hai bisogno di verificare i dati strutturati che hai appena inserito? Puoi farlo in due modi:

  • Recupera URL: inserisci la URL della pagina che hai appena modificato
  • Snippet di codice: inserisci il codice HTML (quindi non importa se online/offline)

I prossimi suggerimenti ti mostreranno come immergerti ancora più a fondo e ottenere risultati ancora più ricchi dai dati strutturati ed il dizionario schema.

Dati Strutturati: Alcuni Esempi

Schema.org fornisce un elenco dei tipi più comuni di markup. È possibile visitare la pagina specifica per visualizzare questo elenco.

Scopri i dati strutturati più adatti alla tua attività.

%MINIFYHTML2d49da2767bc8a4d35158b8b3dbc41e16%
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "headline": "Inserisci Titolo Articolo",
  "image": {
    "@type": "ImageObject",
    "url": "Inserisci URL Immagine Articolo",
    "width": 700,
    "height": 400
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "WebSite",
  "name": "Nome Sito",
  "alternateName": "Nome Alternativo",
  "url": "URL Sito Web"
}
</script>
<script type="application/ld+json">
{
  "@context": "http://schema.org/", 
  "@type": "Product", 
  "name": "Nome Prodotto",
  "image": "Immagine Principale Prodotto",
  "description": "Descrizione Prodotto",
  "brand": "Nome Brand Associato",
  "sku": "Codice Prodotto",
  "gtin8": "Codice Prodotto",
  "offers": {
    "@type": "Offer",
    "priceCurrency": "EUR",
    "price": "25",
    "availability": "http://schema.org/InStock",
    "itemCondition": "http://schema.org/NewCondition"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.7",
    "bestRating": "5",
    "worstRating": "1",
    "ratingCount": "64"
  }
}
</script>

 

Quale markup alla fine stai utilizzando? Fammelo sapere nei commenti