Discussion :

[cabrettologue]

Bonjour à tous,

J'aimerais baliser les produits avec le tarif associé du tableau ci-dessous avec Product-schema.org. :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<table>
	<tbody>
		<tr>
			<td></td>
			<td><h1>Produit 1</h1></td>
                        <td><h1>Produit 2</h1></td>
			<td><h1>Produit 3</h1></td>
			<td><h1>Produit 4</h1></td>
			<td><h1>Produit 5</h1></td>
			<td><h1>Produit 6</h1></td>
		</tr>
		<tr>
			<td><h1>Nos Tarifs </h1></td>
			<td>Tarif Produit 1</td>
			<td>Tarif Produit 2</td>
			<td>Tarif Produit 3</td>
			<td>Tarif Produit 4</td>
			<td>Tarif Produit 5</td>
			<td>Tarif Produit 6</td>
		</tr>
 
	</tbody>
</table>

Par contre, je ne sais pas où placer les balises pour que le prix (situé dans le tableau en dessous du nom) soit bien associé au nom de l'article.

Je vous remercie par avance pour vos lumières et vous souhaite un bon après midi

[NoSmoking]

Bonjour,
as tu été faire un tour sur Schema Creator, le reste ne serait que mise en forme CSS.

[cabrettologue]

Merci pour votre réponse et le lien fourni.

Suis-je obligé de refaire ma page pour m'adapter aux microdatas ??

Ne peut-on pas en bénéficier sans tout changer ?

Merci d'avance pour votre aide

[NoSmoking]

Si je m'en réfère à ce que j'ai vu la construction est lié, exemple

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div itemscope itemtype="http://schema.org/Product">
    <div itemprop="name">
        <strong>Mon Produit</strong>
    </div>
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <span itemprop="price">moins d'1 €</span>
    </div>
</div>

Dans une <table> la construction n'est pas la même mais tu dois pouvoir réaliser quelque chose de semblable.

A tout hasard je rajoute

• Le guide ultime des microformats : références et exemples
• les microdonnées et les éléments sémantiques

[cabrettologue]

Merci beaucoup pour votre aide NoSmoking
Pensez-vous que le code ci-dessous pourrait fonctionner ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table>
	<tbody>
		<tr  itemscope itemtype="http://schema.org/Product">
			<td></td>
			<td itemprop="name"><h1>Produit 1</h1></td>
                        <td itemprop="name"><h1>Produit 2</h1></td>
			<td itemprop="name"><h1>Produit 3</h1></td>
			<td itemprop="name"><h1>Produit 4</h1></td>
			<td itemprop="name"><h1>Produit 5</h1></td>
			<td itemprop="name"><h1>Produit 6</h1></td>
		</tr>
		<tr itemprop="offers" itemscope itemtype="http://schema.org/Offer">
			<td><h1>Nos Tarifs </h1></td>
			<td itemprop="price">Tarif Produit 1</td>
			<td itemprop="price">Tarif Produit 2</td>
			<td itemprop="price">Tarif Produit 3</td>
			<td itemprop="price">Tarif Produit 4</td>
			<td itemprop="price">Tarif Produit 5</td>
			<td itemprop="price">Tarif Produit 6</td>
		</tr>

[NoSmoking]

Il te suffit des tester ton code pour te rendre compte que tu perds les liaisons donc la cohérence.
Outil de test des données structurées