Questa pagina è parte della guida
Come creare un sito da zero
Cosa sono i dati strutturati e a cosa servono
I Dati strutturati sono dati che vengono implementati nel codice di una pagina web utilizzando una particolare sintassi.
Servono per dare a Google principalmente, ma anche agli altri motori di ricerca, informazioni riguardo al contenuto della pagina stessa e sui dati che desideriamo far apparire nei risultati.
I dati strutturati possono essere inseriti nel body della pagina come tag html, oppure nella zona head come metadati, o script JSON-LD.
Chiaramente, se inseriti nella zona body, definiranno informazioni presenti nel contenuto visibile della pagina. Se inseriti nella zona head, invece, definiranno informazioni riservate a motori di ricerca, social ecc.
Breadcrumbs
Per esempio, ci sono i dati strutturati per le breadcrumbs (briciole di pane), che mostrano il percorso di navigazione della pagina e che si vedono spesso nella parte alta della pagina stessa (le potete vedere anche nelle pagine di questo sito).
Esempio di breadcrumbs con dati strutturati:
<div class="breadcrumbs">
<span itemscope itemtype="https://schema.org/BreadcrumbList">
<span itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a href="
/index" itemprop="url">
<meta itemprop="position" content="
1" />
<span itemprop="name">
Home</span>
</a> -»
</span>
<span itemscope itemtype="https://schema.org/BreadcrumbList">
<span itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a href="
/path-pagina-principale" itemprop="url">
<meta itemprop="position" content="
2" />
<span itemprop="name">
Titolo-pagina-principale</span>
</a> -»
</span>
</span>
<span itemscope itemtype="https://schema.org/BreadcrumbList">
<span itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<meta itemprop="position" content="
3" />
<span itemprop="name">
Titolo-pagina-attuale</span>
</span>
</span>
</span>
</div>
I dati strutturati possono evidenziare varie informazioni. Supponiamo, per esempio, di volerli implementare in una pagina che contiene una ricetta.
In questo caso, i dati strutturati dovranno indicare gli ingredienti e il percorso dell'immagine che apparirà nei risultati di ricerca.
Recipe
I dai strutturati per una ricetta si implementano in questo modo:
<div itemscope itemtype="http://schema.org/Recipe">
<h1 itemprop="name">
Titolo ricetta</h1><br>
<img itemprop="image" src="
URLimmagine" alt="" title=""><br>
<span itemprop="description">Descrizione</span><br>
<span ><strong>Ingredienti:</strong></span><br>
- <span itemprop="recipeIngredient">
Ingrediente1</span><br>
- <span itemprop="recipeIngredient">
Ingrediente2</span><br>
- <span itemprop="recipeIngredient">
Ingrediente3</span><br>
- <span itemprop="recipeIngredient">
Ingrediente4</span>
</div>
Ora vedete i dati tutti insieme, ma non è necessario che siano scritti di seguito uno all'altro.
Possono essere posti in mezzo al contenuto della pagina, inframmezzati ad esso, purchè tutti racchiusi nel loro tag principale (<div itemscope itemtype="http://schema.org/Recipe">....</div>) e ognuno racchiuso nel suo tag specifico (<span itemprop="....">.....</span>)
Più semplice, forse e ordinato inserirli nella zona head sotto forma di script json.
Se volete, potete scaricare gli script di esempio completi per:
Download
Altro
Qui trovate gli esempi offerti da Google stesso:
Google Search Central - Article
Potete creare facilmente i vostri dati strutturati di base anche grazie ai tool online come questo:
Microdata Generator
Infine, Google offre la scelta di diversi tipi di dati secondo le varie esigenze:
Explore the search gallery
Una volta inseriti i dati nella pagina del vostro sito, dovrete effettuare il test per verificarne la correttezza, andando qui:
Test dei risultati multimediali
Nella sezione "Strumenti per i webmaster" puoi trovare moltissime soluzioni e risorse da scaricare.
Aiuta il sito! Condividi questa pagina su: