Cosa sono i Microdati?
I microdati (introdotti dall’HTML5) fanno parte della grande famiglia dei “Rich Snippet” (insieme a Microformati e RDFs) e sono, come vengono definiti da Google in Search Console, “… un modo per assegnare etichette ai contenuti al fine di descrivere un tipo specifico di informazioni (ad esempio recensioni, informazioni su persone o eventi) …“. In parole povere sono dei dati che forniscono ai bot, quali ad esempio Googlebot, maggiori informazioni su ciò che è presente in un dato articolo, pagina, evento o qualsivoglia genere di contenuto. Questi codici non sono, almeno per ora, visibili all’utente, ma solo ai crawler.
A cosa servono?
Il web 4.0 è “semantico”, ed in quanto tale, vi è bisogno di originalità dei contenuti che devono fornire il maggior numero di informazioni possibili ai visitatori e nel minor tempo possibile. Quindi si parte dalla SERP, ovvero dai risultati di ricerca per una data parola chiave. Più informazioni si forniscono all’utente, più vi è possibilità di attrarlo sul nostro sito web. Per farvi un’idea di cosa parliamo, facciamo una piccola ricerca su Google e digitiamo “Torta al cioccolato”. I risultati sono tanti, ma solo pochi hanno uno snippet (ovvero il link che esce dai risultati di Google) a modo. Ne prendiamo ad esempio uno dei tanti:
Microdati di ricettedalmondo.it
In questo caso, il sito web “RicetteDalMondo.it” ha aggiunto come informazioni aggiuntive le seguenti cose:
- Il risultato finale: Come verrà questa torta al cioccolato?
- Le votazioni: Quanto è buona? E quanti utenti hanno votato?
- La durata: Nel tag <title> ha aggiunto anche la durata della preparazione della torta in questione
Questi tag non fanno altro che fornire alcune informazioni aggiuntive allo snippet in SERP. Queste informazioni possono essere inserite da chiunque ed in qualsiasi ambito. Alcuni esempi fatti da Google sono:
- Prodotto: Tutte le informazioni del prodotto, come ad esempio il prezzo, la disponibilità e le recensioni.
- Ricette: Una foto del risultato, il tempo di preparazione, il costo…
- Recensioni: recensioni di film, giochi, ristoranti, negozi, parchi, teatri e chi più ne ha, più ne metta.
- Eventi: L’organizzazione di un evento, un concerto musicale, un festival; in questo caso possono essere aggiunti: La data, l’ora, il costo del biglietto, il luogo ove si terrà un dato evento e molto altro.
- Applicazioni: Informazioni sul software, includendo l’URL ufficiale, i voti degli utenti ed il prezzo.
- Video: La thumbnail del video e la descrizione di quest’ultimo, nonchè la durata e le votazioni, se possibile.
Ci teniamo però a farvi notare che non è sicuro che siano adottati da Google nei risultati di ricerca.
Come sono strutturati?
Facciamo un esempio pratico:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<span class="tag"><div</span> <span class="atn">itemprop</span><span class="pun">=</span><span class="atv">"video"</span> <span class="atn">itemscope</span> <span class="atn">itemtype</span><span class="pun">=</span><span class="atv">"http://schema.org/VideoObject"</span><span class="tag">></span><span class="pln"> </span><span class="tag"><h2></span><span class="pln">Video: </span><span class="tag"><span</span> <span class="atn">itemprop</span><span class="pun">=</span><span class="atv">"name"</span><span class="tag">></span><span class="pln">Title</span><span class="tag"></span></h2></span><span class="pln"> </span><span class="tag"><meta</span> <span class="atn">itemprop</span><span class="pun">=</span><span class="atv">"duration"</span> <span class="atn">content</span><span class="pun">=</span><span class="atv">"T1M33S"</span> <span class="tag">/></span><span class="pln"> </span><span class="tag"><meta</span> <span class="atn">itemprop</span><span class="pun">=</span><span class="atv">"thumbnailUrl"</span> <span class="atn">content</span><span class="pun">=</span><span class="atv">"thumbnail.jpg"</span> <span class="tag">/></span><span class="pln"> </span><span class="tag"><meta</span> <span class="atn">itemprop</span><span class="pun">=</span><span class="atv">"contentURL"</span> <span class="atn">content</span><span class="pun">=</span><span class="atv">"http://www.example.com/video123.flv"</span> <span class="tag">/></span><span class="pln"> </span><span class="tag"><meta</span> <span class="atn">itemprop</span><span class="pun">=</span><span class="atv">"embedURL"</span> <span class="atn">content</span><span class="pun">=</span><span class="atv">"http://www.example.com/videoplayer.swf?video=123"</span> <span class="tag">/></span><span class="pln"> </span><span class="tag"><meta</span> <span class="atn">itemprop</span><span class="pun">=</span><span class="atv">"uploadDate"</span> <span class="atn">content</span><span class="pun">=</span><span class="atv">"2011-07-05T08:00:00+08:00"</span> <span class="tag">/></span><span class="pln"> </span><span class="tag"><meta</span> <span class="atn">itemprop</span><span class="pun">=</span><span class="atv">"expires"</span> <span class="atn">content</span><span class="pun">=</span><span class="atv">"2012-01-30T19:00:00+08:00"</span> <span class="tag">/></span><span class="pln"> </span><span class="tag"><meta</span> <span class="atn">itemprop</span><span class="pun">=</span><span class="atv">"height"</span> <span class="atn">content</span><span class="pun">=</span><span class="atv">"400"</span> <span class="tag">/></span><span class="pln"> </span><span class="tag"><meta</span> <span class="atn">itemprop</span><span class="pun">=</span><span class="atv">"width"</span> <span class="atn">content</span><span class="pun">=</span><span class="atv">"400"</span> <span class="tag">/></span><span class="pln"> </span><span class="tag"><object</span><span class="pln"> ...</span><span class="tag">></span><span class="pln"> </span><span class="tag"><param</span><span class="pln"> ...</span><span class="tag">></span><span class="pln"> </span><span class="tag"><embed</span> <span class="atn">type</span><span class="pun">=</span><span class="atv">"application/x-shockwave-flash"</span><span class="pln"> ...</span><span class="tag">></span><span class="pln"> </span><span class="tag"></object></span><span class="pln"> </span><span class="tag"><span</span> <span class="atn">itemprop</span><span class="pun">=</span><span class="atv">"description"</span><span class="tag">></span><span class="pln">Video description</span><span class="tag"></span></span> <span class="tag"></div></span> |
