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 !
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.