Alors comme vous le savez j’ai une boutique en ligne qui est sous prestashop et je viens de réussir à ajouter des microdonnées (microdata) histoire que google prenne bien en compte la description, l’image, le nom du produit et son prix.
Du coup, voici un Tutorial pour vous montrer comment faire. C’est simple, pas besoin de connaissance en développement web, juste de la logique.
Je me suis aidée de la page google sur les microdonnées de produit.
Vous devez faire les modifications dans le fichier product.tpl qui se situe dans le dossier themes puis le dossier du thème que vous utilisez.
N’oubliez surtout pas de faire une sauvegarde de votre fichier avant toutes modifications !
Voici les étapes, hormis pour la première et quatrième étape, il suffit juste d’insérer le « itemprop= » spécifique.
1. On va annoncer qu’il y a des microdata product.
Cherchez le code
[php]</pre>
<div class="hiddenSpellError">class="hiddenSpellError">class="clearfix" id="primary_block">[/php]
puis y copier/coller ce code
[php]</pre>
<div class="hiddenSpellError">class="hiddenSpellError">class="hiddenSpellError">class="clearfix" id="primary_block" itemscope="" itemtype="http://data-vocabulary.org/Product">[/php]
2. On va annoncer la microdonnée Titre du produit.
[php]</pre>
<h1>[/php]
puis y copier/coller ce code
[php]
<h1 itemprop="name">
[/php]
3. On va annoncer la microdonnée de description du produit.
Cherchez le code
[php]</pre>
<div id="short_description_block">[/php]
puis y copier/coller ce code
[php]
<div id="short_description_block" itemprop="description">
[/php]
4. Ici c’est pour les infos sur l’offre.
Cherchez le code
[php]
<form id="buy_block"></form>
[/php]
puis y copier/coller ce code
[php]</pre>
<form id="buy_block" itemprop="<span class=">offerDetails" itemscope itemtype="http://data-vocabulary.org/Offer" {if $PS_CATALOG_MODE AND !isset($groups) AND $product->quantity > 0}class="hidden"{/if} action="{$link->getPageLink(‘cart’)}" method="post"></form>
<pre>
[/php]
5. Ici on va spécifier la devise en Euro
Cherchez le code
[php]</pre>
<div class="price">[/php]
puis y copier/coller ce code
[php]</pre>
<div class="price"><meta itemprop="currency" content="EUR" />[/php]
6. On précise le prix du produit
Cherchez le code
[php]<span id="our_price_display">{convertPrice price=$productPrice}</span>[/php]
puis y copier/coller ce code
[php]itemprop="price" id="our_price_display">{convertPrice price=$productPrice}[/php]
7. On annonce une microdonnée d’image du produit
Cherchez le code
[php]<span id="view_full_size">
<img class="hiddenSpellError" alt="" />class="hiddenSpellError" alt="" />class="hiddenSpellError" alt="" />alt="" src=""{$link-" />getImageLink($product->link_rewrite,[/php]
puis y copier/coller ce code
[php]<img class="hiddenSpellError" alt="" />itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, ‘large_default’)}" {if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $cover.id_image, ‘thickbox_default’)}"{else} title="{$product->name|escape:’htmlall’:'UTF-8′}" alt="{$product->name|escape:’htmlall’:'UTF-8′}" {/if} id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}" />
[/php]
Enfin pour savoir si cela à marché, vérifiez ça via ce service de google.
Merci Helran pour ce petit tuto qui va me faire gagner du temps.. .j’avais déjà utilisé les microdonnées pour afficher mon visage dans les articles de blog sur google (ici http://blog.athomefrance.com/afficher-son-profil-auteur-g-dans-les-resultats-google-sur-ses-articles-wordpress-rediges/ ) Mais je n’avais pas encore testé le systeme pour les boutiques. Je vais tout de suite le mettre en place pour une boutique prestashop que je connais .
As tu déjà les résultats dans les recherches ou pas encore ? Pourras tu faire un billetpour dire si cela t’a permi de faire plus de ventes !
Je n’ai pas encore les résultats, je l’ai fait hier.
Le truc c’est que cette boutique est toute nouvelle donc je ne peux pas savoir si mes futurs ventes (si j’en fait) seront du grâce à ces microdatas.
Et du coup, tes données ont été prises en compte par Google ? Si oui, en combien de temps ? PArce que moi j’ai ce soucis, c’est que cela fait 2 semaines que j’attends que Google prenne mes modifs en compte (alors que sur leur page test, cela fonctionne…)
Merci pour ce tuto, je suis pas trop à l’aise avec prestashop mais ça à été.
Avez vous des retours sur la prise en compte des microdatas par Google ?
Pour la prise en compte de Google des micros-données, il faut aussi savoir que, parfois, Google n’affiche pas tout ! Pour certaines pages, les micros-données seront affichées, mais en fonction des résultats de recherche, certains champs seront filtrés. Et on ne peut rien faire pour changer cela, c’est l’algo qui décide de tout…Comme d’habitude en fin de compte !
merci pour ce tuto plutôt complet!
pour ma part, sur un prestashop, Google à mis 2 jours à prendre en compte les micro données que j’ai inséré. Par contre, il n’affiche tout (alors qu’il les à bien pris en compte). Cela doit dépendre du secteur dans lequel est votre site.
Un grand merci pour ce tuto que j’ai appliqué, j’ai aussi ajouter un petit coté transversal en ajoutant
dans mon product.tpl :
{if $product->manufacturer_name}
{l s='Fabricant: '}
getmanufacturerLink($product->id_manufacturer, $manufacturer.link_rewrite)}" itemprop="title">{$product->manufacturer_name|escape:'htmlall':'UTF-8'}
{/if}
Ainsi les micro data de chaque produit sont enrichis de la marque ou du fabricant. (Google ou les comparateurs de prix en feront ce qu’ils voudront)
Par ailleurs pour le site en lui meme ayant déjà j’ai un lien vers tous mes fabricants sur chaque page produits (dans ma colonne de gauche) c’est peu utile, par contre si je n’avais pas eu cela ça aurait donc ajouté a la fiche produit un lien vers la liste des autres produits de la même marque.
Ah cool, je vais l’ajouter de ce pas. Merci
Bonjour,
Merci beaucoup pour ce tutoriel, cependant j’ai une petite question car je suppose que ceci est valable pour la version 1.5.4, mon frère bosse sur une veille 1.3.7 pensez-vous que cela fonctionnera ou vaut-il mieux qu’il finisse par migrer ?
je ne sais pas, je pense que ça devrait fonctionner.