9.1 Che cos'è la microdata?
Microdata (structured data) è un modo per aggiungere metadati ai documenti HTML per migliorare l'interpretazione del contenuto della pagina web da parte dei motori di ricerca e di altri servizi. La microdata viene utilizzata per descrivere diverse entità e le loro relazioni sulla pagina web, il che aiuta a migliorare la visibilità della pagina nei risultati di ricerca e fornisce funzionalità aggiuntive, come i rich snippet.
Microdata sono dati strutturati che vengono aggiunti al codice HTML della pagina. Fornisce ai motori di ricerca ulteriori informazioni sul contenuto della pagina, come il tipo di contenuto, l'autore, la data di pubblicazione, la valutazione e altre informazioni.
Tipi principali di microdata:
- Schema.org: lo standard di microdata più ampiamente utilizzato, supportato dai principali motori di ricerca (Google, Bing, Yahoo, Yandex)
- JSON-LD: formato di codifica della microdata in formato JSON, raccomandato da Google
- Microdata: formato di microdata integrato direttamente nel codice HTML
9.2 Schema.org
Schema.org è un vocabolario di tipi di dati e delle loro proprietà, sviluppato per strutturare i dati sulle pagine web. Supporta molti tipi di dati, come articoli, eventi, organizzazioni, prodotti, ecc.
Esempi di utilizzo di Schema.org
Articolo (Article):
<article>
<h1>Titolo dell'articolo</h1>
<p>Autore: Nome dell'autore</p>
<p>Data di pubblicazione: 1 gennaio 2024</p>
<img src="https://example.com/image.jpg" alt="Esempio immagine">
<p>Testo dell'articolo...</p>
</article>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Titolo dell'articolo",
"author": {
"@type": "Person",
"name": "Nome dell'autore"
},
"datePublished": "2024-01-01",
"image": "https://example.com/image.jpg",
"publisher": {
"@type": "Organization",
"name": "Casa Editrice",
"logo": {
"@type": "ImageObject",
"url": "https://example.com/logo.png"
}
}
}
</script>
Prodotto (Product):
<body>
<h1>Nome del prodotto</h1>
<img src="https://example.com/product.jpg" alt="Immagine del prodotto">
<p>Descrizione del prodotto</p>
<p>Prezzo: $29.99</p>
</body>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Nome del prodotto",
"image": "https://example.com/product.jpg",
"description": "Descrizione del prodotto",
"sku": "0446310786",
"offers": {
"@type": "Offer",
"priceCurrency": "USD",
"price": "29.99",
"itemCondition": "https://schema.org/NewCondition",
"availability": "https://schema.org/InStock",
"url": "https://example.com/product"
}
}
</script>
Vantaggi dell'utilizzo di Schema.org:
- Miglioramento della visibilità: i motori di ricerca possono visualizzare dati aggiuntivi nei risultati di ricerca (rich snippet).
- Miglioramento dell'interpretazione: i motori di ricerca comprendono meglio il contenuto, il che può migliorare la classifica della pagina.
- Supporto degli standard: Schema.org è supportato da tutti i principali motori di ricerca.
9.3 JSON-LD
JSON-LD (JavaScript Object Notation for Linked Data) è un metodo di codifica della microdata in formato JSON, che viene inserito
nel tag <script> nella pagina. Google raccomanda di utilizzare JSON-LD per i dati strutturati.
Esempio di utilizzo di JSON-LD
Organizzazione (Organization):
<body>
<h1>Nome della compagnia</h1>
<p>Descrizione della compagnia</p>
<div>Contatti</div>
</body>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Nome della compagnia",
"url": "https://example.com",
"logo": "https://example.com/logo.png",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+1-800-555-1212",
"contactType": "Servizio Clienti"
}
}
</script>
9.4 Microdata
Microdata è un formato di microdata incorporato in HTML. Gli attributi microdata vengono aggiunti direttamente agli
elementi HTML per collegarli a tipi e proprietà dal vocabolario Schema.org.
Esempio di utilizzo di Microdata
Evento (Event):
<body itemscope itemtype="https://schema.org/Event">
<h1 itemprop="name">Nome dell'evento</h1>
<p itemprop="startDate" content="2024-05-01T19:00">1 maggio 2024, 19:00</p>
<div itemprop="location" itemscope itemtype="https://schema.org/Place">
<span itemprop="name">Luogo dell'evento</span>
<div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
<span itemprop="streetAddress">Via, numero</span>
<span itemprop="addressLocality">Città</span>
<span itemprop="postalCode">Codice postale</span>
<span itemprop="addressCountry">Paese</span>
</div>
</div>
</body>
Vantaggi dell'uso della microdata:
- Rich snippet: i motori di ricerca possono visualizzare snippet estesi nei risultati di ricerca, aumentando il click-through rate.
- Comprensione migliorata del contenuto: i motori di ricerca comprendono meglio il contenuto, il che può migliorare la classifica della pagina.
- Supporto per la ricerca vocale: i dati strutturati possono migliorare i risultati della ricerca vocale.
- Integrazione con altri servizi: la microdata consente di integrare il contenuto con vari servizi, come Google Knowledge Graph e altri.
GO TO FULL VERSION