I do configure the Like and Share button on a website but the image that appear when a link is shared is not the same image fromthe link, it is some random image fromthe site
So another image is seen, but only when a user click on the link the right image is show.
How can i fix it ? any parameter ?
Check what Facebook is detecting on your page using the Debug tool: http://developers.facebook.com/tools/debug
If any of the Open Graph meta tags are missing on the links you're sharing, Facebook has to guess at the title/description/image/etc and it won't necessarily be the first/biggest/most prominent image or piece of text on the page
Related
I am using Facebook comment box in my website for commenting purpose on pictures, its working fine, i am also using a share button which is working fine too, but the problem is when its shared or users do commenting on the picture it is shared to their walls but a default website logo is shown there, i want to share the current picture on which user made comments or shared it ... I am posting it here because i couldnt find it on google or i was unable to make a query for google.. Thanks in advance
Test your link at https://developers.facebook.com/tools/debug to see what thumbnails are pulled in by facebook when shared.
To configure which thumbnail to show when an URL from your site is shared you have to add this property to your html source in the header.
<meta property='og:image' content='url to First Image in your Page etc'/>
More details about meta tags for FB at this link.
I'm trying to use the facebook share button, but when I use the button to share an URL the image is not displayed on facebook.
Using the facebook debugger the image is displayed correctly, but not at my profile. Can anyone help me with this issue?
(Sorry for bad English)
your image will not show from localhost until your image has public url to access image, Facebook require public url to show image on share iframe.
Just to check , pick any image url from google and put it hard code into your image path and try once. You will see image.
I've put "Like" button to my web site.
In general it works fine, the only problem is when user add some text and publish it in the profile his post contains image. And the image chosen is not something meaningful, it is one of the menu items that doesn't really makes any sense.
Could you please advise how to tip to the facebook the better image? I didn't see any information about that in their documentation (http://developers.facebook.com/docs/reference/plugins/like/), probably I've overlooked that?
Thank you.
P.S. Pretty similar question: is there any way to suggest for user text he wants to share (that will appear once user click "Like" button)?
You can specify image by adding Open Graph tags to head section each page containing the "Like" button.
You can specify an image URL in og:image tag, and Facebook will use this image in the user's profile entry.
The same goes with
og:title - this will be the title of the new entry on user's profile.
og:site_name (will be displayed as grey text under title) etc.
See http://developers.facebook.com/docs/reference/plugins/like/ and
http://developers.facebook.com/docs/opengraphprotocol/
for detailed description.
You can use the Open Graph tags for both versions of the "like" button - iframe and XFBML.
Once you add the tags to your pages you can use http://developers.facebook.com/tools/debug to check if they are OK.
I have a picture with a hyperlink, however, when I download the picture to Facebook the hyperlink does not work. Can you not put a hyperlink on a picture? I would like it if people open the picture, they will be able to click on the picture and it take them to a website.
You'll just need to wrap the image with an pointing it to the site where your sharing it on. However, if your using FaceBook to host the image, then you'll be using the API of FaceBook and won't have control over what happens when a user clicks on the image. Maybe just share the link in the description??
I am setting up a blog and it contains a Facebook "Like" button. With this button you can like a post.
But when I like a post, a popup shows up with a randomly picked image on my website. I've looked into the meta tags for Facebook and I filled all six of them with content, but clicking the Like button still causes that same random image shows up. How can I control this image when I click the Like button?
Include the following meta tag in your site:
<meta property="og:image" content="path-to/mylogo.png" />
More info about open graph images can be found here. After changing the image, Facebook needs time to update this information due to caching.
Edit: you can view and reset Facebooks cache with the developer tool debug page
That is because when you change facebook's og (open graph) tags, you cannot see the change immediately, but only when their scraper refreshes the page. Try putting the url through their debugger. If the image here is the one you set up as shared image, then you just have to wait for facebook cache to refresh :)
Here is one more alternative approach:
http://www.clickonf5.org/5536/how-insert-custom-image-thumbnail-facebook-link-sharing/