Menu
Possible Duplicate:
How does Facebook Sharer select Images?
According to Facebook's Open Graph protocol documentation, you may include multiple og:image meta properties to associate multiple images with your page:
og:image- An image URL which should represent your object within the graph. The image must be at least 50px by 50px and have a maximum aspect ratio of 3:1. We support PNG, JPEG and GIF formats. You may include multipleog:imagetags to associate multiple images with your page.
However, when I load my page in the URL Linter, I get a warning:
Duplicate tags: You used "image" multiple times, but it should only appear once
So which is it?
Is there a better way to associate multiple thumbnail images with a page?
509
Open Graph is an internet protocol that was originally created by Facebook to standardize the use of metadata within a webpage to represent the content of a page. Within it, you can provide details as simple as the title of a page or as specific as the duration of a video.
An open graph image or OG image is the image that appears when you post website or video content to your social accounts. It is part of an important group of meta tags that influence the performance of your content link on social media like Facebook, Linkedin, Pinterest and Twitter.
Optimizing the Image Size for Facebook Open Graph For the best display on high-resolution devices, the company suggests choosing an image that's at least 1200 x 630 pixels. If your image is smaller than 600 x 314 pixels, it'll still display in your post, but appear as a thumbnail-sized picture.
You can add multiple og:image meta tags. facebook has left/right arrow controls that allow the user to choose between the images.
If URL Linter sees more than one og:image tag, it should show under the Debug as a Data Source with multiple values:
Extracted 3 values from
<meta property="og:image" />: [image location], [image location], [image location]
199
As an alternative to the og:image meta tag, you can add your thumbnail images to the end of the DOM and set their visibility to hidden. The thumbnails will be recognized by Facebook even though they are not visible on the page itself. I usually do this as an added precaution just because I have experienced some flaky behavior with the meta tags in the past.
31
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
