web-dev-qa-db-fra.com

Facebook sharer.php, comment avoir plusieurs balises og: image?

Duplicata possible:
Comment Facebook Sharer sélectionne-t-il les images?

Nous utilisons le service sharer.php de Facebook pour partager des pages sur notre site. Pour l'instant, cela fonctionne très bien, mais nous avons maintenant du mal à trouver comment offrir aux utilisateurs plus d'une miniature à choisir (la page sharer.php propose une interface utilisateur pour plusieurs images, donc cela doit être possible d'une manière ou d'une autre).

Nous avons actuellement cette balise META:

<meta property="og:image" content="http://www.mysite.com/myimage.jpg" />

Nous n'avons rien trouvé suggérant comment procéder. Est-ce que quelqu'un a des idées?

facebookfacebook-sharer
22
codinginthevoid

J'utilise plusieurs images depuis un moment maintenant. Utilisez plusieurs og:image balises META comme celle-ci:

<meta property="og:image" content="http://www.example.com/image01.jpg">
<meta property="og:image" content="http://www.example.com/image02.jpg">

Toutes les pages qui ont déjà été partagées (avec une image) peuvent être mises à jour en chargeant le lien dans le débogueur/linter ici: https://developers.facebook.com/tools/debug/

Le débogueur/linter ( ne montrera pas un aperçu de toutes les images - il montre juste la dernière (je crois que ci-dessous il mentionne quelles images il a tirées à travers) mais cela fonctionne.

28
Eddie

Je suis venu ici avec le même problème. Après quelques recherches, j'ai découvert que vous pouvez avoir plusieurs balises og: image.

De Développeurs Facebook , sous og: image:

Nous prenons en charge les formats PNG, JPEG et GIF. Vous pouvez inclure plusieurs balises og: image pour associer plusieurs images à votre page.

Gardez à l'esprit que Facebook peut prendre un certain temps pour reconnaître que vous avez ajouté de nouvelles images à la méta pendant que l'araignée met en cache. Les liens que vous avez déjà partagés à l'aide du bouton J'aime ou copiés dans votre statut en sont affectés.

EDIT: Si vous rencontrez des problèmes avec Facebook montrant les mêmes images même si vous avez modifié vos balises OG, c'est probablement parce que Facebook l'a mis en cache. Si c'est le cas, allez vérifier vos tags en utilisant OG Debugger ici de Facebook.

17
Workman

J'ai trouvé une solution à cela en ajoutant les images au corps et non dans les méta-informations, puis en les cachant, comme ceci;

<body> ...

<img src="http://image1" width="41" height="41" border="0" alt="text describing the image" style="visibility:hidden" /><br/>

<img src="http://image2" width="41" height="41" border="0" alt="text describing the image" style="visibility:hidden" /><br/>

etc ... </body>

Je viens de lire que si aucune propriété og: image n'est donnée, les vignettes sont prises du corps et cela a fonctionné même si elles sont cachées. Vous pourriez probablement supprimer la largeur, la hauteur, etc. pour le ranger, mais j'ai pensé pourquoi les deux perdent du temps avec ça quand il est caché de toute façon, je viens de couper et coller et de le faire caché.

J'espère que cela t'aides.

1
Stuart