Aller au contenu

October 15, 2013

1

Ajouter les Rich Snippets à vos produits PrestaShop !

Vous avez sans doutes déjà remarqué sur les pages de résultats des moteurs de recherche tel que Google, des petits addons tel que le prix d’un produit, son nom, la note des client ou encore la description.

Exemple d’un produit optimisé avec les Google Rich Snippets

rich snippets google produits prestashop

Google n’est pas capable de reconnaître seul quel sont les informations qui concernent vos produits, il est donc nécessaire de lui indiquer si vous souhaitez optimiser l’affichage de vos produits dans les SERP. Votre référencement n’en sera qu’amélioré.

Je vais donc vous indiquer quel sont les éléments à ajouter dans les fichiers templates de PrestaShop pour y arriver.

Nous allons donc indiquer à Google le nom du produit, sa photo, le prix ainsi que la devise.

Commençons par encadrer les informations du produit avec un attribut spécial qui va permettre d’indiquer à Google que les informations contenues à l’intérieur de cette balise concernent un produit.

Ajouter l’attribut suivant à la balise : «primary_block»

La ligne

<div class="clearfix" id="primary_block">

devient

<div class="clearfix" id="primary_block" itemscope="" itemtype="http://schema.org/Product">

Définissez ensuite :

Le nom du produit :

<h1 itemprop="name">{$product->name|escape:'htmlall':'UTF-8'}</h1>

La devise du produit :

<div itemprop="priceCurrency" content="EUR" class="price">

Le prix du produit :

<span  itemprop="price" id="our_price_display">{convertPrice price=$productPrice}</span>

L’image du produit :

<img {if $smarty.foreach.thumbnails.first}itemprop="image"{/if} id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium_default')}" alt="{$image.legend|htmlspecialchars}" height="{$mediumSize.height}" width="{$mediumSize.width}" />

La description du produit :

<div itemprop="description" id="short_description_content" class="rte align_justify">{$product->description_short}</div>

Vous pouvez maintenant tester vos Rich Snippets produit grâce au service de test fournis par google : Google Structured Data Testing Tool

Publié par
Plus d'articles pour la catégorie Tutoriels
1 Commentaire Poster un commentaire
  1. jd440
    Aug 26 2013

    Sauf erreur de ma part il est neçessaire que le template soit en HTML5?

    Deplus je pense qu’il est interessant de cumuler cela àvec les données:
    itemscope itemtype=”http://schema.org/Organization”

    Concernant le prix n’est il pas nécessaire de l’intégrer dans :
    itemprop=”offers” itemscope itemtype=”http://schema.org/Offer”

    Reply

Partagez votre opinion, postez un commentaire.

(requis)
(requis)

Note: Le HTML est autorisé. Votre e-mail (ne sera pas publié).

S'abonner aux commentaires


3 + = 6