Microdati - Piccoli con un grande impatto
Sapevi che la tua app Web può fornire molte più informazioni su se stessa rispetto ai buoni vecchi meta-elementi nel del documento? Al giorno d'oggi, le applicazioni web sono più interconnesse che mai, quindi diventa sempre più rilevante definire chiaramente lo scopo di ogni pagina.
Un esempio del mondo reale
Se questo ti sembra un po' strano, diamo una rapida occhiata a un semplice esempio. Considera di avere un blog e, naturalmente, desideri che i motori di ricerca comprendano meglio i contenuti che pubblichi con ogni articolo. Una struttura HTML chiara e semanticamente corretta è un requisito fondamentale, ma solo l'inizio.
Grazie allo sviluppo di standard come JSON-LD, puoi fornire dati strutturati in modo uniforme. La parola chiave qui è il formato standardizzato in cui questi metadati aggiuntivi vengono definiti da te, poiché i motori di ricerca e i loro bot sono programmati per comprendere esattamente questi metadati.
Tornando al nostro esempio, per un articolo di blog è disponibile l'elemento JSON-LD “article”, che descrive le proprietà chiave di un articolo.
Alternativa a JSON-LD
Bene, tutto questo suona molto bene, ma cosa ha a che fare con i microdati? I microdati hanno sostanzialmente lo stesso scopo del JSON-LD descritto sopra: fornire più metadati per la pagina in cui viene utilizzato. La differenza chiave è che JSON-LD deve essere definito nell'elemento dell'app web. Tuttavia, gli elementi di microdati possono essere utilizzati direttamente all'interno del contenuto della tua pagina, senza la necessità di dividere i dati tra e .
<!--
The following eample is taken from Mozilla's site,
linked in the addendum.
-->
<div itemscope itemtype="http://schema.org/SoftwareApplication">
<span itemprop="name">Angry Birds</span> -
REQUIRES <span itemprop="operatingSystem">ANDROID</span><br>
<link itemprop="applicationCategory" href="http://schema.org/GameApplication"/>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
RATING:
<span itemprop="ratingValue">4.6</span> (
<span itemprop="ratingCount">8864</span> ratings )
</div>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
Price: $<span itemprop="price">1.00</span>
<meta itemprop="priceCurrency" content="USD" />
</div>
</div>
A seconda del tuo caso d'uso o del tuo gusto, questa potrebbe essere una soluzione gestibile migliore rispetto a JSON-LD. La cosa bella dei microdati è che in realtà non è un elemento separato nel tuo DOM, ma piuttosto un insieme di proprietà con cui puoi migliorare il tuo HTML esistente.
Ci sono molte varianti disponibili per i microdati tra cui scegliere, ad esempio su luoghi, persone o prodotti. Sono ben riconosciuti dai bot dei motori di ricerca e quindi offrono una valida alternativa a JSON-LD.
