L'image OpenGraph n'est pas correctement récupérée

Facebook récupère le logo du forum comme image OG, et non l’image principale en haut du corps de mon message. J’ai essayé le débogage/le scraping via l’outil de débogage des développeurs OG de Facebook. Rien n’a changé.

Désolé si c’est un doublon, mais j’ai lu toute une série de discussions sur le forum ici, sans pouvoir trouver de solution à ce problème.

Merci pour votre aide !

Il est possible que votre image de logo soit trop grande. Elle paraît énorme dans l’image d’aperçu ci-dessus.

Il semble qu’un composant de thème soit installé sur le site et qu’il perturbe le robot d’exploration de Facebook. Ce composant ajoute le code suivant à l’intérieur de la balise <head> :

<!-- Facebook Pixel Code -->
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1544745645741448&amp;ev=PageView&amp;noscript=1">
<!-- End Facebook Pixel Code -->

Les images ne devraient pas être incluses dans la balise <head>, c’est pourquoi la plupart des navigateurs les ignorent. Cependant, le robot d’exploration de Facebook semble détecter la balise <img> et fermer prématurément la balise <head>. Voici ce que montre leur outil de débogage :

<!-- Facebook Pixel Code -->
</head>
<body>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1544745645741448&amp;ev=PageView&amp;noscript=1">
<!-- End Facebook Pixel Code -->

Cette balise magique </head><body> n’apparaît ni via curl ni dans les navigateurs. Un comportement très étrange de la part de Facebook.

Quoi qu’il en soit, la solution consiste à déplacer le pixel de suivi Facebook de la section <head> du composant de thème vers la section Header du même composant.

@codinghorror,

Je ne sais pas si je passe à côté d’un lien ici, mais mon problème est que je ne veux pas que le logo du forum s’affiche. À la place, je souhaite que ce soit la première image du message qui apparaisse.

Donc, si c’est l’image réelle du message (une photo de moi) qui s’affiche, qu’importe la taille du logo ? Je suppose que ma question est : pourquoi la taille du logo est-elle un problème alors que je ne veux même pas qu’elle s’affiche ? J’espère que cela a du sens.

@david,

Je n’ai installé aucun thème personnalisé. Il s’agit d’une installation standard de Discourse. En fait, je ne sais même pas comment installer un thème ou un plugin pour Discourse.

La taille de l’image est quelque peu pertinente, car lorsque Facebook ne trouve pas de balise og:image, il sélectionne la plus grande image de votre site. Dans ce cas, le logo est plus grand que la photo, il a donc sélectionné le logo.

Cependant, Discourse inclut bien des balises og:image — elles sont simplement brisées par le thème de votre site.

Vous en avez forcément un — le pixel de suivi Facebook est ajouté par un thème. Lorsque j’utilise le mode sans échec, il disparaît. Allez dans /admin/customize/themes, appuyez sur Modifier le HTML, puis allez dans l’onglet </head>. Je soupçonne que vous verrez le code Facebook là-bas.

Voyez cette image : je n’ai aucun thème personnalisé et l’option « Modifier le code HTML » n’apparaît pas.

Cliquez sur « default » à gauche, puis vous devriez voir le bouton Modifier

C’est ça ! Ouiiii ! Merci beaucoup !