I'm trying to get Facebook to acknowledge the OpenGraph tags I've placed on my page. When I go to the Facebook Debugger, it seems to think that I have placed none of these tags on my page and when I go to the 'Scraped URL' it does not show the proper tags, and some other markup for this release seems to be missing. The actual generated source is different than what Facebook is reporting. Here's what the OG tags look like on my page:
<META property="og:image" content='http://s7d4.scene7.com/is/image/DeluxeForms/BB_158'>
<meta property="fb:admins" content="580767460" />
<meta property="og:url" itemprop="url" content="http://bagsandbowsonline.preprod.deluxe.com/shopdeluxe/catalog/productDetails.jsp?prodId=15-8&referer=RECS">
<meta property="og:type" content="product" />
<meta property="og:title" itemprop="name" content="Kraft Paper Shoppers Cub, 8 1/4 x 4 1/4 x 10 3/4"" />
<meta property="og:description" itemprop="description" content="Kraft Paper Shoppers Cub, 8 1/4 x 4 1/4 x 10 3/4"">
<meta property="og:site_name" content="Bags and Bows Online" />
Per the documentation, my understanding is that pages get crawled by FB's spiders
once every 24 hours
when one of the fb: admins 'likes' that page
when the page is run through the Facebook Debugger.
I'm not seeing any URL redirects in the debugger. Furthermore, Google doesn't have any issues with this page, and the implimentation is a near direct copy of what we're doing on a different site in which these meta tags are properly read. Does anyone know what could be causing this odd behavior?
My page is located at:
http://bagsandbowsonline.preprod.deluxe.com/shopdeluxe/catalog/productDetails.jsp?prodId=15-8&referer=RECS
The debugger details for this page is at:
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fbagsandbowsonline.preprod.deluxe.com%2Fshopdeluxe%2Fcatalog%2FproductDetails.jsp%3FprodId%3D15-8%26referer%3DRECS
And the 'Scraped URL' is at the bottom of the Debugger's page.
UPDATE:
I pasted a near exact copy of my webpage on a different webserver, and Facebook crawled it correctly. The plot thickens.
Related
Alright so I have set my meta tags exactly how it says on the facebook developer page, and the scraper even shows the data that will be showed to be correct, but when using the facebook share button on my website http://www.etdigitaldesign.com/, all that it shares is the website url, it doesn't include any of the information from the meta tags, that the scraper says it should. No site name, no description, no image. just the website URL.
This is really confusing to me because the scraper says the share button should be showing the proper info, and I'm using a copy/pasted code snippet from the fb developers page, so I can't see what my error could possibly be...
here is what the scraper shows:image at http://i.imgur.com/zNIyhfg.png since I can't post images yet.
and here's my meta code:
<meta property="og:url" content="http://www.etdigitaldesign.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="ET Digital Design" />
<meta property="og:description" content="Currently doing a grand opening special, making several free websites to get my name out there. Visit the site if you are interested!" />
<meta property="og:image" content="http://www.etdigitaldesign.com/images/etlogobig.png" />
All facebook's examples have self-closing meta tags, so try that and then re-scrape, if that still doesn't work add a fake parameter eg http://example.com/?20 and scape
At the moment the title and image are showing, just not the description. It shows HHTP status 206,which is partial content, but that's not a problem
I'm trying to figure out how the Facebook share protocol is getting the images it is.
Example article: http://www.startribune.com/sleepy-eye-quads-celebrate-65th-birthday/302364361/
As of right now (8 May 2015 1:00pm CDT), plugging that URL into https://developers.facebook.com/tools/debug/og/object/ it gives the following warning: og:image was not defined, could not be downloaded or was not big enough. Please define a chosen image using the og:image metatag, and use an image that's at least 200x200px and is accessible from Facebook. Image 'http://stmedia.stimg.co/obed021814.JPG?w=600&h=600' will be used instead.
However, further down on the page in the 'Based on the raw tags, we constructed the following Open Graph properties' part of the page, it clearly shows the correct image that is in the og:image tag that is on the page.
Why would Open Graph think og:image is not defined or not be able to access the image when clearly farther down the page it can find it?
The meta tags within the header are as follows:
<link rel="canonical" href="http://www.startribune.com/sleepy-eye-quads-celebrate-65th-birthday/302364361/" />
<meta property="og:url" content="http://www.startribune.com/sleepy-eye-quads-celebrate-65th-birthday/302364361/" />
<meta property="og:title" content="Sleepy Eye quads celebrate 65th birthday" />
<meta property="og:site_name" content="Star Tribune" />
<meta name="news_keywords" content="" />
<meta name="description" content="The Sleepy Eye quads have returned to their childhood home in southern Minnesota to celebrate their 65th birthday." />
<meta property="og:description" content="The Sleepy Eye quads have returned to their childhood home in southern Minnesota to celebrate their 65th birthday."/>
<meta property="og:image" content="http://stmedia.startribune.com/images/1430701562_10026501+Quads+Birthday.JPG" />
</head>
It's always good to run all links related to a page in the Facebook Debugger as mentioned by #CBroe.
As for issues with images specifically, I would also recommend you add the og:image:width and og:image:height meta tags if possible to help the crawler crawl your image as per this doc.
If you have other pages facing the same issue, I would supplied the mentioned tags before trying to run the image url itself in the debugger and see if that helps.
I have a strange problem with Facebook sharing. I have a news portal and when I try to share some news, half of them are sharing fine, and half are not recognized at all, just the link is shared without Title, Image and Description.
The news portal is in PHP Codeigniter, and here are the meta tags that every news link has, and they are correct when I see Page Source.
<meta property="fb:app_id" content="the number"/>
<meta property="og:url" content="the full url of the page" />
<meta property="og:title" content="Title of the news story" />
<meta property="og:description" content="The introduction of the story" />
<meta property="og:image" content="full link of the image"/>
I checked there isn't anything common for the stories that Facebook does not take the meta data. I tried with everytype od image, and with many different resolutions, even with the minimum resolution 200x200 but there is no success.
The only solution is to put the link in the Facebook debugger and then it is working fine. After that you can share it normal, but this is wasting of a lot of time and energy to put half of the links in the debugger before sharing...
What am I missing here?
The problem I'm having is when I post a link to a post on my website to either Facebook or Google+ that link points to my homepage. Even in preview, the thumbnail displayed is that of the homepage.
From what I have found (which hasn't been much) it seems that the problem might be with the facebook metadata. I have tried to validate it on facebook's open graph validator and at first I was getting a 206 result when the links were working. Now I get: Facebook URLs aren't scrapable by this Debugger. Try your own. Not sure why.
Having the same issue with Google+. When I first published the website it was working fine and this happened out of nowhere.
Here is what I have in my header:
<!--Facebook Metadata /-->
<meta property="og:title" content="Website Title"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://URL.com/"/>
<meta property="og:image" content="http://URL.com/img.png"/>
<meta property="og:site_name" content="Site Name"/>
<meta property="fb:admins" content="User_1"/>
<meta property="og:description" content="Website Descriptiom"/>
<!--Google+ Metadata /-->
<meta itemprop="name" content="Google+ ID">
<meta itemprop="description" content="Description">
<meta itemprop="image" content="Empty">
I have tried removing it and still the problem persists. I do want to point out that I have an html site with a wordpress blog that's being hosted on my server. Wondering if the issue might be with wordpress?
Should the metadata be placed on the index.html and the wordpress homepage or just the index.html? Any help would be appreciated. Thanks.
When you delete those metadata tags, specifically the og: ones (facebook's open graph meta tags) - you have to tell Facebook to pick up a new copy of your page as they cache everything. If you haven't tried this already:
Remove those tags
View the source on your live site, to confirm they are in fact removed
Go to http://developers.facebook.com/tools/debug and type in the URL of the page you are testing. This will tell Facebook to grab a new copy.
If that works (as it should), then you can play around with what tags to keep and how to make them dynamic - knowing that anytime you make a change, you will have to redo step #3 to tell FB to grab a fresh copy.
I have placed a like button on every post page of the website.
To make sure things work out properly, I added all the required meta tags, Head tag, and html tags on pages which include,
<html xmlns:fb="http://ogp.me/ns/fb#" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" onkeypress="keyfind(event)">
<head prefix="og: http://ogp.me/ns#">
<meta property="og:title" content="xxxx"/>
<meta property="og:site_name" content="xxxx"/>
<meta property="og:url" content="xxxx"/>
<meta property="og:description" content="xxx"/>
<meta property="og:type" content="article" />
<meta property="fb:app_id" content="xxxx"/>
<meta property="fb:admins" content="xxxx"/>
<meta property="og:image" content="xxx" / >
Since we are sharing images, the og type was selected as article, just like 9gag.
So when i go to any of those page and click the like button, it clicks and the count increases successfully. However, When i check my Facebook profile, nothing shows up on profile as if I never liked it.
I tested it with multple facebook accounts, the count on the webpage kept increasing but none of the likes were shown on any of the profiles.
However, As soon as i put 1 url in the fb debugger, all the likes on that page suddenly appears on the profile.
for instance, if i like a page, and put the page's url 2 days later in the FB debugger, the link will appear on the profile saying [ FirstName LastName liked an article ] and shows 48 hours ago.
I understand that facebook takes a little time to scan urls, however, i have been trying to tackle this issue since a week or so. Currently, i am surviving by putting all the urls one by one in the debugger.