web-dev-qa-db-fra.com

Le débogueur FB dit que mon og: image devrait être plus grande, même si elle est grande

Découvrez ce résultat du débogage d'un article à l'aide du débogueur Facebook .

Il arrive avec cet avertissement:

og: l'image doit être plus grande. Fourni og: l'image n'est pas assez grande. Veuillez utiliser une image d'au moins 200x200 et de préférence 1500x1500.

Mais si vous ouvrez l'image affichée dans le champ "og: image" ci-dessous, vous pouvez clairement voir que l'image est assez grande - 700x350 px.

Cela se traduit par Facebook qui choisit des images aléatoires lorsque je publie des articles sur mon mur.

Une idée pourquoi cela se produit?

Edit: Le problème pourrait-il être provoqué par la redirection de l'URL de l'image par mon CMS?

27
Chris

Cela était dû au fait que mon système CMS redirigeait l'URL de l'image. Donc, l'image correcte est apparue dans le débogueur Facebook, mais FB recherchait probablement la taille de l'image avant que la redirection n'ait lieu, puis elle n'avait pas encore de taille.

J'ai donc dit à mon CMS de ne pas rediriger l'URL de mes images. Le fonctionnement dépend du type de CMS que vous utilisez.

8
Chris

Essayez d'ajouter ceci:

<meta property="og:image:width" content="200" />
<meta property="og:image:height" content="200" />
24
Maria Sakharova

Tout d'abord, vous devez télécharger une image de plus de 200 x 200 (par exemple, j'ai téléchargé la taille maximale qui est de 1500 x 1500). Certaines personnes disent que la largeur et la hauteur de l'image doivent être de la même taille. Je n'ai jamais pris de chance de vérifier si c'est bien ou non.

Après avoir mis à jour la taille de l'image, le problème persiste et vous devrez ajouter certains paramètres au lien og: image afin que le débogueur Facebook mette à jour le cache de l'image.

Par exemple:

<meta property="og:image" content="http://bri.ge/img/brige1.png?t=12345?">

Il s'agit du paramètre:? T = 12345?

Attendez environ 5 minutes et le problème sera résolu.

10

J'ai eu

<meta property="og:type" content="website" />

dans les balises META.

Suppression de cette ligne et cela a fonctionné, donc les balises actuelles ressemblent à ceci:

    <meta property="og:title" content="PUT TITLE HERE" />   
    <meta property="og:url" content="http://www.example.com" />
    <meta property="og:image" content="http://www.example.com/images/myimage.jpg"/>
6
Mike

Il est un peu tard, mais j'ai eu ce problème après avoir créé une nouvelle image graphique ouverte dans Photoshop. Cela n'avait aucun sens, car dans le débogueur, il affichait toujours l'image trouvée, qui était de 359 x 379. Cependant, il se plaignait qu'il était plus petit que 200x200.

Je n'ai pas essayé de changer d'autres balises d'en-tête, car je ne pensais pas que c'était le problème.

Au lieu de cela, j'ai à nouveau ouvert Photoshop et enregistré à nouveau l'image. Je l'ai enregistré au format JPG avec une qualité de 85% - et la différence est que j'ai utilisé "Progressive" au lieu de "Optimized". Cela a résolu le problème immédiatement, même si je ne suis pas certain que le paramètre "Optimisé" soit le problème.

5
Radley Sustaire

Un autre problème qui pourrait provoquer cela est l'utilisation de caractères comme # dans le nom de fichier.

Bien que le navigateur les affiche correctement, Facebook donnera une erreur de statetage, l'img est trop petit, alors qu'en fait il n'est pas capable de le lire.

Assurez-vous donc que le nom de fichier de votre image utilise uniquement les caractères standard A à z, _, -, 0-9

3
redsd

Si quelqu'un rencontre toujours ce problème, même si le scrapper de Facebook gratte correctement l'image de taille> = 200x200, attendez une heure et allez prendre un café. Revenez et appuyez à nouveau sur le débogage et ça devrait aller. Facebook met à jour ses données graphiques stockées.

2
Satbir Kira

Je viens de rencontrer ce problème et j'ai essayé d'enregistrer au format JPEG avec une qualité légèrement inférieure comme l'a suggéré un autre répondeur. Une fois que j'avais référencé cela et essayé à nouveau sur la page du débogueur, Facebook m'a dit que, encore une fois, mon image était trop petite, et qu'au lieu de cela, elle utiliserait l'image ancienne, ce qui signifie celle dont elle se plaignait la première temps.

J'ai donc simplement soumis la même URL une fois de plus et elle a cessé de se plaindre. Fondamentalement, c'est un débogage derrière. Essayez d'actualiser le débogage et voyez s'il ne le résout pas pour vous.

1
stevejboyer

Définissez les paramètres og: image: width et og: image: height comme l'a suggéré @Maria.

1
ceekay

qu'est-ce que j'ai remarqué quand je tombe sur Scraped URL, c'est que facebook n'est pas en mesure de voir l'image à la même taille que dans les messages. Par exemple, copiez l'url de l'image qui dans Debug est petite, collez-la dans un navigateur et en effet l'image est très petite. Maintenant, accédez à votre message, copiez l'image d'URL de votre message et collez-le dans le même navigateur ou dans n'importe quel navigateur. Maintenant, la taille de l'image est grande.

0
Radu

Si l'URL de l'image est https: // et que Facebook a des problèmes pour lire votre certificat SSL, cela produira ce message d'erreur plutôt inutile. Pour tester, voyez si une URL http: // pour l'image fonctionne. Si c'est le cas, votre certificat CA peut nécessiter quelques ajustements. Essayez de googler "Erreur de boucle: problème de certificat SSL_CACERT SSL: impossible d'obtenir le certificat d'émetteur local"

Remarque: Même si votre page n'a aucun problème d'affichage avec un protocole https, Facebook fouille plus profondément pour confirmer votre identité. Je pense que c'est relativement récent. Compte tenu de toute leur débâcle de fausses nouvelles, je ne serai pas trop contrarié.

0
Scott Witte