Cosa sono i dati strut­tu­ra­ti?

Per rendere i contenuti leggibili dai crawler grazie ai dati strut­tu­ra­ti, da un po’ di tempo sono di­spo­ni­bi­li quattro formati standard: i mi­cro­for­ma­ti, RDFa, i microdati e JSON-LD. I primi tre si basano su markup semantici, inseriti di­ret­ta­men­te nel codice HTML. Inoltre, a seconda del formato, si applicano i classici attributi HTML o nuovi elementi di markup. Da alcuni anni è in aumento l’utilizzo del formato dati JSON-LD, che consente un’an­no­ta­zio­ne agevole di uno script.

Mi­cro­for­ma­ti

Il formato mi­cro­for­ma­ti (in inglese mi­cro­for­ma­ts) serve per il markup semantico dei documenti HTML e XHTML. Qui si applicano anche i classici attributi HTML come class, rel e rev, che possono essere estratti dal codice delle pagine e con­sen­to­no ai programmi, come ai crawler, di scan­sio­na­re le in­for­ma­zio­ni se­man­ti­che. Un’ap­pli­ca­zio­ne classica è il markup dei dati di contatto con il mi­cro­for­ma­to hCard, che viene integrato nel codice HTML come class="vcard":

Classico markup dei dati di contatto in HTML

Classico markup dei dati di contatto con il mi­cro­for­ma­to hCard

Mentre i dati di contatto vengono evi­den­zia­ti nel lin­guag­gio HTML solo tramite elementi non specifici <div>, l’in­se­ri­men­to del mi­cro­for­ma­to hCard con l’attributo class="vcard" consente delle an­no­ta­zio­ni se­man­ti­che per le singole in­for­ma­zio­ni, come ad esempio nomi, or­ga­niz­za­zio­ni o numeri di telefono. Un vantaggio di questo tipo di markup è la sem­pli­ci­tà di ap­pli­ca­zio­ne, in quanto si ricorre ai già co­no­sciu­ti attributi HTML. Ciò no­no­stan­te le pos­si­bi­li­tà di an­no­ta­zio­ni se­man­ti­che tramite i mi­cro­for­ma­ti risultano per questo limitate ad una scelta non am­plia­bi­le di elementi pre­de­fi­ni­ti. Inoltre l’utilizzo dell’attributo class può generare dei conflitti con il codice CSS. Un’API per l’estra­zio­ne dei dati non è sup­por­ta­ta nei mi­cro­for­ma­ti.

RDFa

RDFa sta per “Resource De­scrip­tion Framework in At­tri­bu­tes”. Il W3C consiglia di usare questo formato per integrare le af­fer­ma­zio­ni RDF in HTML, XHTML e in diverse varianti XML. Al posto di basarsi sui classici attributi HTML, il formato RDFa ne introduce di nuovi, che con­sen­to­no un’an­no­ta­zio­ne semantica più complessa. L’esempio seguente mostra i dati di contatto come dati strut­tu­ra­ti nel formato RDFa:

Markup dei dati di contatto con RDFa

Se i dati vengono evi­den­zia­ti nel formato RDFa, deve essere definito sin dall’inizio il nome dell’elemento. L’attributo typeof determina il soggetto di un’af­fer­ma­zio­ne RDF e indica con quale tipo di dati viene associato il soggetto. L’attributo property definisce il predicato dell’af­fer­ma­zio­ne e indica una proprietà per il contenuto di un elemento. L’alta com­ples­si­tà dell’an­no­ta­zio­ne e la pos­si­bi­li­tà di definire un proprio vo­ca­bo­la­rio rientrano tra i vantaggi di strut­tu­ra­re i dati tramite RDFa. Grazie a prefissi il codice può rimanere compatto. RDFa supporta un’in­ter­fac­cia di pro­gram­ma­zio­ne di tipo DOM (Document Object Model Ap­pli­ca­tion Pro­gram­ming Interface) con la quale si possono estrarre i dati strut­tu­ra­ti di una pagina web e uti­liz­zar­li per ap­pli­ca­zio­ni in­te­rat­ti­ve. Prima rap­pre­sen­ta­va uno svan­tag­gio l’ap­pli­ca­zio­ne del formato prin­ci­pal­men­te ai linguaggi XML e XHTML, ma ora è possibile integrare il formato RDFa anche nell’HTML5. Un vo­ca­bo­la­rio stan­dar­diz­za­to per la notazione con RDFa si trova su schema.org. Il tutorial “Markup con RDFa secondo Schema.org” fornisce una guida det­ta­glia­ta al riguardo.

Microdati

I microdati (microdata) sono elementi dell’HTML5 definiti se­pa­ra­ta­men­te, che ampliano il vo­ca­bo­la­rio esistente del lin­guag­gio di markup con attributi necessari per l’in­te­gra­zio­ne delle an­no­ta­zio­ni se­man­ti­che. Come i mi­cro­for­ma­ti e RDFa, anche questo formato utilizza attributi semplici tramite tag HTML per assegnare proprietà agli elementi. La sintassi dei microdati si basa su un vo­ca­bo­la­rio che descrive gli elementi (chiamati items) come coppie di valori e nomi. Questo formato di markup si presenta così come un com­pro­mes­so tra fles­si­bi­li­tà, rag­giun­gi­bi­li­tà e una minore com­ples­si­tà. I microdati sup­por­ta­no il formato nativo di espor­ta­zio­ne JSON, che consente la tra­smis­sio­ne e la me­mo­riz­za­zio­ne dei dati strut­tu­ra­ti, e i microdati con un’in­ter­fac­cia di pro­gram­ma­zio­ne di tipo DOM. Anche questo formato è com­pa­ti­bi­le con il vo­ca­bo­la­rio di Schema.org. Nel tutorial di ap­pro­fon­di­men­to “Markup con microdati secondo Schema.org” potete leggere alcuni esempi di ap­pli­ca­zio­ne.

JSON-LD

Il formato JSON-LD è lo standard più recente nel lin­guag­gio semantico dei dati delle pagine web. L’acronimo sta per “Ja­va­Script Object Notation for Linked Data“, cioè se­ria­liz­za­zio­ne dei dati collegati tra di loro basati su oggetti Ja­va­Script. Google indica JSON-LD come il formato di markup più semplice, ma non lo supporta ancora per tutti i tipi di dati. Al contrario dei mi­cro­for­ma­ti, RDFa e dei microdati, JSON-LD non si basa sugli attributi nei tag HTML, ma viene inserito in uno script un blocco con dati JSON in un punto qualsiasi del codice HTML. A questo proposito il tutorial “Markup con JSON-LD secondo Schema.org” mostra come funziona e a cosa bisogna prestare at­ten­zio­ne nel markup con JSON-LD.

Google, Bing, Yahoo e Yandex, i prin­ci­pa­li motori di ricerca, hanno dato vita ad una community con il nome di Schema.org con l’obiettivo di unificare l’an­no­ta­zio­ne semantica dei contenuti web. Sul sito omonimo di questo progetto comune è indicato un set unitario di schemi per i dati strut­tu­ra­ti. Schema.org supporta i formati RDFa, micordati e JSON-LD. Una de­scri­zio­ne det­ta­glia­ta del progetto si trova nell’articolo di ap­pro­fon­di­men­to su Schema.org.

Il markup dei documenti HTML tramite notazioni se­man­ti­che richiede una certa sen­si­bi­li­tà. Per evitare errori, si consiglia di im­ple­men­ta­re per gradi il codice sorgente di una pagina e di con­va­li­da­re i markup dopo ogni passaggio. A questo proposito Google mette a di­spo­si­zio­ne gra­tui­ta­men­te lo Strumento di test per i dati strut­tu­ra­ti. Così i gestori di un sito possono inserire singoli frammenti di codice o l’URL di un sito e ve­ri­fi­ca­re se sono presenti errori nel codice sorgente. Inoltre Google offre con l’Evi­den­zia­to­re di dati uno strumento con cui è possibile taggare i dati di­ret­ta­men­te sul sito tramite il browser. Per questo le parti in­te­res­sa­te vengono evi­den­zia­te sem­pli­ce­men­te con il mouse e dotate di una parola chiave. È da notare che per questo tipo di an­no­ta­zio­ne semantica, i markup non possono essere applicati di­ret­ta­men­te nel codice sorgente. I campi taggati possono essere scan­sio­na­ti solo da Google e uti­liz­za­ti per una vi­sua­liz­za­zio­ne ampliata nelle SERPs. Gli altri motori di ricerca come Bing o Yahoo non riescono a capire queste relazioni se­man­ti­che.