I have updated the og:description tag along with other tags for this page. The debugger shows this in the debugger but does not show it in the preview neither when I share it on Facebook. What could have gone wrong?
I had this same problem: everything looked good in the Sharing Debugger preview information (meaning all image and description info was showing as correct), but the "Link Preview" area did not show the "Description" excerpt for the page (just the image and title).
After some trial and error, I discovered the problem was in the Title: apparently Facebook has a limit of around 63 characters or so for the og:title property (I was dynamically fetching title data from the DB, and some titles ran long). Once I limited the length of the page title to a max no. of characters of around 63, everything was good!
Have you tried it like this?
<meta property="og:description" content="bla-bla"/>
Related
I have correct OG tags in the meta tags of my page, the facebook OG tags debugger shows the correct content and has no errors or warnings, but actual shares use an image that is seemingly picked at random.
Bizarrely the text is updating correctly, if I change the OG title, or OG description, they update immediately.
Is there some cache that needs clearing or something?
Thanks in advance.
A couple of days ago wrong images started to appear in Facebook posts during posting, although pages being posted have correct og:image tag, pointing to large enough images.
Does anyone know what a problem would it be? Maybe somehow related to recent API upgrades?
Examples:
1) http://bigpicture.ru/?p=633696 -- OG Object Debugger shows "og:image was not defined, could not be downloaded or was not big enough" warning. The page has:
<meta property="og:image"
content="http://bigpicture.ru/wp-content/uploads/2015/05/Jpsportcars19-800x440.jpg"/>
which is large enough, obviously.
2) http://postila.ru/post/26862259 -- the debugger gives the same warning. Again, the page has correct og:image tag, the picture is large enough. During manual posting we see that Facebook takes wrong picture, one of small pictures present on the page.
Any ideas what is going on with Facebook today and how to fix it?
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 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
I have a strange problem when I am trying to share a link from my site. The image does not appear, but when I go to the debugger tool it appears normally, and it appears in Facebook too, but I cant do that with all of my links. Here is an example; the link http://vid.sanka7a.com/musicvideo.php?vid=831408952 is not appearing in Facebook.
And if we put it in the debugger tool, it will appear.
So what's wrong?
It looks like Facebook's taking the value of your <link rel="image_src" href="831408952-1.jpg"> meta tag as an alternate option for the image.
Because of that Facebook's trying to fetch http://vid.sanka7a.com/831408952-1.jpg (which is an HTTP 404) in the composer instead of the supplied og:image value.
I didn't realise that this can happen but updating the image_src tag to point to the same URL as the og:url tag should resolve the issue.