Événements

Nouveau ! Avec schema.org, vous pouvez inclure une plus grande diversité d'éléments sur vos pages, à l'aide d'un vocabulaire employé à la fois par Google, Microsoft et Yahoo! . En savoir plus. Notez que Google accepte toujours vos extraits enrichis balisés existants.

À propos des informations relatives aux événements

Lorsque des informations relatives aux événements sont balisées dans le corps d'une page Web, Google est capable de les identifier et de les proposer dans les pages de résultats de recherche et sur les autres sites Google. Des informations telles que le titre, la date et le lieu d'un événement peuvent inciter les internautes à cliquer sur une page donnée dans les résultats de recherche.

image représentant un extrait enrichi Google pour une page répertoriant plusieurs événements

Elle peut également n'inclure qu'un seul événement, comme suit :

image représentant un extrait enrichi Google pour une page répertoriant un seul événement

… ou il peut indiquer à la fois les informations sur l'événement et sur le lieu :

Image représentant un extrait enrichi Google indiquant à la fois les informations sur l'événement et sur le lieu

Consignes d'utilisation

Le balisage d'événement peut servir à baliser des événements prévus à une date précise, par exemple un concert ou un festival artistique.

Les informations visibles dans l'extrait, par exemple le nom et le lieu de l'événement, doivent également être clairement définies. Cette fonctionnalité n'étant pas destinée à un usage publicitaire, le nom de l'événement ne doit pas contenir d'éléments promotionnels (tarif, numéro de téléphone de réservation, annonce de promotion ou de remise temporaire, etc.).

Exemples de noms d'événement valides :

  • Concert de la baie des Ducs
  • Festival musical de Saint-Jean

Noms d'événement non valides :

  • Voyage tout compris : San Diego/Los Angeles, 7 nuits (n'utilisez pas le balisage des extraits enrichis pour faire la promotion de produits ou de services sans lien avec l'événement)
  • Festival musical – 10 € seulement ! (À la place, indiquez les prix des billets à l'aide de la propriété tickets.)
  • Promotions sur les robes ! (information sans lien avec l'événement)
  • Concert – Achetez vos billets dès maintenant ! (promotion)
  • Concert – 50 % de réduction jusqu'à samedi ! (promotion)

Propriétés

Les événements possèdent des propriétés, telles qu'une description, une date de début (qui doit être située dans le futur, car Google n'affiche pas les extraits enrichis des événements s'étant déjà produit), ainsi que des informations géographiques. Google reconnaît les propriétés d'événements suivantes, qui sont issues du microformat hCalendar. Remarque : lorsque les noms de propriété des formats microdonnées, RDFa et microformats sont différents, le nom de propriété microformats apparaît entre parenthèses. Les propriétés indiquées en gras sont obligatoires. Veillez à suivre nos Consignes d'utilisation.

Propriété Description
summary Nom de l'événement
url Obligatoire pour les pages répertoriant plusieurs événements. Lien vers la page de détails sur l'événement. Inutile si l'URL est identique à celle de la page contenant le balisage.
location Obligatoire pour un événement unique. Lieu où se tiendra l'événement. Vous pouvez utiliser une chaîne de caractères, mais nous vous recommandons d'utiliser des informations imbriquées concernant une organisation pour spécifier un lieu et une adresse. En savoir plus sur les entités imbriquées
description Description de l'événement
startDate (dtstart) Date et heure de début de l'événement au format de date ISO
endDate (dtend) Date et heure de fin de l'événement au format de date ISO
duration Durée de l'événement au format de durée ISO
eventType (category) Catégorie de l'événement ("Festival", "Concert" ou "Conférence", par exemple)
geo Indique les coordonnées géographiques du lieu. Inclut deux éléments : latitude et longitude. Facultative.
photo Lien vers une photo ou une image en rapport avec l'événement
tickets Offre pour acheter des places pour l'événement. Il peut s'agir de l'URL d'une page sur laquelle sont vendues les places pour l'événement. Des propriétés spécifiques de type Offer, comme price, quantity, priceValidUntil et currency, peuvent également être incluses.
ticketAggregate Informations relatives à l'ensemble des places pour l'événement. Des propriétés spécifiques de type Offer-aggregate, comme lowPrice, highPrice, offerCount et currency peuvent être incluses.

Balisage du contenu

HTML, aucun balisage ajouté

Le code HTML suivant décrit le concert des Aristomobiles qui reviennent en force sur la scène française.

Pour vérifier que votre balisage est correct et prévisualiser votre contenu dans les résultats de recherche, utilisez l'outil de test des extraits enrichis. Découvrez pourquoi les extraits enrichis n'apparaissent pas pour votre site.

<div>
   <a href="http://www.example.com/événements/lesaristomobiles">Les Aristomobiles</a>
<img src="les_aristomobiles.jpg" />

Après leur recherche très médiatique d'un nouveau batteur, les Aristomobiles reviennent pour vous faire découvrir leurs nouveaux tubes à Biarritz.

Date : 15 octobre, 19 h - 21 h

Adresse : Théâtre du Versant, 11 rue Pelletier, Biarritz, Pyrénées-Atlantiques

Catégorie : Concert
À partir de 10 - 11 €
2 000 places disponibles
<a href="http://www.example.com/événements/lesaristomobiles/touteslesplaces">Afficher toutes les places disponibles</a>
<a href="http://www.example.com/événements/lesaristomobiles/prévente">Places en prévente</a> 10 € jusqu'au 10 novembre 2015 (1 000 places disponibles)
<a href="http://www.example.com/événements/lesaristomobiles/places">Places plein tarif</a> 11 €
</div>
Cliquez ici pour afficher le code HTML balisé à l'aide de microdonnées

Vous trouverez ci-dessous le même contenu HTML avec des balises de type "microdonnées".

<div itemscope itemtype="http://data-vocabulary.org/Event">
  ​<a href="http://www.example.com/événements/lesaristomobiles" itemprop="url" >
    <span itemprop="summary">Les Aristomobiles</span>
  </a>
   <img itemprop="photo" src="les_aristomobiles.jpg" />
  <span itemprop="description">Après cinq longues années de séparation,
   les Aristomobiles reviennent pour vous faire découvrir leurs nouveaux tubes à
   Biarritz.</span>
   Date : 
   <time itemprop="startDate" datetime="2015-10-15T19:00-08:00">15 octobre, 19 h</time> - 
  <time itemprop="endDate" datetime="2015-10-15T19:00-08:00">15 octobre 21 h</time>

  Adresse : 
   <span itemprop="location" itemscope itemtype="http://data-vocabulary.org/​Organization">
     ​<span itemprop="name">Théâtre du Versant</span>
     ​<span itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">
         <span itemprop="street-address">11 rue Pelletier</span>, 
         <span itemprop="locality">Biarritz</span>, 
         <span itemprop="region">Pyrénées-Atlantiques</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>
   Catégorie : <span itemprop="eventType">Concert</span>
  <span itemprop="ticketAggregate" itemscope itemtype="http://data-vocabulary.org/Offer-aggregate"> 
    À partir de <span itemprop="lowPrice">10.00 €</span>- <span itemprop="highPrice">11.00 €</span>
    <span itemprop="currency" content="EUR" /> 
    <span itemprop="offerCount">2 000</span> places disponibles
    <a href="http://www.example.com/événements/lesaristomobiles/touteslesplaces" itemprop="offerurl">
      http://google.com/ticket</span>Afficher toutes les places disponibles</a>
  </span>
   <span itemprop="tickets" itemscope itemtype="http://data-vocabulary.org/Offer"> 
    <a href="http://www.example.com/événements/lesaristomobiles/prévente" itemprop="offerurl">Places en prévente</a> 
    <span itemprop="price">10 €</span><span itemprop="currency" content="EUR" /> 
      till <time itemprop="priceValidUntil" datetime="2015-11-10">10 novembre 2015</time> 
      (<span itemprop="quantity">1 000</span> places disponibles)  
  </span> 
  <span itemprop="tickets" itemscope itemtype="http://data-vocabulary.org/Offer"> 
    <a href="http://www.example.com/événements/lesaristomobiles/places" itemprop="offerurl">Places plein tarif</a> 
    <span itemprop="price">11 €</span><span itemprop="currency" content="EUR" /> 
  </span>
</div>

Description de l'exemple

  • Sur la première ligne, <itemscope itemtype="http://data-vocabulary.org/Event"> indique que le code HTML inclus dans la balise <div> représente un événement. itemscope indique que le contenu de la balise <div> décrit un élément et itemtype="http://data-vocabulary.org/Event" indique que cet élément est un événement.
  • L'exemple décrit les propriétés de l'événement, telles que sa catégorie, son nom et son adresse. Pour associer des libellés aux propriétés d'un événement, chaque élément contenant l'une de ces propriétés (<div> ou <span>) comporte un attribut itemprop indiquant une propriété. Par exemple, span itemprop="summary".
  • Une propriété peut être composée d'un autre élément (autrement dit, un élément peut en contenir d'autres). Par exemple, l'événement ci-dessus contient des informations sur le lieu qui l'accueillera : le Théâtre du Versant (itemtype="http://data-vocabulary.org/Organization"), lequel contient d'autres informations relatives à l'adresse, avec les propriétés street-address, locality et region.
  • Pour spécifier des dates et des heures précises, utilisez l'élément time avec l'attribut datetime. Ici, la propriété startDate indique la date de début du concert. La valeur de l'attribut datetime est spécifiée à l'aide du format de date ISO. Ce format permet de fournir aux moteurs de recherche des informations détaillées au format ISO concernant la date, l'heure et éventuellement le fuseau horaire ("2015-10-15T19:00-08:00"), tout en affichant la date sur votre page de manière intelligible pour les visiteurs ("15 octobre 2015, 19 h").
  • La balise meta sert à spécifier des informations supplémentaires qui ne seront pas visibles sur la page (dans cet exemple, la longitude et la latitude du lieu où se tiendra l'événement). Généralement, Google n'utilise pas de contenu masqué. Cependant, les informations géographiques peuvent aider à situer correctement un lieu sur un plan.

Comment baliser les événements se déroulant dans un même lieu ?

Si votre page HTML propose des informations sur un lieu, puis répertorie les événements s'y déroulant, vous n'avez pas besoin d'indiquer le lieu pour chaque événement. Il vous suffit de baliser le lieu en tant qu'organisation, puis d'insérer à la suite les balises correspondant à chacun des événements.

L'exemple suivant présente des données de type "organisation" pour le Théâtre du Versant, ainsi que les événements qui doivent s'y dérouler.

<div itemscope itemtype="http://data-vocabulary.org/Organization">
  <span itemprop="name">Théâtre du Versant</span>,
  <span itemprop="address" itemscope 
    itemtype="http://data-vocabulary.org/Address">
    <span itemprop="street-address">11 rue Pelletier</span>,
    <span itemprop="locality">Biarritz</span>,
    <span itemprop="region">Pyrénées-Atlantiques</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/événements/lesaristomobiles" itemprop="url”> 
    <span itemprop=”summary">Les Aristomobiles</span>
  </a>
  <img itemprop="photo" src="les_aristomobiles.jpg" />
  Date :
  <time itemprop="startDate" datetime="2015-10-15T19:00-08:00">
    15 octobre, 19 h</time>
</div>

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

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

Cliquez ici pour afficher le code HTML balisé à l'aide de microformats

Vous trouverez ci-dessous le même contenu HTML balisé à l'aide du microformat hCalendar.

<div class="vevent">
   <a href="http://www.example.com/événements/lesaristomobiles" class="url summary">Les Aristomobiles</a>
   <img src="les_aristomobiles.jpg" class="photo" />
   <span class="description">Après cinq longues années de séparation,
   les Aristomobiles reviennent pour vous faire découvrir leurs nouveaux tubes
   à Biarritz.</span>
   Date : 
   <span class="dtstart">
      15 octobre, 19 h<span class="value-title" title="2015-10-15T19:00-08:00"></span>
   </span>-
   <span class="dtend">
      21 h<span class="value-title" title="2015-10-15T21:00-08:00"></span>
   </span>
   Adresse : 
   <div class="location vcard">
      <span class="fn org">Théâtre du Versant</span>,
      <span class="adr">
         <span class="street-address">11 rue Pelletier</span>, 
         <span class="locality">Biarritz</span>, <span class="region">Pyrénées-Atlantiques</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>  
Catégorie : <span class="category">Concert</span>

   <span class="ticketAggregate"> 
     <span class="hoffer-aggregate"> 
       À partir de <span class="lowprice">10</span> – <span class="highprice">11</span> €
       <span class="currency">EUR</span> 
       <span class="offercount">2 000 places disponibles</span>
       <a href="http://www.example.com/événements/lesaristomobiles/touteslesplaces" class="offerurl">Afficher toutes les places disponibles</a>
     </span>
   </span>
   <span class="tickets">
     <span class="hoffer">
       <a href="http://www.example.com/événements/lesaristomobiles/prévente" class="offerurl">Places en prévente</a> 
         <span class="price">10 €</span> jusqu'au <span class="pricevaliduntil">10 novembre 2015</span>
        (<span class="quantity">1 000</span> places disponibles)
    </span>
   <span class="tickets">
     <span class="hoffer">
       <a href="http://www.example.com/événements/lesaristomobiles/places class=offerurl">Places plein tarif</a> 
         <span class="price">10 €</span> jusqu'au <span class="pricevaliduntil">10 novembre 2015</span> 
         <span class="quantity">1 000</span> places disponibles)
     </span>
   </span>

</div>

Description de l'exemple

  • Sur la première ligne, class="vevent" indique que le code HTML inclus dans la balise <div> décrit un événement. Dans cet exemple, il s'agit d'un concert de rock.
  • La ligne a href contient l'URL d'une page détaillée présentant l'événement et le titre de celui-ci. Cette ligne inclut donc les propriétés url et summary. Chaque propriété est incluse dans la même balise <a>.
  • L'exemple décrit les propriétés de l'événement, telles que sa description et sa catégorie. Pour associer des libellés aux propriétés du produit, chaque élément contenant l'une de ces propriétés (telles que <span>, <img> ou <strong>) comporte un attribut class.
  • Dans le cas présent, nous souhaitons inclure des informations géographiques détaillées en utilisant le microformat hCard (organisation) imbriqué, comme dans l'exemple suivant : <div class="location vcard"></div>. Pour ce faire, il vous suffit de mettre location et vcard sur la même ligne, en les séparant par une espace. En savoir plus sur les entités imbriquées
  • Cet exemple contient également deux exemples de modèles de classe "value" des microformats. Sauf cas exceptionnel (par exemple, dans le cas du balisage de la meilleure note possible sur les sites d'évaluation n'utilisant pas une échelle de notation à 5 points), Google n'affiche pas le contenu masqué. Toutefois, l'exemple ci-dessus montre certaines exceptions pour les dates et les informations géographiques. Voir ci-dessous pour en savoir plus.

Contenu masqué

Il peut s'avérer utile de fournir des informations géographiques et des dates précises aux moteurs de recherche, même si vous ne souhaitez pas que celles-ci apparaissent sur votre page. Par·exemple,·si·vous·indiquez·la·latitude·et·la·longitude·d'un·lieu,·vous permettez à Google de le situer correctement sur le plan.·De même, si vous fournissez la date au format de date ISO, Google pourra afficher ces données sans erreur dans les résultats de recherche.

Considérez l'exemple suivant :

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

Si vous ajoutez les informations de date dans le bloc libellé class="dtstart", vous indiquez que l'analyseur d'extraits enrichis doit utiliser la valeur de l'attribut title pour obtenir la date de début de l'événement. Cette date peut être représentée en utilisant le format de date ISO sans modifier la date indiquée aux utilisateurs ("15 octobre, 19 h"). Dans l'exemple ci-dessus, 2015-10-15T19:00-08:00 indique la date, l'heure et le fuseau horaire.

Vous pouvez également inclure les informations géographiques (latitude et longitude du lieu) dans le balisage HTML. Généralement, ces informations ne sont pas visibles sur la page Web d'un événement. En revanche, le fait d'indiquer ces informations vous permet de vous assurer que le lieu est correctement situé sur le plan. Exemple :

<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>

Comment baliser les événements se déroulant dans un même lieu

Si votre page HTML propose des informations sur un lieu, puis répertorie les événements s'y déroulant, vous n'avez pas besoin d'indiquer le lieu pour chaque événement. Il vous suffit de baliser le lieu à l'aide d'un balisage vcard, puis d'insérer à la suite les balises correspondant à chacun des événements.

L'exemple suivant présente des données vcard pour le Théâtre du Versant, ainsi que les événements qui doivent s'y dérouler.

<div class="vcard">
  <span class="fn org">Théâtre du Versant</span>,
  <span class="adr">
    <span class="street-address">11 rue Pelletier</span>, 
    <span class="locality">Biarritz</span>,
    <span class="region">Pyrénées-Atlantiques</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/événements/lesaristomobiles" class="url summary">Les Aristomobiles</a>
  <img src="les_aristomobiles.jpg" class="photo" />
  Date :
  <span class="dtstart">
    15 octobre, 19 h<span class="value-title" title="2015-10-15T19:00-08:00"></span>
  </span>
</div>

<div class="vevent">
  <a href="http://www.example.com/événements/u2" class="url summary">U2</a>
  <img src="u2.jpg" class="photo" />
  Date :
  <span class="dtstart">
    16 octobre, 19 h<span class="value-title" title="2015-10-16T19:00-08:00"></span>
  </span>
</div>
Cliquez ici pour afficher le code HTML balisé au format RDFa

Vous trouverez ci-dessous le même contenu HTML balisé au format RDFa :

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Event"> 
  <a href="http://www.example.com/événements/lesaristomobiles" rel="v:url" 
     property="v:summary">Les Aristomobiles</a> 
  <img src="les_aristomobiles.jpg" rel="v:photo" /> 
  <span property="v:description">Après cinq longues années de séparation, 
  les Aristomobiles reviennent pour vous faire découvrir leurs nouveaux tubes à Biarritz. </span>

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

  Adresse : 
   <span rel="v:location">
    <span typeof="v:Organization">
      <span property="v:name">Théâtre du Versant</span>,
      <span rel="v:address">
      <span typeof="v:Address">
         <span property="v:street-address">11 rue Pelletier</span>, 
          <span property="v:locality">Biarritz</span>, 
          <span property="v:region">Pyrénées-Atlantiques</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>

  Catégorie : <span property="v:eventType">Concert</span>
  <span rel="v:ticketAggregate"> 
    <div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Offer-aggregate">
      À partir de <span property="v:lowPrice">10</span> – <span property="v:highPrice">11</span> €
      <span property="v:currency">EUR</span> 
      <span property="v:offercount">2 000</span> places disponibles
      <a href="http://www.example.com/événements/lesaristomobiles/touteslesplaces" property="v:offerurl">Afficher toutes les places disponibles</a>
    </div>
  </span>
   <span rel="v:tickets"> 
     <div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Offer"> 
      <a href="http://www.example.com/événements/lesaristomobiles/prévente" property="v:offerurl">>Places en prévente</a>  
        <span property="v:price">10 € </span>  <span property="v:currency">EUR </span> jusqu'au 
        <span property="v:pricevaliduntil" content="2015-10-15T19:00+08:00">10 novembre 2015 </span> 
        (<span property="v:quantity">1 000 </span> places disponibles)
     </div>         
     <div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Offer"> 
      <a href="http://www.example.com/événements/aristomobiles/places" property="v:offerurl">Places plein tarif</a>
         <span property="v:price">11 € </span> <span property="v:currency">EUR </span> 
     </div>         
      
</div>

Description de l'exemple

  • L'exemple commence par une déclaration de l'espace de noms avec le code xmlns. Cette déclaration indique l'espace de noms dans lequel le vocabulaire (liste d'entités constituées de composants) est spécifié. Vous pouvez utiliser la déclaration xmlns:v="http://rdf.data-vocabulary.org/# namespace" à chaque fois que vous balisez des pages relatives à des personnes, des avis, des événements ou des lieux. Veillez à utiliser une barre oblique suivie du signe # : xmlns:v="http://rdf.data-vocabulary.org/#".
  • typeof="v:Event", également présent sur la première ligne, indique que le contenu balisé décrit un événement.
  • Chaque propriété de l'événement (la description, le type et l'heure de début, par exemple) est associée à un libellé property. Le nom de la propriété est précédé du préfixe v: <span property="v:description">).
  • Google n'affiche pas les informations qui ne sont pas visibles pour les utilisateurs, à quelques exceptions près. Vous avez la possibilité d'inclure des informations géographiques (latitude et longitude d'un lieu) à l'aide de balises HTML. Généralement, ces informations ne sont pas visibles sur la page Web d'un événement. En revanche, le fait d'indiquer ces informations vous permet de vous assurer que le lieu est correctement situé sur le plan. Dans cet exemple, <span typeof="v:Geo"> permet d'identifier les informations géographiques, et l'attribut content est utilisé pour spécifier la latitude et la longitude.

Comment baliser les événements se déroulant dans un même lieu ?

Si votre page HTML propose des informations sur un lieu, puis répertorie les événements s'y déroulant, vous n'avez pas besoin d'indiquer le lieu pour chaque événement. Il vous suffit de baliser le lieu en tant qu'organisation, puis d'insérer à la suite les balises correspondant à chacun des événements.

L'exemple suivant présente des données de type "organisation" pour le Théâtre du Versant, ainsi que les événements qui doivent s'y dérouler.

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Organization">
  <span class="fn org">Théâtre du Versant</span>,
  <span class="adr">
    <span class="street-address">11 rue Pelletier</span>, 
    <span class="locality">Biarritz</span>,
    <span class="region">Pyrénées-Atlantiques</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/événements/lesaristomobiles" rel="v:url" 
     property="v:summary">Les Aristomobiles</a> 
  <img itemprop="photo" src="les_aristomobiles.jpg" />
  Date :
<span property="v:startDate" content="2015-10-15T19:00-08:00">
    15 octobre, 19 h</span>
</div>

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

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