Quelle est la largeur et la hauteur minimales des images Facebook ouvertes?

J’avais lu que les images associées à une URL donnée dans le graphe ouvert de Facebook devaient être supérieures à 50 x 50

Cependant, lorsque nous avons exécuté le débogueur d’objects Facebook, nous avons reçu l’avertissement suivant:

“Tiny og: image: Toutes les images référencées par og: image doivent avoir au moins 200px dans les deux dimensions. Veuillez vérifier toutes les images avec tag og: image dans l’URL donnée et vous assurer qu’elles répondent aux spécifications minimales.”

Notre URL est http://www.famousbirthdays.com/people/charlie-chaplin.html et l’image apparaît sous Propriétés de l’object

Avons-nous besoin de convertir nos images à plus de 200 x 200? Ou pouvons-nous le laisser tel quel? C’est actuellement une image de 65 x 75.

Merci de votre aide!

    Aujourd’hui, j’ai une réponse beaucoup plus claire à cette question (à partir de l’ outil de débogage Open Graph ):

    Small og: image: Toutes les images référencées par og: image doivent être d’au moins 200px dans les deux dimensions, 1500×1500 étant préféré. (La taille maximale de l’image est de 5 Mo.) Veuillez vérifier toutes les images avec tag og: image dans l’URL indiquée et assurez-vous qu’elle répond aux spécifications recommandées.

    og: l’image doit être plus grande: fournie og: l’image n’est pas assez grande. Veuillez utiliser une image d’au moins 200×200 et de préférence 1500×1500. (La taille maximale de l’image est de 5 Mo.) Image … sera utilisée à la place.

    Donc, OUI , vous devez convertir vos images graphiques ouvertes sur au moins 200×200 pixels, et il semble que plus la taille est grande, mieux c’est.

    Si votre image est inférieure à 200×200, Facebook essaiera d’utiliser une image plus grande (si) disponible sur la page.

    La même information renvoyée par le débogueur se trouve dans la documentation du graphique ouvert , rubrique “Maximiser la dissortingbution du contenu multimédia”, élément 3: balises

    Edit: Facebook Corrigé leur documentation:

    De la réponse de Luciano :

    og: l’image doit être d’au moins 200px dans les deux dimensions, 1500×1500 étant préféré. (La taille maximale de l’image est de 5 Mo.)

    C’est assez clair. Ils ne peuvent pas dépasser 130x110px et doivent être d’au moins 200px par côté. C’est tout à fait possible si vous stockez votre image sur un TARDIS.

    Sérieusement, je me suis heurté à cela moi-même, ce qui m’a complètement dérouté puisque les pages sont passées au bon moment. Je pense que c’est un changement conçu pour la mise en page de la timeline qui n’a pas été mis à jour dans la documentation. Ce que je ne trouve pas, c’est si og: les images doivent maintenant être “au moins” 200px par face quel est le maximum et quelle est la taille actuelle recommandée. WTF en effet.

    Scott

    J’ai eu le même problème qui a fait ma tête. J’utilise le site wordpress donc j’ai dû laisser tomber le www . Vérifiez dans votre wordpress admin > settings >general pour l’adresse de votre site / adresse wordpress, etc. Cela permet de surmonter d’autres erreurs d’URL.
    En ce qui concerne le problème de l’image, tout ce que je peux dire, c’est que cela a fonctionné pour moi. J’ai ajouté ceci ci-dessous.

               

    En wordpress, j’ai laissé le < ?php wp_title( '|', true, 'right' ); ?> < ?php wp_title( '|', true, 'right' ); ?> là-bas.

    Comme suggéré dans d’autres articles de mon instance, ce code: rendu NON FONCTIONNEL. En le supprimant, il a été réparé instantanément.

    J’ai utilisé une image 500 x 500. Bonne chance… j’espère sauver la douleur de quelqu’un d’autre.

    Suivez simplement ces règles:

    1. “Utilisez des images d’au moins 1200 x 630 pixels pour un affichage optimal sur les appareils haute résolution.”
    2. “Essayez de garder vos images aussi proches que possible du format d’image 1.91: 1 pour afficher l’image complète dans le fil d’actualité sans recadrage.”
    3. La largeur préférée d’une image est 1500px

    Adhérant aux principes ci-dessus, l’image préférée a une largeur de 1500px et une hauteur de 786px (ce qui préserve le format d’image de 1,91: 1).

    Source: Facebook: Partager les meilleures pratiques

    Cela semble être un bogue dans la spécification. Une solution de contournement consiste à rendre vos images 200px, mais à découper ce que vous ne voulez pas voir, ou à les réduire si vous avez des originaux suffisamment gros. Par exemple, si votre image est de 25×25 pixels, vous pouvez append 175px aux deux dimensions, puis imbriquer cette image dans une div qui a un débordement: propriété css cachée et largeur / hauteur de 25×25. Pas le plus propre, mais ça marcherait.

    J’ai ouvert un ticket de bug avec Facebook pour résoudre la question de la mauvaise documentation et découvrir s’il s’agit d’une spécification ou d’un bogue. http://developers.facebook.com/bugs/210269722417284

    On dirait qu’ils ont mis à jour leurs documents:

    L’image doit avoir au moins 50 pixels par 50 pixels (bien que 200 pixels minimum par 200 pixels soit préférable) et avoir un rapport d’aspect maximal de 3: 1.

    developers.facebook.com/docs/reference/dialogs/feed

    De la page des développeurs Facebook:

    Utilisez des images d’au moins 1200 x 630 pixels pour un affichage optimal sur les appareils haute résolution. Au minimum, vous devez utiliser des images de 600 x 315 pixels pour afficher les messages de la page de lien avec des images plus grandes.

    Vous pouvez trouver plus de détails à ce sujet ici . Veuillez cocher le point numéro 4

    Utilisez des images d’au moins 1200 x 630 pixels pour un affichage optimal sur les appareils haute résolution. Au minimum, vous devez utiliser des images de 600 x 315 pixels pour afficher les messages de la page de lien avec des images plus grandes.

    Référence: https://developers.facebook.com/docs/opengraph/howtos/maximizing-dissortingbution-media-content#images

    De https://developers.facebook.com/docs/plugins/checklist/#opengraphtags

    1. Utilisez les balises Open Graph appropriées pour gérer la dissortingbution

    Les balises Open Graph peuvent être incluses dans le code HTML de votre page pour permettre au moteur de recherche Facebook de générer de meilleurs aperçus lorsque votre contenu est partagé sur Facebook.

    Les balises Open Graph de base que vous devez implémenter sont:

    Description du tag

    1. og: title Le titre de votre article, à l’exclusion de toute marque.
    2. og: nom_site Le nom de votre site web. par exemple IMDb pas imdb.com.
    3. og: url L’URL qui est l’identifiant unique de votre publication. Il devrait correspondre à votre URL canonique utilisée pour le référencement, et ne devrait pas inclure de variables de session, de parameters d’identification d’utilisateur ou de compteurs. Si vous ne l’utilisez pas correctement, les préférences et les partages ne seront pas regroupés pour cette URL et seront répartis sur toutes les variantes de l’URL.
    4. og: description Description détaillée du contenu, généralement entre 2 et 4 phrases.
    5. og: image L’URL de l’image que vous souhaitez voir apparaître lorsque vous partagez un lien. Nous vous suggérons d’utiliser une image d’au moins 1200×630 pixels.

    Les documents ont été mis à jour à nouveau!

    og: l’image peut maintenant être aussi grande que vous le souhaitez – whoop

    Ils ont recommandé ce qui suit:

    • au moins 600×315 pixels
    • Idéalement, ratio 1.91: 1
    • pas plus de 5 Mo de taille de fichier
    • mais aussi gros que vous aimez!

    N’oubliez pas non plus que vous pouvez append plusieurs images og: laisser l’utilisateur choisir l’image qu’il souhaite utiliser.

    Depuis votre message, vous semblez vouloir partager le message en utilisant le concept OG sur facebook. Pour cela, la taille minimale de l’image doit être 200px (x) 200p x. Il s’agit d’une dimension standard de FB et s’il n’existe pas de taille spécifique, l’image disponible sera celle de votre page qui aura la même dimension.

    Taille d’ image minimale La taille d’image minimale est de 200 x 200 pixels. Si vous essayez d’utiliser une image plus petite, vous verrez une erreur dans le débogueur d’URL. Veuillez vérifier avec ce lien >>

    J’ai rencontré le même problème. Je n’ai pas effectué de test exhaustif, donc je ne peux pas vous dire exactement quelles sont les exigences pour que les images apparaissent. Je peux dire que j’ai changé mes images pour être> 200x> 200 (en particulier 350×350) et elles sont apparues par la suite.

    Si vous informez même une image plus grande que 200×200 (en tant que nouvelle documentation), le débogueur continue à accuser que l’image n’est pas assez grande, la solution consiste à append la balise meta ci-dessous avec les dimensions de l’image:

    Exemple: