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.
Related
I currently having a problem with FB OG image on Feed status of https://3dl.aut.ac.nz/.
On profile status. This works fine. It appears that the bug is only happening on HOME(news feed page) status
The site is built in wordPress. Normally I don't stuck on og image on my previous works on WordPress.
On fb object debugger, the site has the correct og image and seems no problem at all.
I suspect its because im using secure server? (https://) Also same thing happens if I try, http://3dl.aut.ac.nz/ (http).
I investigated this issue and found another similar thread on stackoverflow thread. The thread says that this has been an issue with https. However, the facebook.com has a thumbnail when posted the link on FB status.
Is this issue has something to do with the server settings?
Any help will be greatly appreciated.
Ran into the same problem myself. You're trying to share from a secure site using Yoast's Wordpress SEO plugin. Unfortunately, it doesn't properly handle the meta tags for secure images. Yoast includes:
<meta property="og:image" content="https://image-url-here" />
Facebook doesn't like that, but there's an easy fix, by adding:
<meta property="og:image:secure_url" content="https://image-url-here" />
I wrote up a blog post on how to hook into the plugin's wpseo_opengraph_image hook to handle this automatically.
Hope it helps.
https/http should be no problem, i suspect that the image is just too broad. Always use the correct aspect ratio and size: https://developers.facebook.com/docs/sharing/best-practices#images
Use images that are at least 1200 x 630 pixels for the best display on high resolution devices. At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.
Try to keep your images as close to 1.91:1 aspect ratio as possible to display the full image in News Feed without any cropping.
Please bear in mind that the facebook scraper works asynchronously and will need some time (during my tests around 10 minutes) to be able to display an image after seeing it for the first time.
For more information, here's a more thorough answer on a similar problem.
In my case, converting a PNG graphic with transparency to no transparency fixed the error.
Facebook API debug error image
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.
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.
This question already has answers here:
Closed 11 years ago.
Possible Duplicate:
How does Facebook Sharer select Images?
Ok guys.. I've researched this thoroughly- I'm at the end of my rope and my supervisor is getting pissed. Any help is appreciated.
facebook opengraph thumbnails do not work when I share pages from my site. I'm sure I have og:image implemented correctly. I have resized the JPG thumbnails to 130x110 pixels. I have even tried hiding another copy of the same thumbnails in the pages with display:none.
example page: http://www.classical917.org/houston_public_radio-arte_publico.php
from that page:
The Facebook debugger (formerly the Linter) picks up the URL of the image, but displays a blank box. When I click on the blank box, the image loads.
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.classical917.org%2Fhouston_public_radio-arte_publico.php
When I post a page from my site into a Facebook 'What's on Your Mind?' box, Facebook gets the title and description from my og: tags, thinks for a while about the image, then loads with no image.
Is it because I'm trying to use the same logo image for every page on the site? Is that a no-no? Is there something wrong with my image (although I've tried several versions)? Am I being penalized for using the debugger too often? Does Facebook hate my site?
Thanks for any ideas or pointers on this. I'm desperate to fix it before I get called into my supervisor's office.. : P
Your site has 215 xhtml validation errors according to the w3c validator. Facebook may be having a hard time parsing your page with so many errors. It could also be a caching issue, although the linter tool should clean up the cache, and the linter tool is pulling in the image properly. It may also not like full path URL's. Try a relative path.
As a work-around, you could also try specifying an image the old way:
<link rel="image_src" href="/_images/logo-facebook-130x110-kuha.jpg" />
The rest of your questions are invalid (Facebook isn't penalizing you and they don't care if you are using the same image).
Try removing line break in the og:description meta.
I know it's possible to tell Facebook to use a certain image when sharing a page by adding a meta tag. But I was wondering if the opposite is possible: telling facebook NOT to user a certain image as the thumbnail when sharing a page.
I am asking this question because when I share a link from my site it always shows some image I use in the footer first (as the default thumbnail), which is bad :) so I want Facebook to ignore that specific image when sharing.
Thanks in advance!
This is a little hackish but it worked for me. So the only criteria that facebook uses to ignore images is the width to height ratio, all other images in your page will get picked up and will be an option as a thumbnail. So what I did is expose the undesirable images as css in a div tag, instead of as an tag. Then facebook won't picked them up.
I'm afraid this is not possible. Why don't you do the opposite of the opposite, and set an image to force facebook using that specific one?
So if you don't want to always set an image, make a default image to be used for facebook sharing everywhere unless otherwise specified.