When I wanna add a link on facebook wall, Facebook make search for photos under pasted link. But it gets only first 6 photos.
I'm curiouss if there is some class, id or rel atributte important for facebook which will indicate exactly what image we want to show?
You can define the og:image meta property to assign images to be used on liked and shared items on Facebook, like this:
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
It's described as:
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 multiple
og:image tags to associate multiple
images with your page.
For more information have a look at the documentation here. You can use the Facebook URL Linter to inspect where it is fetching the different meta data, such as the images.
Related
I have a page with a fb share widget and sharing via this one the image associated with the link correctly gets read from my <meta property="og:image" ....
However, when a user manually pastes a link to the page on facebook, the associated thumbnail is not taken from the meta tag, but there are images from the page available for selection.
Shouldn't the meta tag overwrite that behaviour and only my selected og:image be available? How can I make my specified image the default also for manual link sharing?
When debugging via http://developers.facebook.com/tools/debug there is a message:
Open Graph Warnings That Should Be Fixed
og:image should be larger: Provided og:image is not big enough. Please use an image that's at least 200x200 and preferably 1500x1500. (Maximum image size is 5MB.) Image 'htt...jpg' will be used instead.
It turns out my small icon image was good for the sharing on page, but the manual sharing of a link on facebook requires a big enough image to use that defined image instead of any image fetched from the page.
One of the problems I face while sharing a link of my blogger post on facebook or linkedin is that the thumbnail shared is my picture (which is the only picture on the page). I would prefer no thumbnail being shared.I tried using
<meta property="og:image" content=""
I.e the content is kept as blank, yet it shows a thumbnail. How do i set it to no picture?
You can't. Facebook/Linkedin will crawl your site and decide on it's own what images to offer the user. The og:image meta tag is just a suggestion and not a directive.
The only way to share without image is for the user to remove it.
Update: there is another way. You could detect (on the server) FB/LinkedIns crawler and serve them HTML that does not contain any images. That way they wouldn't have anything to display (just text). I don't know if that's possible on blogger. And if you go down this path, check FB/LinkedIn's TOS if this is allowed (doing this with google, for instance, will get you banned).
I have a like button that works and that takes the image I have specified through the following parameter and attaches to a user liking the post on there feed.
<meta property="og:image" content="http://www.mysite.org/images/logo_50x50.gif" />
I basically want to use this image only for my users when they like an article, but when posting from a specific article "on my facebook site"..I want to be able to still select the images pulled up from that link. That doesn't happen. All I get right now is what I specified in my og:image parameter.
How would I achieve this?
You can't, you just told Facebook which image to use - it's supported to have multiple og:image tags but i'm not sure if which image to display is deterministic, random, or uses a picker like the system used when you don't specify an image
This question already has answers here:
Closed 11 years ago.
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 multiple
og:image tags 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?
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]
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.
When I try to link my website on the Shared feature no thumbnails show up. What do I need to do so that Facebook will generate those thumbnails?
Your thumbnail must be at least 50x50 pixels, and you must specify it with a special meta tag in your site's HTML.
<meta property="og:image" content="http://yersite.com/yerimage.png"/>