I write movie reviews and share them on Facebook. At first the facebook thumbnails would show the pictures I wanted for my reviews, like the movie poster. However, now they only show my blogger profile picture every single time I post a link. It's very frustrating because I want to be taken seriously and I don't want my blogger profile picture showing up every time I post a link. I tried the facebook developers debugging tool and it did nothing. Does anyone have any other suggestions?
Thanks!
I don't know to what extent you can modify the HTML code of a Blogger blog, but you can use Open Graph tags to define the exact image you want Facebook to show, for example the tag you want is the following:
which must have a 100px x 100px size at least. Note that this tag goes into the Head section of the site.
It has taken some time, but I think I have worked out what is happening, thanks to Facebook Debugger. Put the post URL in and then scroll down to "OPen Graph Warnings That Should be Fixed". You may see something like this -
Provided og:image could not be downloaded or is not big enough. Please use an image that's at least 200x200px and is accessible from Facebook.
Chances are your image is too small and that is why it is grabbing the profile image. I played around with my posts until I got it right, checking it through Debugger each time. It was a pain, but it worked.
Related
The ShareThis Facebook button will only pull the logo as an image to choose from a page. I am not sure why this is the case since I have other images on pages that I am trying to share from. Can someone help me out with this. I am not really familiar with the ShareThis API. Thanks for any help or feedback.
I tried using the Facebook URL Debugger: https://developers.facebook.com/tools/debug. When doing so, Facebook found all the images on the page, but ShareThis doesn't seem to do the same. That is why I am guessing it is a ShareThis related issue.
The client wants the person posting the page/blog post to be able to select the image from the images on the page. This is normally the case with the ShareThis API, but does not seem to do so. Otherwise I would have just used the open graph option.
URL of site: http://www.atranquilnook.com/
1-30-14: I tried specifying an image with open graph meta on a page. The image was larger than 200 x 200, but it still did not work.
This appears to be happening on every page of the site.
Note: I did not build this site. It was built in Adobe Muse by someone else.
This is not a real answer, but I have to use the space here, to get you all the details of what I found out.
On the debugger it says https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.atranquilnook.com%2F :
Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://www.atranquilnook.com/images/header-home03.png' will be used instead.
Since there is the image with the couple, which is bigger than 200px x 200px, I do not know if this is the answer, but you could try by uploading some bigger image.
Although the whole warning is deceptive, since a line above it states, that there is no og:image.
Looks like you are relying on Facebook being smart enough to find "better" image on your site. What you should do instead is adding a meta tag in the head section of your page.
<meta property="og:image" content="http://www.yoursite.com/img/some-image.jpg"/>
This will tell Facebook exactly what you want to rest of the world to see.
Upon sharing a link on Facebook with og:image and og:video tags it will, under the right conditions, consistently display the wrong thumbnail image. Our clients are having this problem but unfortunately I cannot consistently replicate the conditions under which this issue occurs.
Go to the QVC UK Facebook page and look for video shares (example post). You'll see that the thumbnail for the video is the QVC logo when it should be the image given in the og:image tag. When putting the link through Facebook's debug tool the correct image is displayed with no content warnings or errors. This only seems to be happening when the URL is shared for the first time as subsequent shares will display the correct image. The image is present on our CDN before the URL is shared on Facebook. When I did manage to luckily replicate this issue; running the debugger before sharing on Facebook did not seem to solve the problem.
Am I missing something obvious, is there something wrong with my meta tags or could this be a potential facebook bug?
I've seen that multiple people are recording the same sort of problem on Facebook however only this bug has been left open (as of June 21st). In a related bug report Facebook mention that their crawlers don't only look at the image in the og tag but also look for other relevant images within the page.
Is it possible that it is seeing the QVC logo used so many times on the page that it decides to randomly overwrite the one specified?
Thanks
-- UPDATE
This only seems to be a problem when sharing to Facebook pages as opposed to a user's timeline. Changing the image URL seems to have temporarily fixed the problem. This looks like a Facebook bug
Over the past few weeks we have been finding that facebook posts (not shares from the in-page FB button) have been failing to show the images tagged with og:image on our site. Our home page http://www.greatbritishchefs.com is an example. This seems to be a change in behaviour at Facebook's end because pages which were working a few weeks ago now do not. Also where a page is working currently, running it through the FB debugger causes it to immediately fail. Removing the og:image tag does not work. The images seem to be the right size, and the debugger results are free of errors regarding the image.
Would be grateful for help from anyone who is also experiencing this.
OK I found the resolution to this. What appears to have happened is that Facebook has become much more demanding about what kind of image urls it will work with in posts. The images on our site are sourced through a handler which preprocesses the image, putting a watermark on, resizing etc. and therefore the url might look like:
http://www.greatbritishchefs.com/getmedia/0ecdeb1f-c194-42a9-b465-012004a6cd99/AYW001-Website-Edited-Featured-Bacon-Breadsticks-Closeup/?width=420&height=270&ext=.jpg
This will now not work. For some reason, the url has to be completely vanilla without any query strings and with a standard image extension. When I rewrite the url for og:image to follow those rules, the images reappear in posts.
Hope this helps someone
James
I´m finishing my site in WP and everything seems ok but I can´t get the featured image from my posts to show when sharing the link in FB.
I tryed the debugger, it sees the image ok and returnes a 200 response code.
Debugger test result here
The image size is 300x227 so I understand there is no problem regarding size or proportion.
The Meta included about the image is http://www.momento-marketing.es/wp-content/uploads/2013/01/Blog-Analitica-300x227.jpg'/>
Does anyone has a clue about this? Thanks a lot.
I have experienced very wobbly Facebook behavior recently, ie the last few days. Putting page through the Facebook debugger (with og image correctly specified), it says that a particular image is less than 200 x 200 when it is considerably more than this.
Several pages that used to give thumbnails very happily no longer do. Yet one with a really big image (for the sake of Pinterest) with the image reduced in size on the page, is fine.
One thing that DOES upset Facebook - the image has to be hosted on precisely the same domain as the page. I found that when I used a shortened version of my domain name (which forwards to the full one), that prevented thumbnails appearing. Suspect that even a subdomain for one, and not the other, might upset things.
Same problem here...when you try to share it on your browser trough the mobile website, it shows the image.. Try to share a link and replace https://www.facebook.com/sharer/sharer.php?u= to https://m.facebook.com/sharer.php?u= and you see it works, so must be a problem in the desktop Facebook website
Wordpress has changed its requirements for showing images on facebook timeline or on a facebook page. Even I experimented a lot of things and finally found out a solution. Here is how to do it,
Download WPSSO plugin from wordpress.com
Install the plugin
Then navigate into the plugin settings and find the "Images" tab
Set "Open graph Dimensions" as 600 x 315
Now use images above the size of 600 x 315 in your posts
Cick save settings and now try debugging the post with your facebook debugger tool.
I am sure this will solve your problem. If problems persist do post them we will try to reslve it.
Note - This tutorial was taken from this link Facebook image problem resolution
Despite the meta tags (the first one I never used before, but it came up in the addthis forums);
And the debug tool getting the data in a correct manner:
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.mondiales.nl%2F
The facebook sharer code does not use the image specified. No images show up at all, there is no thumbnail chooser.
Looking at the HTML of the facebook sharer page, the image is actually there! The thumbnail chooser has a display:none. And when posting the damn thing, no image shows up on the wall.
Stop using addthis and implement a like function using the just the Facebook API? But from what I read, Facebook does a request for the page to get it's data so the JS part should not be the issue, should it?
Did I overlook something?
There's a restriction on the width/height ratio of images shared, the ratio must be less than 3.0
Your image is too wide (211/66 = 3.19) - add some vertical whitespace and it'll share OK i think
For future reference this is mentioned on both the old Share Button docs and the Open Graph protocol docs (under 'og:image')
I've found that once I've posted something to my wall from the sharer or the app, if I try to repost it, it will remember the original image (or no image in your case).
It might be worth clearing the whole cache/cookies from your browser and see if that does the trick.
If not, you'll find that if you log in as another user of Facebook and they try to post it, it will pick up on the new image on their account and not yours.
I'm not exactly sure how Facebook caches the images.
I know this thread is old but this may help someone else with the same issue. FB caches shared urls along with the thumb images and descriptions. To update the cache, add a bogus parameter to your shared query string, like, "?v=1". This gets the latest og tags.