À 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.
Extraits enrichis : événements Un résultat peut contenir plusieurs événements, comme le montre cette image :
Elle peut également n'inclure qu'un seul événement, comme suit :
… ou il peut indiquer à 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.
<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>
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.itemscopeindique que le contenu de la balise<div>décrit un élément etitemtype="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 attributitempropindiquant 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ésstreet-address,localityetregion. - Pour spécifier des dates et des heures précises, utilisez l'élément
timeavec l'attributdatetime. Ici, la propriétéstartDateindique la date de début du concert. La valeur de l'attributdatetimeest 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
metasert à 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>
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 hrefcontient 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ésurletsummary. 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 attributclass. - 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 mettrelocationetvcardsur 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>
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éclarationxmlns: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'attributcontentest 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>
