发表新帖
发表新帖

What is the minimum width and height Of Facebook Open Graph Images?

后端 未结
关注
15 1972
孤独总比滥情好
孤独总比滥情好 2020-12-03 00:35

I had read that images associated with a given URL in the Facebook open graph had to be greater than 50 x 50

However, when we ran the Facebook Object debugger - we g

相关标签:
15条回答
  • 一个人的身影
    2020-12-03 01:15

    I ran into the same problem. I did not perform exhaustive testing, so I can't say exactly what the requirements are to get the images to show up. I can say that I switched my images to being >200x>200 (specifically 350x350) and they showed up after that.

    0 讨论(0)
  • 我在风中等你
    2020-12-03 01:16

    I had same issue which did my head in. I'm using wordpress site so I had to drop the www. Check in your wordpress admin > settings >general for your site address / wordpress address etc.. This overcomes other URL errors.
    As for the image issue, all I can say is that putting this in my header file worked for me. I added this below.

    <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"/>

    IN wordpress, I did leave the <title><?php wp_title( '|', true, 'right' ); ?></title> in there.

    Also as suggested in other posts in my instance this code: <link rel="image_src" href="http://URL-TO-YOUR-IMAGE" / > made it NON WORKING. Removing it fixed it instantly.

    I used a 500 x 500 image. Good Luck.. hopefully I save someone else's pain.

    0 讨论(0)
  • 心在旅途
    2020-12-03 01:16

    The docs have been updated again!

    og:image can now be as big as you like - whoop

    They have recommended the following:

    • at least 600x315 pixels
    • Ideally 1.91:1 in ratio
    • no bigger than 5mb in file size
    • but AS BIG AS YOU LIKE!

    Also don't forget you can add multiple og:images and let the user choose which picture they want to use.

    0 讨论(0)
  • 旧巷少年郎
    2020-12-03 01:18

    Just follow these rules:

    1. "Use images that are at least 1200 x 630 pixels for the best display on high resolution devices."
    2. "Try to keep your images as close to 1.91:1 aspect ratio as possible to display the full image in News Feed without any cropping."
    3. The preferred width of an image is 1500px

    Adhering to the above principles, the preferred image has a width of 1500px, and a height of 786px (which preserves the 1.91:1 aspect ratio).

    Source: Facebook: Sharing Best Practices

    0 讨论(0)
  • 感情败类
    2020-12-03 01:19

    If you even informing an image larger than 200x200 (as new documentation) the Debuger still accuse the image is not big enough, the solution is to add the meta tag below with the image dimensions:

    Example:

    <meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
    0 讨论(0)
  • 花落未央
    2020-12-03 01:21

    Use images that are at least 1200 x 630 pixels for the best display on high resolution devices. At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.

    Reference: https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#images

    0 讨论(0)
 看不清?
提交回复
热议问题