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é.
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> :
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 :
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.
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.
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.