I have created a like button on my website, http://www.divecerts.com.
Screen shots of the problem found at http://www.divecerts.com/screen.html
the top screenshot shows the Like button being pressed with the FB popup and the correctly scraped information. The bottom screenshot shows what the actual post looks like on Facebook. There you can see that everything is correct except that the descrition is blank.
I have cleared the cache at using the Facebook debug tool (linter) a few times with no luck on solving the problem. The debugger shows the description fine BUT it does not show on the Facebook post. I have tried viewing/liking from different Facebook accounts on different computers using different browsers with the same results.
Here is my meta code
<head>
<meta property="og:title" content="DiveCerts.com | Diver Certification Record Search" />
<meta property="og:description" content="Search for SCUBA diving certifications records from the major training agencies in one click."/> <meta property="og:url" content="http://www.divecerts.com" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.divecerts.com/img/logofb.jpg" />
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">
any help would be greatly appreciated.
Related
I'm building an image on the fly to attach to page to be shared on facebook. Everything seems to be going great until it hits the share dialog. Facebook doesn't seem to be scraping, because the image isn't showing up. If I refresh that dialog page, it does load the image (having crawled it from the first go?).
I've read several pages that say I need only specify og:image:width and og:image:height to allow for immediate rendering, but that doesn’t seem to be working. Here are my meta tags:
<meta property="fb:app_id" content="###"/>
<meta property="og:type" content="website" />
<meta property="og:url" content="###" />
<meta property="og:title" content="My Page Title" />
<meta property="og:description" content="My Page Description" />
<meta property="og:image" content="http://the-domain/the-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/jpeg" />
Am I missing something here?
For these kinds of issues, I recommend checking out the debugging tool that Facebook provides. It's great for quick identification of show stopping errors like you're receiving.
https://developers.facebook.com/tools/debug/
Just a couple of things to keep in mind, sometimes the image or page will time out if Facebook finds that it's taking longer than 1s to fetch the data. I've also found issues with my own implementations if the og:url is different than the page you're expecting Facebook to fetch. The two values must match, because ultimately it's the og:url value that facebook is trying to scrape.
I'm running a Joomla 3.4 CMS for my website and I recently enabled gzip and caching in order to speed it up, but now when I post a link to any page on my site from Facebook, it doesn't grab any of the information I'd like to see there (photo, page title, text/description/meta). After doing a bit of research I learned that gzip is known for causing problems with Facebook's bot, so disabled gzip and retested, but it didn't seem to make a difference. I found a plugin (https://github.com/dgt41/facebookfix) and installed it, but that hasn't helped either. I'm at a loss at this point. I'm wondering if maybe something else is going on, but I can't see it. My website is here.
These are all OpenGraph Social Meta Tag settings you have to do. Try these inside the <head> section of every page. You can use other extension also to do this automatically for you.
<meta property="og:site_name" content="My Website Name"/>
<meta property="og:title" content="Your Title Here"/>
<meta property="og:description" content="Your Description Here" />
<meta property="og:image" content="http://www.example.com/images/image.png" />
<meta property="og:locale" content="en_US"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://www.example.com/blog/article-name"/>
I'm trying to implement a basic Facebook like functionality to a site. I've triple-checked & more the meta tags, but the og:description -text doesn't show up in the FB news feed. The title and the image work fine.
Here's the code:
<meta property="og:type" content="article" />
<meta property="og:title" content="SOG – VEITSIÄ VIIDAKOSTA ARKITÖIHIN" />
<meta property="og:url" content="http://www.finnprotec.fi/webshop/news/2" />
<meta property="og:description" content="Kunhan kirjoitan vaan jotain tekstia nyt." />
<meta property="og:site_name" content="Finnprotec.fi" />
<meta property="og:image" content="http://www.finnprotec.fi/webshop/kuvat/kuva517a8539a91f1.jpg" />
<meta property="fb:admins" content="6700009220" />
<meta property="fb:app_id" content="348235131938688" />
When I click on the link on the page, the description shows up nicely under the title:
But when I click on the send button, this shows up on my FB feed:
This is what I'm trying to get:
The url of the current page is: http://www.finnprotec.fi/webshop/news/2
I have tried to clear facebook's cache with the facebook linter, but that hasn't helped.
I just ran into this. I found that the description is actually there - you have to hover over the image to see it. It shows it in the format you want sometimes, depending on the size of the post where you're viewing it.
For example, after I've liked my post, I don't see the description in the post shown when I click on my name and view my wall (where the posts are smaller).
But I do see it when I just go to facebook.com and I view the larger version shown in my stream.
I realize this isn't really answering the question; I couldn't find a way to get it to show the description consistently.
add this two lines to your code after og:image
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
it must work
A few hours ago every og tag was working properly, showing correct og:images and so (even though the images were small). I didn't change nothing in the tags or images size, but now when I share an url on facebook it doesn't show the og:image
<meta property="og:type" content="article" />
<meta property="og:title" content="my title" />
<meta property="og:description" content="my description" />
<meta property="og:image" content="my image url"/>
<meta property="og:site_name" content="My web name" />
Its important that yesterday everything was ok even though the image sizes and now without change nothing it doesn't work.
-Edited: On Google+ everything is ok with the og:image.
I had this problem when using mod_pagespeed with apache, facebook linter said image was too small but it wasn't, afyer disabling mod_pagespeed it now shows perfect on the debugger with no errors but it still doesn't show on facebook, but I guess there's nothing I can do if it works perfectly on the debugger, maybe wait.
If you have recently installed mod_pagespeed on your server it might help disabling it.
I'm trying to use the open graph to mark up pages on a website as athletes, as follows:
<meta property="og:title" content="Mo Rollem" />
<meta property="og:site_name" content="Bruisin Banditas" />
<meta property="og:description" content="-" />
<meta property="og:url" content="http://bandita.circulartriangle.com/mo-rollem-3" />
<meta property="og:image" content="http://bandita.circulartriangle.com/mo-rollem-3/download/portrait/297875_923184074920_36913142_46189728_1083603_n.jpg" />
<meta property="og:type" content="athlete" />
<meta property="fb:app_id" content="251338211564923" />
I have a standard like button installed at the top which functions correctly. The story in my stream includes an image and pulls up the correct metadata. The sportsperson section of my profile gains a new page with all the metadata except the image.
The Linter shows the image: http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fbandita.circulartriangle.com%2Fmo-rollem-3
But the Open Graph shows the question mark default: http://graph.facebook.com/?id=http%3A%2F%2Fbandita.circulartriangle.com%2Fmo-rollem-3
What am I doing wrong? Am I doing something wrong? There was a bug about this last year but it doesn't seem to affect any of the other sites I check.
The open graph system is very slow, sometimes taking many days to scrape, and even more to scale images.