52 votes

Quelle est la largeur et la hauteur minimales des images Facebook Open Graph?

J'avais lu que les images associées à une URL donnée dans l'Facebook open graph devait être supérieure à 50 x 50

Cependant, lorsque nous avons lancé le Facebook de l'Objet débogueur - nous avons obtenu le message d'avertissement suivant:

"Minuscule og:image: Toutes les images référencées par l'og:image doit être d'au moins 200px dans les deux dimensions. Veuillez cocher toutes les images avec un tag og:image dans l'url et de s'assurer qu'il répond aux spécifications minimales."

Notre URL est http://www.famousbirthdays.com/people/charlie-chaplin.html et l'image ne s'affichent sous les Propriétés de l'Objet

Avons-nous besoin pour convertir nos images de plus de 200 x 200? Ou peut-on le laisser tel quel? Il est actuellement 65 x 75 image.

merci pour votre aide!

69voto

Luciano Carvalho Points 807

Aujourd'hui j'ai eu une bien meilleure réponse à cette question (à partir de l' Open Graph outil de débogage):

Petite og:image: Toutes les images référencées par l'og:image doit être au moins 200px dans les deux dimensions, avec 1500x1500 préféré. (Maximum la taille de l'image est de 5 mo.) Veuillez cocher toutes les images avec un tag og:image en l'url donnée et de s'assurer qu'il répond aux spécifications recommandées.

og:image doit être plus grand: à Condition og:image n'est pas assez grand. Merci utiliser une image qui est au moins 200 x 200 et, de préférence, 1500x1500. (Taille d'image maximale est de 5 mo.) L'Image sera utilisée à la place.

Donc, OUI, vous devez convertir votre open graph des images au moins de 200x200 pixels, et il semble que la plus grande, mieux c'est.

Si votre image est plus petite que 200x200, Facebook essaie d'utiliser une image plus grande (si) disponible sur la page.

Les mêmes informations retournées par le débogueur peut être trouvé sur l'open graph de la documentation, sur "optimisation de la Distribution pour le Contenu des Médias", rubrique, article 3: les tags

20voto

Zach L Points 3560

Edit: Facebook a corrigé sa documentation:

De la réponse de Luciano :

og: l'image doit avoir au moins 200 pixels dans les deux dimensions, avec une résolution de préférence de 1500x1500. (La taille maximale de l'image est de 5 Mo.)

16voto

Scott Witte Points 141

C'est assez clair. Ils ne peuvent pas être plus de 130x110px et doit être au moins de 200px de chaque côté. C'est tout à fait possible si vous stockez votre image sur un TARDIS.

Sérieusement, je viens de tomber sur moi-même, ce qui me confond, depuis les pages passée juste à l'amende n'y a pas longtemps. Je m'attends à ce est un changement conçu pour le Calendrier de mise en page qui n'a pas été mis à jour dans la documentation. Ce que je ne peux pas trouver est si og:les images doivent maintenant être "au moins" 200px de chaque côté, ce qui est le maximum et quelle est actuellement la taille recommandée. WTF en effet.

Scott

8voto

Muz Points 31

J'ai eu le même problème qui ne ma tête. Je suis en utilisant wordpress site, donc j'ai dû abandonner l' www. Vérifiez dans votre wordpress admin > settings >general pour votre adresse de site / wordpress adresse, etc.. Ce qui permet de surmonter d'autres erreurs d'URL.
Comme pour l'image en question, tout ce que je peux dire, c'est que le fait de mettre cela dans mon fichier d'en-tête a fonctionné pour moi. J'ai ajouté ci-dessous.

<html prefix="og: http://ogp.me/ns#">
<head>
<meta property="og:image" content="http://yourwebsite.com/images/yourimage.jpg"/>
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
<meta property="og:title" content="your website page title"/>
<meta property="og:url" content="http://yourwebsite.com"/>
<meta property="og:site_name" content="site name and content etc"/>
<meta property="og:description"content="description of site" />
<meta property="og:type" content="Website"/>

DANS wordpress, je l'ai fait sortir de la <title><?php wp_title( '|', true, 'right' ); ?></title> .

Aussi, comme l'a suggéré dans d'autres posts dans mon exemple ce code: <link rel="image_src" href="http://URL-TO-YOUR-IMAGE" / > fait NON de TRAVAIL. En le retirant, il fixe instantanément.

J'ai utilisé un 500 x 500 image. Bonne Chance.. j'espère que je sauver quelqu'un d'autre que de la douleur.

6voto

eriklinde Points 141

Il suffit de suivre ces règles:

  1. "Utiliser des images qui sont au moins 1200 x 630 pixels pour le meilleur affichage haute résolution des appareils."
  2. "Essayez de garder vos images les plus proches à 1,91:1 de ratio d'aspect que possible d'afficher la totalité de l'image dans le fil d'Actualité sans aucun recadrage."
  3. La largeur préférée d'une image est 1500px

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

Source: Facebook: Partager Les Meilleures Pratiques

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X