Rich snippet - Musica

Quando esegui il markup delle informazioni sulle canzoni nel corpo di una pagina web, Google è in grado di identificare tali informazioni e può utilizzarle quando gli utenti cercano album o canzoni, per visualizzare link a quelle canzoni o frammenti nello snippet dei risultati di ricerca. I link diretti a canzoni e video nei risultati di ricerca possono aiutare gli utenti a identificare meglio le pagine con contenuti musicali pertinenti e validi.

Snippet del risultato di ricerca di Google relativo a una pagina web su una band con inclusi link a brani specifici

Codice di markup

Il codice HTML riportato di seguito identifica un gruppo musicale ed elenca diverse loro canzoni.

<h1>La famiglia del pappagallo</h1>

<h2>Canzoni</h2>

Ciao mondo!
 Durata: 4:05 - 14.300 riproduzioni

<a href="parrot-family-helloworld-play.html">Riproduci</a>

<a href="parrot-family-helloworld-buy.html">Acquista</a>
dall'album: <a href="parrot-family-yellow-album.html">Album giallo</a>

Forza del pappagallo
 
 Durata: 6:33 - 11.700 riproduzioni

<a href="parrot-family-parrotpower-play.html">Riproduci</a>

<a href="parrot-family-parrotpower-buy.html">Acquista</a>
dall'album: <a href="parrot-family-yellow-album.html">Album giallo</a>

Di seguito sono riportati gli stessi contenuti su cui è stato eseguito il markup con il formato microdati e il vocabolario schema.org di MusicRecording:

<div itemscope itemtype="http://schema.org/MusicGroup">
  <h1 itemprop="name">La famiglia del pappagallo</h1>
  <h2>Canzoni</h2>
    <div itemprop="tracks" itemscope itemtype="http://schema.org/MusicRecording">
      <span itemprop="name">Ciao, mondo!</span>
      Durata: <meta itemprop="duration" content="PT4M5S" />4:05 -
      14300 riproduzioni
      <meta itemprop="interactionCount" content="UserPlays:14300"/>
      <a href="parrot-family-helloworld-play.html" itemprop="audio">Riproduci</a>
  
      <a href="parrot-family-helloworld-buy.html" itemprop="offers">Acquista</a>
  
      dall'album: <a href="parrot-family-yellow-album.html" itemprop="inAlbum">Album giallo</a>

    </div>   
  <a href="parrot-family-helloworld-link.html" itemprop="url">Link</a>
  <div itemscope itemtype="http://schema.org/MusicRecording">
    <span itemprop="name">Forza del pappagallo</span>
  
    Durata: <meta itemprop="duration" content="PT6M33S" />6:33 -
    11700 riproduzioni
    <meta itemprop="interactionCount" content="UserPlays:11700"/>
    <a href="parrot-family-parrotpower-link.html" itemprop="url">Link</a>
    <a href="parrot-family-parrotpower-play.html" itemprop="audio">Riproduci</a>
    <a href="parrot-family-parrotpower-buy.html" itemprop="offers">Acquista</a>
  
    dall'album: <a href="parrot-family-yellow-album.html"
    
      itemprop="inAlbum">Album giallo</a>

  </div>
</div>

Di seguito è spiegato il funzionamento di questo esempio.

  • Ogni canzone elencata è racchiusa in un tag <div> come il seguente: <div itemscope itemtype="http://schema.org/MusicRecording">. itemscope indica che l'HTML racchiuso nel tag <div> è un elemento, mentre itemtype="http://schema.org/MusicRecording" indica che l'elemento è una registrazione musicale (canzone).
  • Ogni tag <div> descrive le proprietà della registrazione musicale, come il nome e la durata. Per assegnare un'etichetta alle proprietà della canzone, a ogni elemento contenente una di queste proprietà (come <div> o <span>) viene assegnato un attributo itemprop. Ad esempio, <span itemprop="name">Forza del pappagallo</span>.
  • La proprietà della durata di una canzone deve corrispondere alla durata riproducibile nella pagina. Ad esempio, se l'utente può riprodurre nella pagina solo un'anteprima di 30 secondi di una canzone, la proprietà della durata di tale canzone deve indicare 30 secondi (<meta itemprop="duration" content="PT30S">) e non l'intera durata della canzone.
  • Ogni canzone ha un link ''Riproduci'' all'URL in cui la canzone può essere riprodotta. itemprop="audio" indica che il link porta a una registrazione audio della canzone. Analogamente, itemprop="offers" indica che l'URL porta a una pagina in cui l'utente può acquistare la canzone.

In genere Google non visualizza contenuti che non sono visibili agli utenti. In altre parole, in genere non dovresti mostrare i contenuti agli utenti in un modo e utilizzare il testo nascosto per eseguire il markup delle informazioni separatamente per i motori di ricerca e per le applicazioni web. Tuttavia, in alcune situazioni può essere utile fornire ai motori di ricerca informazioni più dettagliate, anche se non desideri che vengano visualizzate per i visitatori della tua pagina. In questo caso, puoi utilizzare il tag meta per visualizzare tali informazioni, come segue:

<meta itemprop="duration" content="PT6M33S" />

Questo tag fa capire all'analizzatore sintattico dei rich snippet che deve utilizzare il valore dell'attributo ''content'' per trovare la durata della canzone.

Per l'elenco completo delle proprietà di MusicRecording, consulta la gerarchia dei tipi di schema.org.

Dopo avere eseguito il markup dei contenuti del sito, puoi testarli utilizzando lo strumento di test dei dati strutturati. Google troverà i contenuti alla successiva scansione del tuo sito (anche se potrebbe essere necessario del tempo per la visualizzazione dei rich snippet nei risultati di ricerca). Se i rich snippet non vengono visualizzati per il tuo sito, scopri le possibili cause.

Puoi anche informarci in merito ai tuoi contenuti. Google non è in grado di rispondere ai singoli messaggi, ma potrebbe utilizzare le informazioni da te fornite per migliorare il rilevamento e la visualizzazione delle informazioni nei risultati di ricerca.