Eventi

Novità! schema.org ti permette di eseguire il markup di una gamma più ampia di tipi di elementi nelle tue pagine utilizzando un vocabolario che Google, Microsoft e Yahoo! sono tutti in grado di comprendere. Ulteriori informazioni. (Google supporta ancora il markup in relazione ai rich snippet).

Informazioni sugli eventi

Quando nel corpo di una pagina web vengono incluse delle informazioni sugli eventi tramite linguaggio di markup, Google può identificarle e potrebbe renderle disponibili nelle pagine dei risultati di ricerca e in altre proprietà Google. Informazioni quali il titolo, la data e il luogo di un evento possono aiutare gli utenti a decidere su quali pagine fare clic nei risultati di ricerca.

immagine di un rich snippet Google per una pagina che elenca più eventi

...oppure può elencare un singolo evento, come questa:

immagine di un rich snippet Google per una pagina che elenca un singolo evento

... oppure potrebbero essere combinate informazioni sul luogo e sull'evento:

immagine di un rich snippet Google per la combinazione di informazioni sul luogo e sull'evento

Linee guida sull'utilizzo

Il markup degli eventi può essere utilizzato per eseguire il markup di eventi che si terranno in date future specifiche, ad esempio un concerto musicale o un festival d'arte.

Le informazioni che sono visibili nello snippet, come il nome e la località dell'evento, devono essere inoltre chiaramente definite. Dal momento che questa funzione non è destinata a scopi pubblicitari, il nome dell'evento non deve contenere elementi promozionali come il prezzo dell'evento, un invito all'acquisto o l'indicazione di uno sconto temporaneo.

Esempi di nomi di evento validi:

  • Concerto sinfonico sulla baia
  • Festival musicale in spiaggia

Nomi di evento non validi:

  • Pacchetto di viaggio: San Diego/LA, 7 notti (non utilizzare il markup relativo ai rich snippet per promuovere prodotti o servizi che non riguardano eventi)
  • Festival musicale - solo 10 euro! (Esegui invece il markup dei prezzi dei biglietti utilizzando la proprietà tickets).
  • Sconto sui vestiti! (Informazioni che non riguardano un evento)
  • Concerto - acquista i tuoi biglietti ora! (Promozione)
  • Concerto - 50% di sconto fino a sabato! (Promozione)

Proprietà

Gli eventi possiedono proprietà, quali una descrizione, una data di inizio (che deve essere futura; Google non visualizza i rich snippet relativi a eventi trascorsi) e informazioni sulla località. Google riconosce le seguenti proprietà degli eventi (derivanti dal microformato hCalendar). Quando i nomi delle proprietà dei microdati/RDFa e dei microformati sono diversi, il nome della proprietà utilizzato dai microformati è visualizzato tra parentesi. Le proprietà in grassetto sono obbligatorie. Assicurati di consultare le nostre linee guida sull'utilizzo.

Proprietà Descrizione
summary Il nome dell'evento.
url Necessario per le pagine che elencano più eventi. Un link alla pagina con i dettagli dell'evento. Proprietà non necessaria se l'URL coincide con quello della pagina contenente il markup.
location Obbligatorio per un evento singolo. Il luogo o la sede dell'evento. È consentita una stringa di testo, ma consigliamo di rappresentare il luogo utilizzando un elemento Organization nidificato per specificare il nome e l'indirizzo di un luogo. Ulteriori informazioni sulle entità nidificate.
description Una descrizione dell'evento.
startDate (dtstart) La data e l'ora di inizio dell'evento nel formato di data ISO.
endDate (dtend) La data e l'ora di fine dell'evento nel formato di data ISO.
duration La durata dell'evento nel formato di durata ISO.
eventType (category) La categoria dell'evento, come "Festival", "Concert" (concerto), "Lecture" (conferenza).
geo Specifica le coordinate geografiche della località. Include due elementi: latitude e longitude. Facoltativo.
photo Un link a una foto o a un'immagine relativa all'evento.
tickets Un'offerta di acquisto di biglietti per l'evento. Può essere un URL che rimanda a una pagina in cui è possibile acquistare i biglietti oppure può contenere specifiche proprietà di offerta, come price, quantity, priceValidUntil e currency.
ticketAggregate Aggrega le informazioni su tutti i biglietti per l'evento. Può contenere specifiche proprietà di aggregazione di offerte, come lowPrice, highPrice, offerCount e currency.

Markup dei contenuti

HTML, nessun markup aggiunto

Il seguente codice HTML descrive il trionfante concerto per il ritorno della band Spinal Tap.

Per verificare la correttezza del markup e visualizzare in anteprima l'aspetto dei tuoi contenuti nei risultati di ricerca, utilizza lo strumento di test dei rich snippet. Se i rich snippet non vengono visualizzati per il tuo sito, scopri le possibili cause.

<div>
<a href="http://www.example.com/eventi/spinaltap">Spinal Tap</a>
<img src="spinal_tap.jpg" />

Dopo l'estenuante ricerca di un nuovo batterista,
gli Spinal Tap iniziano il tour della reunion con uno show a San
Francisco.

Quando: 15 ottobre, 19:00-21:00

Dove: Warfield Theatre, 982 Market St, San Francisco, CA

Categoria: Concerto
Biglietti a partire da $ 10-$ 11
2000 biglietti disponibili
<a href="http://www.example.com/events/spinaltap/alltickets">Visualizza tutti i biglietti disponibili</a>
<a href="http://www.example.com/events/spinaltap/presale">Biglietti in prevendita</a> $ 10 fino al 10 novembre 2015 (1000 disponibili)
<a href="http://www.example.com/events/spinaltap/tickets">Biglietti a prezzo intero</a> $ 11
</div>
Fai clic per visualizzare il markup del codice HTML con i microdati

Di seguito vengono presentati gli stessi contenuti HTML sottoposti a markup con i microdati.

<div itemscope itemtype="http://data-vocabulary.org/Event">
  ​<a href="http://www.example.com/eventi/spinaltap" itemprop="url" >
    <span itemprop="summary">Spinal Tap</span>
  </a>
   <img itemprop="photo" src="spinal_tap.jpg" />

  <span itemprop="description">Dopo l'estenuante ricerca di un nuovo batterista,
   gli Spinal Tap iniziano il tour della reunion con uno show a San
   Francisco.</span>

  Quando:
  <time itemprop="startDate" datetime="2015-10-15T19:00-08:00">15 ottobre, 19:00</time>—
  <time itemprop="endDate" datetime="2015-10-15T19:00-08:00">15 ottobre, 21:00</time>

  Dove:
  ​<span itemprop="location" itemscope itemtype="http://data-vocabulary.org/​Organization">
     ​<span itemprop="name">Warfield Theatre</span>
     ​<span itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">
         <span itemprop="street-address">982 Market St</span>, 
         <span itemprop="locality">San Francisco</span>, 
         <span itemprop="region">CA</span>
     </span>
     <span itemprop="geo" itemscope itemtype="http://data-vocabulary.org/​Geo">
        <meta itemprop="latitude" content="37.774929" />
        <meta itemprop="longitude" content="-122.419416" />
     </span>
  </span>

  Categoria: <span itemprop="eventType">Concerto</span>
  <span itemprop="ticketAggregate" itemscope itemtype="http://data-vocabulary.org/Offer-aggregate"> 
    Biglietti a partire da $ <span itemprop="lowPrice">10,00</span>-$ <span itemprop="highPrice">11,00</span>
    <span itemprop="currency" content="USD" /> 
    <span itemprop="offerCount">2000</span> biglietti disponibili
    <a href="http://www.example.com/events/spinaltap/alltickets" itemprop="offerurl">
      http://google.com/ticket</span>Visualizza tutti i biglietti disponibili</a>
  </span>
  <span itemprop="tickets" itemscope itemtype="http://data-vocabulary.org/Offer"> 
    <a href="http://www.example.com/events/spinaltap/presale" itemprop="offerurl">Biglietti in prevendita</a> 
    <span itemprop="price">$ 10</span><span itemprop="currency" content="USD" /> 
      fino al <time itemprop="priceValidUntil" datetime="2015-11-10">10 novembre 2015</time> 
      (<span itemprop="quantity">1000</span> disponibili)  
  </span> 
  <span itemprop="tickets" itemscope itemtype="http://data-vocabulary.org/Offer"> 
    <a href="http://www.example.com/events/spinaltap/tickets" itemprop="offerurl">Biglietti a prezzo intero</a> 
    <span itemprop="price">$ 11</span><span itemprop="currency" content="USD" /> 
  </span>
</div>

Ecco come funziona questo codice di esempio:

  • Nella prima riga, <itemscope itemtype="http://data-vocabulary.org/Event"> indica che il codice HTML racchiuso tra i tag <div> rappresenta un evento. itemscope indica che i contenuti dei tag <div> descrivono un elemento, mentre itemtype="http://data-vocabulary.org/Event" indica che l'elemento è un evento.
  • Il codice di esempio descrive le proprietà dell'evento, come categoria, nome e località. Per assegnare un'etichetta alle proprietà dell'evento, a ogni elemento contenente una di queste proprietà (come <div> o <span>) viene assegnato un attributo itemprop che indica una proprietà. Ad esempio span itemprop="summary".
  • Una proprietà può essere formata da un altro elemento (in altre parole, un elemento può includere altri elementi). Ad esempio, l'evento precedente include informazioni sull'organizzazione relative al posto, ovvero il Warwick Theatre (itemtype="http://data-vocabulary.org/Organization"), che a loro volta includono informazioni sull'indirizzo con le proprietà street-address, locality e region.
  • Per specificare date e orari in modo non ambiguo, utilizza l'elemento time con l'attributo datetime. Qui la proprietà startDate indica la data di inizio del concerto. Il valore nell'attributo datetime viene specificato utilizzando il formato di data ISO. L'impiego di questo formato consente di fornire ai motori di ricerca data e ora dettagliate e, facoltativamente, il fuso orario in formato ISO ("2015-10-15T19:00-08:00"), continuando a visualizzare la data nella pagina in un modo chiaro per gli utenti ("15 ottobre 2015, 19:00").
  • Il meta tag serve per specificare informazioni aggiuntive non visibili sulla pagina, in questo caso la longitudine e la latitudine del posto. In generale, Google non utilizzerà contenuti nascosti, ma le informazioni geografiche possono contribuire a garantire che una località sia correttamente mappata.

Come eseguire il markup degli eventi per una singola sede

Se nella pagina HTML vengono visualizzate informazioni sulla sede e viene poi riportato l'elenco di eventi, anziché ripetere la località della sede nel markup di ogni evento, puoi eseguire il markup della sede utilizzando una proprietà Organization, seguita da una serie di markup per ogni evento.

Nell'esempio seguente vengono mostrati i dati della proprietà Organization relativi al Warfield Theatre, nonché gli eventi che devono essere visualizzati in tale sede.

<div itemscope itemtype="http://data-vocabulary.org/Organization">
  <span itemprop="name">Warfield Theatre</span>,
  <span itemprop="address" itemscope 
    itemtype="http://data-vocabulary.org/Address">
    <span itemprop="street-address">982 Market St</span>,
    <span itemprop="locality">San Francisco</span>,
    <span itemprop="region">CA</span>
  </span>
  <span class="geo">
    <span class="latitude">
      <span class="value-title" title="37.774929" ></span>
    </span>
    <span class="longitude">
      <span class="value-title" title="-122.419416"></span>
    </span>
  </span>
  <span class="photo"> http://www.example.com/images/image.jpeg</span>
</div>

<div itemscope itemtype="http://data-vocabulary.org/Event">
  <a href="http://www.example.com/events/spinaltap" itemprop="url”> 
    <span itemprop=”summary">Spinal Tap</span>
  </a>
  <img itemprop="photo" src="spinal_tap.jpg" />
  Quando:
  <time itemprop="startDate" datetime="2015-10-15T19:00-08:00">    15 ottobre, 19:00</time>
</div>

<div itemscope itemtype="http://data-vocabulary.org/Event">
  <a href="http://www.example.com/events/u2" itemprop="url” summary">U2</a>
  <img itemprop="photo" src="u2.jpg" />

  Quando:
  <time itemprop="startDate" datetime="2015-10-16T19:00-08:00">
    16 ottobre, 19:00</time> 
</div>

Fai clic per visualizzare il markup del codice HTML con i microformati

Di seguito vengono presentati gli stessi contenuti HTML sottoposti a markup con il microformato hCalendar.

<div class="vevent">
   <a href="http://www.example.com/events/spinaltap" class="url summary">Spinal Tap</a>
   <img src="spinal_tap.jpg" class="photo" />

   <span class="description">Dopo l'estenuante ricerca di un
   nuovo batterista, gli Spinal Tap iniziano il tour della reunion
   con uno show a San Francisco.</span>

   Quando:
   <span class="dtstart">
      15 ottobre, 19:00<span class="value-title" title="2015-10-15T19:00-08:00"></span>
   </span>-
   <span class="dtend">
      21:00<span class="value-title" title="2015-10-15T21:00-08:00"></span>
   </span>

   Dove:
  ​<div class="location vcard">
      <span class="fn org">Warfield Theatre</span>,
      <span class="adr">
         <span class="street-address">982 Market St</span>,
         <span class="locality">San Francisco</span>,
         <span class="region">CA</span>
      </span>
      <span class="geo">
         <span class="latitude">
            <span class="value-title" title="37.774929" ></span>
         </span>
         <span class="longitude">
            <span class="value-title" title="-122.419416"></span>
         </span>
      </span>
   </div>

   Categoria: <span class="category">Concerto</span>

   <span class="ticketAggregate"> 
     <span class="hoffer-aggregate"> 
       Biglietti a partire da $ <span class="lowprice">10</span>-$ <span class="highprice">11</span>
       <span class="currency">USD</span> 
       <span class="offercount">2000 biglietti disponibili</span>
       <a href="http://www.example.com/events/spinaltap/alltickets" class="offerurl">Visualizza tutti i biglietti disponibili</a>
     </span>
   </span>
   <span class="tickets">
     <span class="hoffer">
       <a href="http://www.example.com/events/spinaltap/presale" class="offerurl">Biglietti in prevendita</a> 
         <span class="price">$ 10</span> fino al <span class="pricevaliduntil">10 novembre 2015</span>
        (<span class="quantity">1000</span> disponibili)
    </span>
   <span class="tickets">
     <span class="hoffer">
       <a href="http://www.example.com/events/spinaltap/tickets class=offerurl">Biglietti a prezzo intero</a> 
         <span class="price">$ 10</span> fino al <span class="pricevaliduntil">10 novembre 2015</span>
         <span class="quantity">1000</span> disponibili)
     </span>
   </span>

</div>

Ecco come funziona questo codice di esempio.

  • Nella prima riga, class="vevent" indica che il codice HTML racchiuso tra i tag <div> descrive un evento, in questo caso un'esperienza rock trascendentale.
  • La riga a href in alto contiene l'URL a una pagina dettagliata sull'evento e il titolo dell'evento, pertanto include entrambe le proprietà url e summary. Entrambe sono incluse negli stessi tag <a>.
  • Il codice di esempio descrive le proprietà dell'evento, come descrizione e categoria. Per assegnare un'etichetta alle proprietà di questo evento, a ogni elemento contenente una di queste proprietà (come <span>, <img> o <strong>) viene assegnato un attributo class.
  • In questo esempio, vogliamo includere informazioni dettagliate sulla località utilizzando un microformato hCard (per organizzazioni) nidificato in questo modo: <div class="location vcard"></div>. Puoi farlo inserendo location e vcard sulla stessa riga, separati da uno spazio. Ulteriori informazioni sulle entità nidificate.
  • Il codice contiene anche due esempi del value class pattern dei microformati. Tranne che in circostanze speciali (ad esempio durante il markup del migliore voto possibile per siti di recensioni che non utilizzano scale di voto da 1 a 5), Google non mostra all'utente i contenuti che non sono visibili. Tuttavia, l'esempio precedente presenta alcune eccezioni per le date e le informazioni geografiche. Per maggiori dettagli, leggi di seguito.

Contenuti non visibili

Può essere utile fornire ai motori di ricerca informazioni precise sulle date e sulle località, anche se non vuoi che queste siano visualizzabili dal lettore della tua pagina. Ad esempio, fornendo latitudine e longitudine di un luogo puoi aiutare Google a verificare che esso sia correttamente mappato; fornendo la data nel formato di data ISO puoi fare in modo che questa venga visualizzata correttamente nei risultati di ricerca.

Considera questo esempio:

<span class="dtstart">
   15 ottobre, 19:00<span class="value-title" title="2015-10-15T19:00-08:00"></span>
   </span>

Includendo le informazioni dettagliate sulla data nel blocco con l'etichetta class="dtstart", indichi che l'analizzatore sintattico di rich snippet deve utilizzare il valore nell'attributo title per trovare la data di inizio dell'evento. Questa data può essere rappresentata utilizzando il formato di data ISO (l'esempio precedente, 2015-10-15T19:00-08:00, specifica data, ora e fuso orario) senza influire sulla data leggibile dalle persone ("15 ottobre, 19:00") che viene mostrata agli utenti.

Nel linguaggio di markup HTML possono essere incluse anche le informazioni geografiche (latitudine e longitudine della località). In genere queste informazioni non sono visibili in una pagina web relativa a un evento, ma se le fornisci puoi aiutare a garantire che la località venga mappata con precisione. Ad esempio:

<span class="geo">
   <span class="latitude">
      <span class="value-title" title="44.0539"></span>
   </span>
   <span class="longitude">
      <span class="value-title" title="8.2171"></span>
   </span>
</span>

Come eseguire il markup degli eventi per una singola sede

Se nella pagina HTML vengono visualizzate informazioni sulla sede e viene poi riportato l'elenco di eventi, anziché ripetere la località della sede nel markup di ogni evento, puoi eseguire il markup della sede utilizzando una vcard, seguita da una serie di markup per ogni evento.

Nell'esempio seguente vengono mostrati i dati della vcard relativi al Warfield Theatre, nonché gli eventi che devono essere visualizzati nella vcard.

<div class="vcard">
  <span class="fn org">Warfield Theatre</span>,
  <span class="adr">
    <span class="street-address">982 Market St</span>,
    <span class="locality">San Francisco</span>,
    <span class="region">CA</span>
  </span>
  <span class="geo">
    <span class="latitude">
      <span class="value-title" title="37.774929" ></span>
    </span>
    <span class="longitude">
      <span class="value-title" title="-122.419416"></span>
    </span>
  </span>
  <span class="photo"> http://www.example.com/images/image.jpeg</span>
</div>

<div class="vevent">
  <a href="http://www.example.com/events/spinaltap" class="url summary">Spinal Tap</a>
  <img src="spinal_tap.jpg" class="photo" />
  Quando:
  <span class="dtstart">
    15 ottobre, 19:00<span class="value-title" title="2015-10-15T19:00-08:00"></span>
  </span>
</div>

<div class="vevent">
  <a href="http://www.example.com/events/u2" class="url summary">U2</a>
  <img src="u2.jpg" class="photo" />
  Quando:
  <span class="dtstart">
      16 ottobre, 19:00<span class="value-title" title="2015-10-16T19:00-08:00"></span>
  </span>
</div>
Fai clic per visualizzare il markup del codice HTML con RDFa

Di seguito viene presentato lo stesso codice HTML sottoposto a markup con RDFa:

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Event"> 
  <a href="http://www.example.com/events/spinaltap" rel="v:url" 
     property="v:summary">Spinal Tap</a> 
  <img src="spinal_tap.jpg" rel="v:photo" /> 
  <span property="v:description">Dopo l'estenuante ricerca di un nuovo batterista, 
  gli Spinal Tap iniziano il tour della reunion con uno show a San Francisco. </span>

  Quando:
  <span property="v:startDate" content="2015-10-15T19:00-08:00">15 ottobre, 19:00</span>—
  <span property="v:endDate" content="2015-10-15T21:00-08:00">21:00</span>

  Dove:
  <span rel="v:location">
    <span typeof="v:Organization">
      <span property="v:name">Warfield Theatre</span>,
      <span rel="v:address">
        <span typeof="v:Address">
         <span property="v:street-address">982 Market St</span>, 
          <span property="v:locality">San Francisco</span>, 
          <span property="v:region">CA</span>
        </span>
      </span>

      <span rel="v:geo">
        <span typeof="v:Geo">
         <span property="v:latitude" content="37.774929"></span>
          <span property="v:longitude" content="-122.419416"></span>
        </span>
      </span>
    </span>   
  </span>

  Categoria: <span property="v:eventType">Concerto</span>
  <span rel="v:ticketAggregate"> 
    <div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Offer-aggregate">
      Biglietti a partire da $ <span property="v:lowPrice">10</span>-$ <span property="v:highPrice">11</span>
      <span property="v:currency">USD</span> 
      <span property="v:offercount">2000</span> biglietti disponibili
      <a href="http://www.example.com/events/spinaltap/alltickets" property="v:offerurl">Visualizza tutti i biglietti disponibili</a>
    </div>
  </span>
   <span rel="v:tickets"> 
     <div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Offer"> 
      <a href="http://www.example.com/events/spinaltap/presale" property="v:offerurl">>Biglietti in prevendita</a>  
        <span property="v:price">$ 10 </span>  <span property="v:currency">USD </span> fino al 
        <span property="v:pricevaliduntil" content="2025-10-15T19:00+08:00">10 novembre 2015 </span> 
        (<span property="v:quantity">1000 </span> disponibili)
     </div>         
     <div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Offer"> 
       <a href="http://www.example.com/events/spinaltap/tickets" property="v:offerurl">Biglietti a prezzo intero</a>
         <span property="v:price">$ 11 </span> <span property="v:currency">USD </span> 
     </div>         
      
</div>

Ecco come funziona questo codice di esempio:

  • L'esempio inizia con una dichiarazione dello spazio dei nomi che utilizza xmlns. Ciò indica lo spazio dei nomi in cui è specificato il vocabolario (un elenco di entità e i relativi componenti). Puoi utilizzare la dichiarazione dello spazio dei nomi xmlns:v="http://rdf.data-vocabulary.org/# namespace" ogni volta che esegui il markup di pagine per dati di persone, recensioni, eventi o luoghi. Assicurati di utilizzare una barra finale e # (xmlns:v="http://rdf.data-vocabulary.org/#").
  • Sempre nella prima riga, typeof="v:Event" indica che i contenuti sottoposti a markup descrivono un evento.
  • A ogni proprietà dell'evento (come descrizione, tipo di evento e ora di inizio) viene assegnata un'etichetta utilizzando property. Il nome della proprietà è preceduto dal prefisso v: (<span property="v:description">).
  • Google non mostra all'utente informazioni che non sono visibili, con alcune eccezioni. È possibile includere informazioni geografiche (latitudine e longitudine del posto) con il linguaggio di markup HTML. In genere queste informazioni non sono visibili in una pagina web relativa a un evento, ma se le fornisci puoi aiutare a garantire che la località venga mappata con precisione. In questo esempio, <span typeof="v:Geo"> identifica le informazioni geografiche, mentre l'attributo content serve per specificare latitudine e longitudine.

Come eseguire il markup degli eventi per una singola sede

Se nella pagina HTML vengono visualizzate informazioni sulla sede e viene poi riportato l'elenco di eventi, anziché ripetere la località della sede nel markup di ogni evento, puoi eseguire il markup della sede utilizzando una proprietà Organization, seguita da una serie di markup per ogni evento.

Nell'esempio seguente vengono mostrati i dati della proprietà Organization relativi al Warfield Theatre, nonché gli eventi che devono essere visualizzati in tale sede.

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Organization">
  <span class="fn org">Warfield Theatre</span>,
  <span class="adr">
    <span class="street-address">982 Market St</span>,
    <span class="locality">San Francisco</span>,
    <span class="region">CA</span>
  </span>
  <span class="geo">
    <span class="latitude">
      <span class="value-title" title="37.774929" ></span>
    </span>
    <span class="longitude">
      <span class="value-title" title="-122.419416"></span>
    </span>
  </span>
  <span class="photo"> http://www.example.com/images/image.jpeg</span>
</div>

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Event"> 
  <a href="http://www.example.com/events/spinaltap" rel="v:url" 
     property="v:summary">Spinal Tap</a> 
  <img itemprop="photo" src="spinal_tap.jpg" />
  Quando:
  <span property="v:startDate" content="2015-10-15T19:00-08:00">
    15 ottobre, 19:00</span>
</div>

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Event"> 
  <a href="http://www.example.com/events/u2" rel="v:url" 
     property="v:summary">U2</a> 
  <img itemprop="photo" src="u2.jpg" />

  Quando:
  <span property="v:startDate" content="2015-10-16T19:00-08:00">
    16 ottobre, 19:00</span>
</div>