og: image Open Graph Warnings taille de l'image
Je vérifie mon URL car Facebook n'utilise pas l'image que j'ai définie sur og: image
Mon image est: 639x649px 486kb Mais fb utilise cette image: 300x443px 97kb
L'avertissement disait:
og: l'image doit être plus grande: à condition que og: l'image ne soit pas assez grande. Veuillez utiliser une image d'au moins 200x200 et de préférence 1500x1500. (La taille maximale de l'image est de 5 Mo.) L'image "URL de l'image, taille: 300x443px 97 Ko" sera utilisée à la place.
Mais lorsque j'essaie de créer une image 1500x1500px, de la télécharger sur le serveur, de la rafraîchir et de vérifier à nouveau le lien en haut, les résultats sont les mêmes.
Mon expérience avec Facebook m'a fait douter que les ordinateurs sont des machines déterministes :)
Parfois, il accepte une image de n'importe quelle taille (entre 200 et 1500 px), parfois se plaint que l'image est trop petite ( og: l'image devrait être plus grande ) même si image est au carré et plus grande que la taille minimale (par exemple 400x400px). J'ai eu des situations où le même lien montrait les 3 og: images dans linter et dans le champ d'état FB, puis soudainement 2 semaines plus tard, il a cessé de fonctionner et a commencé à n'afficher qu'une seule image tout en essayant de la partager dans le champ d'état FB (linter montrait toujours les 3 images ), et vice versa. Parfois, FB semble avoir des problèmes avec différents domaines (par exemple, la page est sur www.example.com et og: image sur www.picdumpexamplesite.com), parfois cela ne le dérange pas ...
À mon humble avis, il est fortement cassé, et le mieux que vous puissiez faire est:
- rendre les images au carré, arrondies à des "centaines", par exemple taille 300x300px
- Hébergez-les sur le même serveur (même nom de domaine)
- utilisez jpg
- évitez les caractères "étranges" dans le nom de fichier (j'utilise uniquement des lettres et des chiffres)
- priez pour que quelque chose de ce qui précède fonctionne :)
Voici mon histoire de malheur, j'espère que cela aide quelqu'un d'autre.
Je recevais des avertissements similaires:
Provided og:image is not big enough. Please use an image that's at
least 200x200 px.
mais cela ne se produisait que sur certaines pages de notre site Web et pas sur d'autres. Ce qui était étrange, car le CMS que nous utilisons met systématiquement un 427px x 307px image sur chaque page et utilise l'URL de cette image comme og:image tag.
Après avoir essayé les conseils ci-dessus, j'ai fini par comparer les fichiers JPG sur les pages qui fonctionnaient par rapport aux fichiers JPG sur les pages qui ne fonctionnaient pas et j'ai trouvé que ceux qui ne fonctionnaient pas contenaient des métadonnées EXIF. J'ai supprimé les métadonnées dans Photoshop, mis à jour les pages Web et soumis à nouveau les pages au Facebook Debugger et cela a fonctionné.
tl; dr - Supprime les données EXIF de og: image.
J'ai eu
<meta property="og:type" content="website" />
dans les balises META.
Supprimé cette ligne et cela a fonctionné.
Les balises actuelles ressemblent maintenant à ceci:
<meta property="og:title" content="Title Here" />
<meta property="og:url" content="http://www.mysite.com" />
<meta property="og:image" content="http://www.mysite.com/images/myimage.jpg"/>
D'après mon expérience, Facebook effacera souvent l'erreur de taille d'image sur le deuxième coup d'URL. Il donne l'erreur sur le premier grattage d'images de toute taille. Le problème que j'ai, c'est qu'il finit par utiliser l'image et la recadre arbitrairement en 2: 1 pour une utilisation dans les messages de la page.
J'obtenais la même erreur, mais je n'avais pas non plus de og:description. Une fois que j'ai ajouté une description, l'image a fonctionné.
J'ai trouvé en ajoutant les balises supplémentaires suivantes qui ont fonctionné pour moi ...
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="855" />
comme mentionné dans le post Facebook linter rapporte og: l'image est trop petite, quand elle est plus grande que l'image choisie à la place
J'ai essayé de nombreuses suggestions sur ce post et d'autres en vain. La solution (que je n'ai pas vue ailleurs) était d'ajouter le bon préfixe au <head> élément que j'avais précédemment complètement omis.
<head prefix="og: http://ogp.me/ns#">
Je ne sais pas si cela a réellement résolu le problème pour de bon ou s'il a forcé le débogueur à recalculer correctement l'image. Espérons que cette solution aidera quelqu'un d'autre.
L'idée de 100 arrondis et carrés n'est pas vraie. Je ne sais pas où tu as eu ça. Regardez ce web. Essayez de déboguer l'URL http://www.stipendije.ba/novost/1969
Il peut également s'agir de couleurs "fortes", d'un contraste énorme et de caractères étranges.
J'ai résolu ce problème en utilisant le débogueur d'URL Facebook pour forcer le rafraîchissement du cache de la RL canonique. C'était l'astuce. J'essayais de rafraîchir une URL qui n'était pas l'URL canonique exacte (il manquait la barre oblique de fin). Une fois que j'ai récupéré les nouvelles métadonnées de l'URL correcte, tout se résolvait et s'affichait correctement.
Je pense que SeeBeen a raison. J'ai trouvé que Facebook préfère les nombres arrondis aux centaines, et ne semble pas trop se soucier de savoir si les images sont carrées.
Par exemple, il sélectionnera correctement une image de 700x300, plutôt qu'une image de 610x281 (ce sont des exemples réels de mes tests). J'avais un problème où l'image og: était de 610 x 281, et FB choisissait à la place les bannières 300 x 600 dans notre barre latérale, ignorant complètement l'og: image. Lorsque j'ai changé le fichier d'image brut en 700x300, cela a bien fonctionné.
J'imagine que cela changera bientôt, mais pour l'instant (mars 2013) cela semble fonctionner.