Toutes les clefs pour réussir dans le e-commerce

Mes modules Prestashop

Comment partager correctement les pages de votre site sur Facebook ?

Lorsqu’on partage l’url d’une page sur Facebook, ce dernier tente de récupérer le titre de la page, l’url, une description et une image. Dans certains cas ça marche assez bien mais parfois il ne trouve pas les bonnes infos et vous vous retrouvez avec une image inappropriée ou un texte inutile. La solution ? L’open graph !

Un partage Facebook réussi ça ressemble à ça:

Pour être sûr que Facebook utilisera les bonnes informations lors des partages de vos pages il faut lui indiquer comment les trouver via les meta open graph.

Il vous suffit de rajouter ce code dans le fichier “header.tpl” de votre thème pour que ça fonctionne:


{* open graph *}
{if $page_name == 'product'}
<meta content="website" property="og:type" />
<meta content="{$link->getProductLink($product)}" property="og:url" />
<meta content="{$product->name|escape:'html':'UTF-8'}" property="og:title" />
<meta content="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" property="og:image" />
<meta content="{$product->description_short}" property="og:description" />
{/if}

A placer entre les balises “head”.

Vous pouvez tester le résultat grâce au Open Graph Object Debugger que Facebook met à votre disposition.

Ps: à noter que ce code ne sera utilisé que sur les fiches produits. Si vous voulez également optimiser le partage des autres pages de votre site je vous laisse trouver ce qu’il faut faire.

Poster un Commentaire

4 Commentaires sur "Comment partager correctement les pages de votre site sur Facebook ?"

Recevoir un email pour
avatar
Trier par:   plus récent | plus vieux | Plus de vote
Sébastien
Invité

Bonjour et merci pour cette astuce.

J’en avais déjà essayé plusieurs, glanées sur les forums mais rien n’y faisait…

Hélàs, votre code ne fonctionne pas plus.

Mon Header doit être un cas désespéré ;(

A tout hasard, voici une de mes pages produits :
http://www.wineandbee.com/vins-rouges/28-domaine-vincent-paris-cornas-granit-60-2013.html

Si jamais la lumière vous venait…

Merci par avance !
Sébastien

mickael
Invité
mickael

Bonjour

Tout d’abord merci pour cette super astuce,

J’ai quelques soucis :

– Sur une page j’ai du code qui s’affiche en haut de page : http://artandmorality.com/librairie/17-clinquart-esthetique-du-viol.html et ce depuis l’insertion du code

– j’aimerais réduire la taille des photos afin qu’elles soient présentées sur la gauche et la description sur la droite, je n’y arrive pas ( j’ai replacé medium par small…)

– Les descriptions ne s’affichent pas tout le temps

avez vous une idée ? Voulez vous mon Header.tpl ?

Encore merci à vous

Je cherche la meme astuce pour afficher mon logo quand je partage sur facebook unique l’url de mon site, si quelqu’un a…. je veux bien !

wpDiscuz