web-dev-qa-db-fra.com

Facebook multiple: étiquettes d'image - Quel est le défaut?

Mon site Web spécifie plusieurs balises og: image et je voudrais contrôler laquelle est la valeur par défaut. Cela a-t-il quelque chose à voir avec l'ordre dans lequel ils sont spécifiés?

En ce moment, les images apparaissent dans le sélecteur de publication de lien dans l'ordre # 3, # 1, # 2 (# 3 étant la valeur par défaut), ce qui semble assez inhabituel.

Merci pour toutes les idées que vous pourriez avoir.

22
isthmuses

J'étais curieux et j'ai donc essayé de trouver une réponse à la question "image par défaut". C’est littéralement le seul lien que j’ai pu trouver là où des recherches avaient été faites sur le sujet, où ils suggèrent que les images de meilleure résolution recevront une priorité absolue:

Comment définir l'ordre de priorité des images Open Graph pour les liens insérés dans les commentaires. (Pas de partage ni de poteaux muraux.)

Cependant, sur la base de cet exemple, FB pourrait simplement choisir la dernière balise og: image de la liste. Une précédente SO réponse aboutissait à la même conclusion:

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

Je m'excuse si j'ai répondu à votre question avec plus de questions, mais peut-être que cela vous donnera une bonne avance, au moins. Si vous ajoutez plus de tags et que FB choisit systématiquement le dernier, vous aurez votre solution. :)

23
MadHenchbot

Voici ce qui fonctionne pour moi. Dans l'en-tête de votre page, insérez ce code

<meta property="og:image" content="http://yourdomain.com/yourimage.png" />

Cela donne la priorité à l'image que je choisis. Ce devrait être l'une des photos les plus haute résolution sur votre page.

Ensuite, forcez Facebook à vider son cache avec this . Cet outil de débogage vous montrera également quelle image est favorisée par Facebook.

1
Terry

Depuis Open Graph Protocol

Tableaux

Si une balise peut avoir plusieurs valeurs, placez simplement plusieurs versions de la même balise <meta> sur votre page. La première balise (de haut en bas) est privilégiée lors des conflits.

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

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

Lorsque je teste cela dans le Débogueur de partage Facebook , je ne vois que la première image prévisualisée. Mais lorsque je commence à partager une partie de mon URL sur Facebook, je vois la première image prévisualisée ainsi que les boutons gauche/droit pour choisir la deuxième image, comme ci-dessous: 

 Facebook left/right image share buttons.

1
jtheletter