Schema markup, trovato su Schema.org, è una forma di microdati. Una volta aggiunto a una pagina web, schema markup crea una descrizione avanzata (comunemente noto come un rich snippet), che appare nei risultati di ricerca.
I principali motori di ricerca, tra cui Google, Yahoo, Bing e Yandex, hanno iniziato a collaborare per creare Schema.org, indietro nel 2011.
Il markup dello schema è particolarmente importante nell’era del colibrì e del RankBrain., Il modo in cui un motore di ricerca interpreta il contesto di una query determinerà la qualità di un risultato di ricerca.
Schema può fornire contesto a una pagina web altrimenti ambigua.
Via Schema.org:
“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>Avatar</h1> indica al browser di visualizzare la stringa di testo “Avatar” in un formato di intestazione 1., Tuttavia, il tag HTML non fornisce alcuna informazione su cosa significhi quella stringa di testo- “Avatar” potrebbe riferirsi al film 3D di grande successo, o potrebbe riferirsi a un tipo di immagine del profilo—e questo può rendere più difficile per i motori di ricerca visualizzare in modo intelligente contenuti pertinenti a un utente.”
Schema migliora le tue classifiche di ricerca?
Non ci sono prove che i microdati abbiano un effetto diretto sulle classifiche di ricerca organiche.,
Tuttavia, i rich snippet rendono le tue pagine web più prominenti nelle SERP. Questa visibilità migliorata ha dimostrato di migliorare i tassi di click-through.
Secondo uno studio di acmqueue, meno di un terzo dei risultati di ricerca di Google include un rich snippet con Schema.org markup. Questo espone una grande opportunità per il resto.
Pochissime cose in SEO, oggi, possono spostare rapidamente il quadrante. Questo può.
Per che cosa si usa Schema?,
- le Imprese e le organizzazioni
- Eventi
- Persone
- Prodotti
- Ricette
- Recensioni
- Video
Sopra sono alcuni degli usi più popolari di schema. Tuttavia, c’è una buona probabilità che se hai qualche tipo di dati sul tuo sito web, avrà un itemscope associato, itemtype e itemprop.,
Aggiunta di schemi alle pagine Web
Utilizzo di Microdati
Microdata è un insieme di tag che mira a rendere molto più semplice l’annotazione di elementi HTML con tag leggibili dalla macchina. Microdata è un ottimo posto per i principianti per iniziare perché è così facile da usare.
Tuttavia, l’unico aspetto negativo dell’utilizzo di microdati è che devi contrassegnare ogni singolo elemento all’interno del corpo della tua pagina web. Come puoi immaginare, questo può rapidamente diventare disordinato.,
Prima di iniziare ad aggiungere lo schema alle tue pagine web, devi capire il “tipo di elemento” del contenuto della tua pagina web.
Ad esempio, i tuoi contenuti web si concentrano sul cibo? Musica? Tecnologia?
Una volta capito il tipo di elemento, è ora possibile determinare come è possibile etichettarlo.
Diamo un’occhiata ad un esempio. Diciamo che possiedi un negozio che vende router di alta qualità., Se dovessi guardare il codice sorgente della tua home page probabilmente vedrai qualcosa di simile a questo:
Una volta che ti immergi nel codice, ti consigliamo di trovare la parte della tua pagina web che parla di ciò che la tua azienda ha da offrire. In questo esempio, i dati possono essere trovati tra i due tag<div>.,
Ora, in cima, si può aggiungere:
<div itemscope>
Con l’aggiunta di questo tag, noi stiamo affermando che il codice HTML contenuto tra i tag <div> blocchi sono l’identificazione di un elemento specifico.
Successivamente, dobbiamo identificare quale sia l’elemento utilizzando l’attributo’ itemtype ‘ per identificare il tipo di elemento di cui parla la nostra pagina web (tecnologia).,
<div itemscope itemtype=”http://schema.org/tech”>
Un tipo di elemento viene fornito sotto forma di URL (comehttp://schema.org/tech). Diciamo, ad esempio, che il tuo sito ruotava attorno ai prodotti di bellezza invece della tecnologia. L’URL del tuo tipo di elemento potrebbe essere simile a questo:
Per semplificare le cose puoi sfogliare un elenco di tipi di elemento qui, inoltre puoi visualizzare le estensioni per identificare l’entità specifica che stai cercando., Tieni presente che questa lista non è onnicomprensiva, quindi c’è la possibilità che non troverai il tipo di elemento per la tua nicchia specifica.
Tornando alla pagina tecnica, si desidera contrassegnare la parte della pagina web che contiene il nome dell’azienda. Puoi farlo tra i tag<h1>.,
Ora, useremo il ” itemprop’ di tag, etichette che le proprietà di un elemento:
<h1 itemprop=”name”>Tech Paradiso</h1>
È possibile applicare questi tag per il resto della pagina ora. Quando si utilizzano i tag per identificare le proprietà dell’elemento, non è necessario etichettare l’intera riga, solo la porzione a cui la proprietà fa riferimento.,
Ad esempio, se hai una riga che dice Indirizzo: 1234 w sunshine blvd, devi solo applicare i tag attorno all’indirizzo stesso e nient’altro.
Questo codice può sembrare complicato, ma schema.org fornisce esempi su come utilizzare i diversi tipi di elementi, in modo da poter effettivamente vedere cosa dovrebbe fare il codice. Non preoccuparti, non sarai lasciato fuori al freddo cercando di capirlo da solo!,
Se ti senti ancora un po ‘ intimidito dal codice, l’Helper di markup dei dati strutturati di Google rende super facile taggare le tue pagine web.
Per utilizzare questo straordinario strumento, basta selezionare il tipo di elemento, incollare l’URL della pagina di destinazione o il contenuto che si desidera indirizzare, e quindi evidenziare i diversi elementi in modo da poterli etichettare.
Utilizzo di RDFa
RDFa è l’acronimo di Resource Description Framework in Attributes. Essenzialmente, RDFa è un’estensione di HTML5 ed è stato progettato per aiutare gli utenti a contrassegnare i dati strutturati.,
RDFa è considerato una raccomandazione W3C, il che significa che è uno standard web e può essere utilizzato per concatenare vocabolari di dati strutturati insieme. Ciò è particolarmente utile se si desidera aggiungere dati strutturati che si estendono oltre i limiti di Schema.org.
Puoi tirare un sospiro di sollievo. RDFa non è molto diverso dai Microdati.
Simile ai microdati, i tag RDFa incorporano con il codice HTML preesistente nel corpo della tua pagina web., Per motivi di familiarità, esamineremo ancora una volta il sito Web tecnologico come esempio.
L’HTML per il tuo sito tecnologico sarebbe probabilmente simile a questo prima che fosse modificato:
Per iniziare, vuoi assicurarti che il vocabolario che stai usando sia Schema.org e che la pagina web in questione fa riferimento a una pagina tecnologica.
Per questo esempio, è possibile cercare “tecnologia” su Schema.org per imparare a taggare diversi elementi. In genere, troverai esempi nella parte inferiore della pagina che ti mostreranno come usarli nella pratica.,
È sufficiente fare clic sulla scheda RDFa per visualizzare esempi specifici RDFa.
Successivamente, è necessario utilizzare il tag vocab combinato con l’URLhttp://schema.org per identificare il vocabolario per il markup. Per identificare il tipo di pagina, utilizzare il tag typeof. A differenza di microdata, che utilizza un URL per identificare i tipi, RDFa utilizza una o più parole per classificare i tipi.,
<div vocab=”http://schema.org/” typeof=”technology”>
Se si desidera identificare una proprietà oltre il attributo typeof.,
Per esempio, se si desidera espandere ulteriormente su una proprietà indirizzo è possibile utilizzare “PostalAddress”, in questo modo:
<div property=”indirizzo” typeof=”PostalAddress”>
Confrontare i microdati e RDFa fianco a fianco, typeof attributo è l’equivalente dell’attributo itemtype trovato in Microdati. Inoltre, l’attributo di proprietà sarebbe l’equivalente dell’attributo itemprop.
Per ulteriori spiegazioni, è possibile visitare Schema.org per controllare le liste e visualizzare esempi., È possibile trovare quali tipi di elementi sono definiti come proprietà e quali sono definiti come tipi.
tornando al nostro esempio precedente, il tech pagina simile a questa, dopo che è stato opportunamente codificati:
A voi un aiuto, ogni pagina Schema.org fornisce esempi su come applicare correttamente il tag. Naturalmente, puoi anche ricorrere allo strumento di test dei dati strutturati di Google.,
Conclusione
Speriamo che tutte le paure che potresti aver avuto quando hai sentito la parola “Schema” o “Dati strutturati” siano state messe a tacere.
Lo schema è molto più facile da applicare di quanto sembri ed è una best practice che devi incorporare nelle tue pagine web.
Il lavoro può sembrare noioso. Ma dato tempo e fatica, sarete certi di raccogliere i benefici dal vostro lavoro.
Crediti immagine
Immagine in primo piano: Paulo Bobita
Screenshot preso dall’autore