I'm trying to share a blog post on facebook. I originally didn't set a featured image, so it took a random one and now I can't get it to choose the featured image at all. I've cleared my blog cashe, the firefox cashe and even tried google chrome, and it still shows the wrong pic. I even went as far as to change the pic on my post, and it still shows the wrong pic.
Any ideas where the problem is and how do I clear it?
+
I found an answer.
Facebook has it's own cashe so you can go to their debugger tool and see what it will produce.
https://developers.facebook.com/tools/debug/
You can also get it to reload the information and be able to produce the required result
Related
I got a little issue,
when I share my portfolio in Facebook or Linkdin I get a preview of the web as an image but with a wrong image(one of the images included in the code itself).
how can I fix that so that the preview image will be the the web image?
thanks
If you've already generated the image, I think you need to use this: developers.facebook.com/tools/debug to rescrap it and try and get FB to pull in the correct image.
There's a section, in the screenshot, that allows you to bulk clear FB caches if it's more than one URL you're having issues with, if it's just the one, the first tab should be what you need.
I need to implement a facebook share button on a website I am currently developing. The theory is simple and works with a simple link, e.g. https://www.facebook.com/share.php?u=https%3A%2F%2Freddit.com%2Fr%2Fall%2F. This works for me for random pages and my home page.
However, this does not work for all pages of that web site except the home page (/).
Example:
Page http://www.youmatch.global/approach/
Share link https://www.facebook.com/share.php?u=http%3A%2F%2Fwww.youmatch.global%2Fapproach%2F
The sharing dialog states "Object not found". I am already trying for two days but I have no clue what might be the problem.
Any ideas?
You may take look at this page to see what's wrong in your sharer : https://developers.facebook.com/tools/debug/sharing/
I am having trouble getting the proper image to show up when I a link to my website in a status update. It is either grabbing an image from the front page which I don't want it to use (links to the front page) or no image at all (links to specific pages).
I found several tutorials that all gave the same advice about using a meta tag to specify which image to use, which I have done. Example Tutorial. Example:
<link rel="image_src" href="http://URL-TO-IMAGE" />
This had no effect. The article mentions that Facebook caches these lookups and provided a link to a URL Debugger, which was supposed to scrub that cache for me. I used it to verify that my meta tag was inserted properly (it was), but it had no effect on new status updates. Am I missing something? The way the tutorials talk gives me the indication that using this debugger will clear the Facebook cache for the page so that the next lookup will load and re-cache the proper image. Instead it seems that all this does is bypass the cache this one time for the purposes of testing.
Is there a way to actually force clear this cache, or do I just need to wait? It's been several days. How long does this cache take to expire?
Steps to Reproduce:
Visit Facebook News Feed or Timeline
Enter URL of my website in status update (can provide if neeeded)
Expected Outcome
The Favicon of my website is loaded as the icon for the status update
Actual Outcome
An image of a person (appears in the sidebar of our site) is used as the icon (for links to the front page. Links to the inner pages of the website load no icon at all.)
Further:
Visit the URL Debugger
Enter URL for website
Verify proper icon is loading
Post link in new status update.
Expected Outcome
FB's cache will be updated and the Favicon will now be used.
Actual Outcome
Nope... still the person from the sidebar on front page links and no icon at all for inner page links.
UPDATE 2/22/2013:
The image that loads when I post my URL to Facebook has changed! But it's still wrong :(.
I went to test it this morning and I now have an additional image as an option, which means Facebook did update what it's loading from the site, but it's still not the image that I specified in my tag. It's just grabbing another image from one of my other side bars, and I'm still not getting an image at all for my inner page.
It's weird.... the URL Debugger tool grabs the correct image, so I don't think the problem is my Meta tags. That's what the URL Debugger is supposed to help me identify. I think there's some disconnect between the lookup and what Facebook actually posts. I think this is a problem with Facebook, unless I'm missing something huge, but I don't see it....
UPDATE 2/25/2013:
I've made progress, but there's still something weird going on. Martey set me straight on the using the og: meta tags rather than just the tag. The tutorial I had been following said to ignore the Open Graph warnings, but once I started paying attention to them, I got some good information. Like, it actually said that my image is too small and that it will use another image instead. Guess I should have paid attention :)
Anyway, so the issue was that the favicon is too small. According to the Open Graph warning, it needs to be 200 pixels in both directions. So I grabbed the actual header logo and tried to use that. It's 340 pixels wide. Oops, it was only 164 pixels tall.
So I used The GIMP to set it onto a transparent background that was 200 pixels tall and tried again, but it's still telling me it's too small. It's no longer telling me that it needs to be 200 pixels. It just says that it's too small.
I'm stumped again...
Update 2/25/2013: Issue Resolved
The problem was transparency. I filled the background in white and tried again and now it's loading fine.
Thanks for your help, Martey!
Instead of using a third party tutorial, you should refer to Facebook's official OpenGraph documentation. They recommend using an og:image metatag to refer to document images.
As I noted in my comment, issues with data not updating on Facebook is likely to be the result of misformatted or wrong OpenGraph metatags. Without the URL of the troublesome page, or information on the URL Debugger's warnings, it is difficult to recommend solutions.
Ok I have checked all the other posts that are similar to this but none of them are truely the same.
I have a like button on my website. The page is created dynamically via a perameter passed to the page called "page"
find here;
http://dev.crosbylakeside.co.uk/watersports/index.php?page=watersports
Now on the home page of this section the like button works great. However it does not work on any other section at all!!
The strange thing is its essentially the same page. If you check my source code header info its always right. The facebook og data is also dynamic to simulate page changes and is working fine.
If you go to the dev bugs page and put in the url of my site it all checks out ok.
I have tried everything but I cant seem to get it to go.
Please help thanks
Looks like was a caching issue
I'm not sure how to debug this. I paste the code from Facebook as it is given to me including the option to show faces of those that like the page.
I've clicked 'Like' using multiple Facebook accounts (more than three) but I only see three faces, never any more than three.
I searched stackoverflow and the facebook support threads and haven't found much mentioning this.
Could this be a URL scoping issue? The URL for the Like Button is for page other than the one it is on.
If someone could simply recommend how to begin debugging this, I would be very grateful.
I have tried both the iframe embed and the fbml version with the same end result.
http://extremelypublic.com/of/privacy#exposure
I've had this happen when there aren't very many Likes (less than 300-500)?