I am using the Facebook debugger to check the scraping of my page but the description is always missing.
You can go here https://developers.facebook.com/tools/debug/og/object/ and input my page's url http://on.aol.com/video/kit-harington-teases-possible-return-to-got-519083276 And click "fetch new scrap information".
You will see that this page has all expected Open Graph tags and the preview looks like this:
But problem is coming!!! When you click the image or the "See this in the share dialog" to open the real share dialog, the description is missing like this:
I am the admin of the Facebook app for this page so "fetch new scrap information" should have refreshed the cache of this page. But when you click "Fetch existing scrape information", description always missing as well.
For more info, you can directly check http://on.aol.com/video/kit-harington-teases-possible-return-to-got-519083276 or any other video page in http://on.aol.com and click the "Facebook" share button on the left to see it. It would look like below and description still missing!
if you can change the code for that page, try ad this tag, i dont see that tag on that page,
<meta name="description" content="aaaaaa">
that page have og:description but facebook treat that video like normal facebook video (i guess you want to make it look like youtube that have description)
Related
When adding a share button to my site as follows:
https://www.facebook.com/sharer/sharer.php?u=http://www.domain.de/christmas-gewinnspiel
When I click the button, it takes me to facebook and the the post to wall page, but the link text says "www.domain.de" although the URL of that link is correct ie. (http://www.domain.de/christmas-gewinnspiel), how can I change the the link text?
The page url is giving a 404 response. I think showing the basic domain is the standard behaviour for sharing, the link itself (if you'd click on it) is the correct one, but giving a 404 as described.
Also, think about adding the OpenGraph meta tags to make the shared info look nicer:
https://developers.facebook.com/docs/reference/opengraph/object-type/website/
I have a Facebook Like/Share button on a webpage. When you click the Share button, a window pops up allowing you to share a message about the site. There's a photo in the popup as well, which is derived from the webpage the button is on.
The problem is, that webpage shows a composite photo, an image on top of another image, and instead of showing the whole composite, the popup shows one piece of it.
Is there a way to use a different image entirely on the Facebook popup window, some specific image that's not present on the webpage? I had thought the og:image meta tag would do the trick, but it doesn't seem to work.
Thanks.
Mark
Got it. My problem is that the info I need from the Facebook Developer pages is either incomplete or not presented in a way I can understand. So for the benefit of others in my boat:
It's not enough to add the Like/Share button javascript code and div tag (where you want the button to appear). You also need to add a group of meta tags in the <head> section of your html page. (Note that in the Facebook Developers "Like Tag" page, the phrase "meta tag" does not appear.) The meta tag format is this: <meta property="og:type" content="website">
There is apparently a lag between your adding these meta tags and Facebook finding them. Some have said this is because of the way Facebook caches its content. In any case, you can bypass this lag by using the Facebook Debugger https://developers.facebook.com/tools/debug/ You enter the URL of the page with the buttons, and it tells you what's missing from your code--and at the same time it now recognizes any new additions, like new meta tags.
It turned out I needed meta tags for og:url, og:title, og:image, og:site_name, og:type, and og:description. I also discovered that the og:image tag needs an absolute url.
I found out about a lot of this not from Facebook but from here: http://davidwalsh.name/facebook-meta-tags
The Debugger is now telling me I still need fb:admins and fb:app_id tags. To get those I apparently have to create a Facebook App, which I'd rather not do. I hope it's not necessary.
Now that I've added these meta tags and run my page through the Debugger, I'm now getting the image I want showing in the Share window.
I am adding a FB like button to my page, and currently when I "Like" the page, it only says it on my personal page with a small link to the facebook page associated to my website. I want it to post a picture, description, and the link to my site. I am using the code generated from this page: https://developers.facebook.com/docs/reference/plugins/like/
I debugged it and it says properties are missing even though I have them included in the code...
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.audiblecoffee.com%2Fbeta321432
Any reason on why this isn't working?
<meta property="og:url" content="http://www.audiblecoffee.com">
This will make Facebook use http://www.audiblecoffee.com to look for OG tags, not the submitted URL. Change it to http://www.audiblecoffee.com/beta321432/ (or leave it out) and things'll work fine.
I am setting up a blog and it contains a Facebook "Like" button. With this button you can like a post.
But when I like a post, a popup shows up with a randomly picked image on my website. I've looked into the meta tags for Facebook and I filled all six of them with content, but clicking the Like button still causes that same random image shows up. How can I control this image when I click the Like button?
Include the following meta tag in your site:
<meta property="og:image" content="path-to/mylogo.png" />
More info about open graph images can be found here. After changing the image, Facebook needs time to update this information due to caching.
Edit: you can view and reset Facebooks cache with the developer tool debug page
That is because when you change facebook's og (open graph) tags, you cannot see the change immediately, but only when their scraper refreshes the page. Try putting the url through their debugger. If the image here is the one you set up as shared image, then you just have to wait for facebook cache to refresh :)
Here is one more alternative approach:
http://www.clickonf5.org/5536/how-insert-custom-image-thumbnail-facebook-link-sharing/
I'm implementing a facebook like button on a simple blog/news section I created in an MVC 3 web application.
I used the XFBML way to implement this.
It works, but not completely.
When clicking and checking it on facebook, it shows the title I specified.
Here is a piece of code.
The viewbag information comes from my view, this is in the layout/master page.
<meta property="og:title" content="#ViewBag.FGTitle" />
But since it's a news item, I also want the content of the article to be displayed.
It only shows, the title, the site name and that's it.
I checked the facebook developer page, but I cant find a meta property/Open graph type in which i can set this content.
any ideas?
see the facebook url linter it shows you exactly what facebook sees when greping the url. Also you should read up on the other meta tags