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"/>
Related
I use Opengraph to define the facebook share image.
I upload image APPLE.jpg in my article.
The meta tag is
<meta property="og:image" content="http://example.com/APPLE.jpg" />
Then, I found I uploaded the wrong image.
I edit the article and removed the APPLE.jpg image.
I upload a new image BANANA.jpg
<meta property="og:image" content="http://example.com/BANANA.jpg" />
While I share the article to facebook.
The image is still showing APPLE.jpg image.
How do I settle this?
Facebook keeps your image in cache. So if you have changed your image, but kept the same name, you have two solutions :
Use the Facebook debugger and fecth new scrape information. If the image doesn't change, use the second solution.
Change the name of your image, and Facebook will cache the new image.
I need to share an image from my webpage to Facebook.
I've looked at Facebook's dev pages, and it you need to add meta data to your page - you may specify an image - this will then be shared.
The problem is I have a number of images on my page.
Is it possible to share specific images - where should I be looking in the api?
If you have a bunch of images and want to select a particular one during sharing, then you can add multiple og:image tags - one for each image.
<meta property="og:image" content="http://image1.jpg">
<meta property="og:image" content="http://image2.jpg">
<meta property="og:image" content="http://image3.jpg">
...
Once you do this, on sharing, the user will be able to select from one of these images.
Also after you add these tags, make sure that you force a re-scrape to update your OG object: pop your url into the URL Debugger and 'Fetch new scrape information'.
quick question:
one tiny prob i have is when i try to share a page from my site on facebook (for example:http://pent-house.co.il/index.php/sale/52-2013-12-12-13-41-40), i cannot see thumbnails for the gallery. i see only the logo :\
is there any way that i can share the photos throw facebook?
thank you very much and have a damm nice day! XD
i wanted to shar a pic but i dont have enough reputation
You have to set an og:image meta tag like this:
<meta property="og:image" content="THE LINK TO YOUR IMAGE"/>
In the <head> of your document otherwise facebook bot uses (usualy) the biggest images he can fin. On the example page you linked to the biggest one is the logo.
Once you have set the og:image meta tag don't forget to delete facebook's cache by entering your page url on this page so you can see the modifications you make.
More information about thos meta tags and open graph here
I would like to know how I detect a image from a webpage.
I want a code that if I want to share something on facebook the image from the page where I am at that time, automatically detect.
example:
<meta property="og:image" content="http://www.geturl.thedoctorofhouse.com/audi_a3_2.jpg" />
What should I do with the og:image content?
Yes, that looks correct - content should contain the url to the image that you want used.
You can check how the page metadata is interpreted by using the linter tool provided by Facebook
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.