I dati strutturati

Visita anche Risorse per i webmaster
archivio di risorse per la creazione di pagine web
Sommario:
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> -&raquo;
      </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> -&raquo;
         </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.

Continua con
Leggi tutto