Image de l'article Exemple de données structurées pour un événement

Exemple de données structurées pour un événement

Le nom de l'événement


<article itemtype="http://schema.org/Event" itemscope="itemscope">
	<h2 itemprop="name">Stage de récupération de points à Francfort</h2>
</article>

Note : si vous collez ce code dans Structured Data Testing Tool, vous verrez 4 erreurs et 1 avertissement.

Le début de l'événement


<article itemtype="http://schema.org/Event" itemscope="itemscope">
	<p>Vendredi <time datetime="2016-02-19T08:00:00+0100" itemprop="startDate">19/02/2016</time></p>
</article>

Il n'est pas obligatoire d'utiliser une balise <time>, mais elle vous permet d'utiliser l'attribut datetime. Il faut définir cet attribut avec une date au format ISO 8601.

Définir le tarif (une offre)

Pour définir un tarif il faut utiliser le schéma Offer.


<article itemtype="http://schema.org/Event" itemscope="itemscope">
	<div itemtype="http://schema.org/Offer" itemscope="itemScope" itemprop="offers">
		<p>Tarif : <span content="170,00" itemprop="price">170,00</span> <span content="EUR" itemprop="priceCurrency">€</span></p>
	</div>
</article>

Définir les places disponibles, le stock


<article itemtype="http://schema.org/Event" itemscope="itemscope">
	<div itemtype="http://schema.org/Offer" itemscope="itemScope" itemprop="offers">
		<p><meta itemprop="availability" content="http://schema.org/LimitedAvailability"/>12 places disponibles</p>
	</div>
</article>

La définition du stock est mal fichue, il faut bien l'avouer. Vous ne donnez pas de valeur, mais devez choisir un schéma parmi :

Définir l'adresse de réservation


<article itemtype="http://schema.org/Event" itemscope="itemscope">
	<div itemtype="http://schema.org/Offer" itemscope="itemScope" itemprop="offers">
		<p><a itemprop="url" href="http://www.exemple.fr/adresse-de-l-offre.html">Réserver une place</a></p>
	</div>
</article>

Définir l'adresse du lieu de l'événement


<article itemtype="http://schema.org/Event" itemscope="itemscope">
	<section>
		<div itemtype="http://schema.org/Place" itemscope="itemscope" itemprop="location">
			<p><span itemprop="name"><b>Das Auto École</b></span></p>
			<p itemtype="http://schema.org/PostalAddress" itemscope="" itemprop="address">
				<span itemprop="streetAddress">Große Bockenheimer Str. 30</span><br>
				<span itemprop="postalCode">60313</span> <span itemprop="addressLocality">Francfort</span>
			</p>
			<p><a href="http://www.example.com" itemprop="url">Site internet du lieu</a></p>
		</div>
	</section>
</article>

Pour définir l'adresse d'un événement il faut imbriquer 3 schémas :

Le schéma complet


<article itemtype="http://schema.org/Event" itemscope="itemscope">
	<h2 itemprop="name">Stage de récupération de points à Francfort</h2>
	<p>Vendredi <time datetime="2016-02-19T08:00:00+0100" itemprop="startDate">19/02/2016</time> et Samedi <time datetime="2016-02-20T16:00:00+0100" itemprop="endDate">20/02/2016</time></p>
	<div itemtype="http://schema.org/Offer" itemscope="itemScope" itemprop="offers">
		<p>Tarif : <span content="170,00" itemprop="price">170,00</span> <span content="EUR" itemprop="priceCurrency">€</span></p>
		http://schema.org/LimitedAvailability
		<p><meta itemprop="availability" content="http://schema.org/LimitedAvailability"/>12 places disponibles</p>
		<p><a itemprop="url" href="http://www.exemple.fr/adresse-de-l-offre.html">Réserver une place</a></p>
	</div>
	<section>
		<p>Adresse du stage de récupération de points :</p>
		<div itemtype="http://schema.org/Place" itemscope="itemscope" itemprop="location">
			<p><span itemprop="name"><b>Das Auto École</b></span></p>
			<p itemtype="http://schema.org/PostalAddress" itemscope="" itemprop="address">
				<span itemprop="streetAddress">Große Bockenheimer Str. 30</span><br>
				<span itemprop="postalCode">60313</span> <span itemprop="addressLocality">Francfort</span>
			</p>
			<p><a href="http://www.example.com" itemprop="url">Site internet du lieu</a></p>
		</div>
	</section>
</article>

Copiez ce code et collez-le dans Structured Data Testing Tool.

 

Image Viewer