I have a logo image set in the head of my home page, but for some reason, when I use the share button for Facebook, the image Facebook chooses is a picture from elsewhere on the page. Is there a reason for this? Can I change it?
Visit this link: A Guide to Sharing for Webmasters
I guess if you change or paste this code between the "head" tags then facebook will show the correct image
<meta property="og:image" content="http://tenbooksamonth.com/example.jpg" />
Also You can check your details here
I hope it helps
Related
I have generated the following url to share the page into facebook,
https://www.facebook.com/dialog/feed?app_id=195106440518444&link=https%3A%2F%2Fwww.capella.edu%2Fcapella-experience%2Fflexpath%2F&picture=https%3A%2F%2Fi.pinimg.com%2Foriginals%2Fdd%2F56%2F37%2Fdd56376f6bb3f69130ec3216a13ec99c.jpg&name=Capella+FlexPath&caption=FlexPath%3A+Your+degree.+Your+pace.&description=With+FlexPath%2C+you+can+still+build+the+career-advancing+skills+and+knowledge+you+need%2C+but+with+a+class+schedule+entirely+controlled+by+you.&redirect_uri=https%3A%2F%2Fwww.capella.edu%2Fcapella-experience%2Fflexpath%2Fflexpath-trial-course%2F&ext=1519158959&hash=AeY6NpBp29iik5NI
While hit on the above link, I couldn't see the picture. And I know the picture attribute is deprecated. Then I have tried to use the other way,
I can achieve the same thing with the help of meta tag,
<meta property="og:image" content="https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/lWB96Z8sFtt.png" />
If I have include this meta tag in my page the image will display.
But I would like to display the picture dynamic also same page I would like to use different image on different shares.
Please provide suggestions If you have a idea.
Im including the open graph tag for a special Facebook image:
<meta property="og:image" content="http://www.spaghetti-factory.ch/images/logo_sf_rosenhof_fb.jpg" />
But if you click the share-Link
..
it still shows the wrong image (it should show only the fox).
See on the Website http://www.spaghetti-factory.ch
Whats wrong? Thanks for help
regards
thomas
you should use facebook debugger to see what is wrong. But by just having a look at it, I can tell that you needed to Fetch new scrape information for your URL, which I did for you.
Beside that, your current image set as og is too small, therefore another picture is being fetched by Facebook. Have a look at og:image could not be downloaded or is too small and please note that:
use an image that's at least 200x200px and is accessible from Facebook
.
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 have a share button on my site (I use AddThis tool)
and Open Graph meta tags with article as a type:
meta property="fb:app_id" content="No"
meta property="og:image" content="LogoUrl"
meta property="og:image:type" content="image/jpg"
meta property="og:image:width" content="200"
meta property="og:image:height" content="500"
meta property="og:url" content="LogoUrl"
meta property="og:title" content="title"
meta property="og:type" content="article"
My url looks like that: [mySite]/9095210/1811, so for every different url, I insert different thumbnail, title and description.
My images are from an absolute url.
The problem: I see the details in facebook share preview window, only after the second time I click on the share button. On the first time the facebook share window appears, but without any details. If I continue and share the link in the first time (as in the times after) I see all the details in my facebook. So, the problem in only in the facebook share preview window.
Anyone meet this problem already, and maybe can help?
I had the same problem, and the solution was the next:
You need to create an application in the facebook developer area: https://developers.facebook.com/apps
And need to put the application id to the the fb_init just like this:
js.src = "//connect.facebook.net/hu_HU/all.js#xfbml=1&appId=YOUR_APP_ID";
After providing the correct appliaction id, my problem has been solved.
A similar issue is explained in the "facebook for developers" in sharing , best practices
Pre-caching images.
When content is shared for the first time, the Facebook crawler will scrape and cache the metadata from the URL shared. The crawler has to see an image at least once before it can be rendered. This means that the first person who shares a piece of content won't see a rendered image.
There are two ways to avoid this and have images render on the first Like or Share action:
Pre-cache the image with the Sharing Debugger
Run the URL through the URL debugger to pre-fetch metadata for the page. You should also do this if you update the image for a piece of content.
Use og:image:width and og:image:height Open Graph tags
Using these tags will specify the image dimensions to the crawler so that it can render the image immediately without having to asynchronously download and process it.
The third way, which is the way we do it, is to put in the link, and facebook responds with "fetching a preview" , close it and re-post. This works very well.
I hope that I understood your problem correctly and that this helps you.
I have a odd problem - when I share a link of a page from our website, the image does not show as a thumbnail (sometimes). It has the correct meta data but its almost like it times out.
For example
http://modetro.com/our-favourites/vintage-retro-sankyo-japanese-flip-alarm-clock-mode-no-401-space-age-mid-century
Has the meta tag
<meta property="og:image" content="http://modetro.com/image/cache/data/ebay/vintage-retro-sankyo-japanese-flip-alarm-clock-mode-no-401-space-age-mid-century/652436936_o-340x340.jpg" />
If I share this link on FB it does not show the thumbnail? I have used the debug tool for this and other pages and SOMETIMES it gets the image and sometimes doesn't? any ideas why?
According to Facebook, they have a glitch that they are working on .. see this page here