I am implementing FB share in my website. Metadata for it is at different url from the content. So i wrote
<link rel="opengraph" href="{metaDataUrl}"/>
in the main content page
MetadataURL i wrote
<head>
<link rel="origin" href="{source_url}"/>
<meta property="og:type" content="Article" />
<meta property="og:title" content='<%=title%>' />
<meta property="og:description" content='<%=details%>' />
<meta property="og:image" content="./cover.jpg" />
<title>JSP Page</title>
</head>
But when i used the https://developers.facebook.com/tools/debug/og/object/
for checking.
it shows warning
Inferred Property
The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property
The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.
but Open Graph properties are right.but shared data is different.
below is snap
[FB issue image]http://hardikravindraraut.in/images/fbissue.PNG
It Happened that MetadataURL can contain advance data. But basic Property like title and description should be provided main page. I found this detail in Facebook FAQs.
Related
I keep getting the below error from Facebook -
Object at URL 'https://qa.recrouter.com/displayJob/Y6LtGNI0WH1rVndaKCwv4PUZkM925mcq' of type 'website' is invalid because a required property 'og:title' of type 'string' was not provided.
However when I go to the debugger and see what the scraper sees, I see the below information is indeed contained in the page -
<meta property="og:type" content="website">
<meta property="og:title" content="Pega Developer for Insurance Claims">
<meta property="og:description" content="
We are a leading provider of insurance products for commercial and institutional customers through one of the world’s most far-reaching property casualty networks. We offer some of the industry’s most extensive ranges of products and services, ...">
<meta property="og:site_name" content="Recrouter">
<meta property="og:url" content="https://qa.recrouter.com/displayJob/Y6LtGNI0WH1rVndaKCwv4PUZkM925mcq">
<meta property="og:image" content="https://qa.recrouter.com/img/logo512h.png">
<meta property="og:image:type" content="image/png">
What am I missing?
I don't get this error when I check your URL on the debugger, the og:title tag seems to work perfectly. Try to have a look again ;)
I fixed it - essentially, the error was due to a modification I had made to the tag. To accomodate google sharing, I had modified the HTML tag to be as follows -
<!DOCTYPE html itemscope itemtype="schema.org/website">
I changed this back to <!DOCTYPE html> and everything works
My object page looks like:
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head prefix="og: http://ogp.me/ns# cliprin:
http://ogp.me/ns/apps/cliprin#">
<meta property="fb:app_id" content="143944345745133" />
<meta property="og:type" content="cliprin:product" />
<meta property="og:url" content="https://itsourstudio.com/" />
<meta property="og:title" content="LED Ice Cubes (Set Of 4)" />
<meta property="og:sitename" content="Its Our Studio" />
<meta property="og:image"
content="https://s-static.ak.fbcdn.net/images/devsite/attachment_blank.png" />
<meta property="og:description" content="Blah Blah Blah" />
</head>
</html>
The JSLink Debugger of the page as shown by the link shows that
of:type is website
and gives following warnings:
Open Graph Warnings That Should Be Fixed
Inferred Property: The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The 'og:description' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
Tiny og:image: All the images referenced by og:image must be at least 200px in both dimensions. Please check all the images with tag og:image in the given url and ensure that it meets the minimum specification.
Facebook will follow the link in og:url tag (the Canonical URL) and you don't have the right OG meta tags there. It's similar if you debug https://itsourstudio.com/ directly, see here.
The Redirect Path section is clearly stating that:
Final URL is in bold (this is the URL we tried to extract metadata
from).
This is my url: http://rosarioferta.com/rosarioo/articulo.jsp?id=10314
the open graph is not working... the debuuger:
show me:
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Frosarioferta.com%2Frosarioo%2Farticulo.jsp%3Fid%3D10314
Inferred Property: The og:url property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The og:title property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property: The og:locale property should be explicitly provided, even if a value can be inferred from other tags.
But the tags are in the page:
<!--Facebook-->
<meta property="fb:admins" content="1192060266" />
<meta property="fb:app_id" content="210626255676435" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://rosarioferta.com/rosarioo/articulo.jsp?id=10314"/>
<meta property="og:title" content="Nuevo Clasificado!-Ipad 1 32G iOS 4.3.5 Original Completo" />
<meta property="og:description" content="Nuevo Clasificado!-Ipad 1 32G iOS 4.3.5 Original Completo" />
<meta property="og:locale" content="es_ES" />
<meta property="og:image" content="http://rosarioferta.com/tmp/2992699077868379919412068529213362854757922.jpg" />
<!--Facebook-->
the share button is not working correctly. not taking the title,the descriptiond and the thumbail image.
http://rosarioferta.com/rosarioo/articulo.jsp?id=10314
HTTP Status 404 - /rosarioo/articulo.jsp
type Status report
message /rosarioo/articulo.jsp
description The requested resource (/rosarioo/articulo.jsp) is not available.
Are you using a cookie or a session to render a different page ?
If you clear your cache and disable Javascript, you'll see the same thing as the Facebook Scraper: http://developers.facebook.com/tools/debug/og/echo?q=http%3A%2F%2Fwww.rosarioferta.com%2Frosarioo%2Farticulo.jsp%3Fid%3D10314
On a site I'm developing, I've set the og:type as "non_profit" as per Facebook's docs.
When I examine the page with the Facebook debugger / linter, the type is picked up as "profile". I can't seem to find anything wrong with my implementation: it all seems to obey FB's docs.
Anyone out there got an idea what I'm doing wrong?
Update: Here is a link to the site: http://www.hncc.co.uk/
And the code looks like this:
<html xmlns:og="http://ogp.me/ns#">
<head>
<meta property="og:site_name" content="Highgate Newtown Community Centre" />
<meta property="og:title" content="Highgate Newtown Community Centre" />
<meta property="og:type" content="non_profit" />
<meta property="og:url" content="http://www.hncc.co.uk" />
<meta property="og:image" content="http://www.hncc.co.uk/...link-to-image.png" />
...
"profile" is the default object type that Facebook reports for OG objects that report an invalid type. In your case, "non_profit" isn't a built-in type
https://developers.facebook.com/docs/technical-guides/opengraph/built-in-objects/#external_profile
You either need to use one of the built-in types or create a custom type. More info on that here:
https://developers.facebook.com/docs/technical-guides/opengraph/defining-an-object/
I added the following to the HTML of my front page (right from the top of the page):
<html xmlns:fb="http://ogp.me/ns/fb#">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="description" content="Blah-Blah-Blah This is my web site">
<meta name="keywords" content="why,does,facebook,suck,so,much">
<meta name="distribution" content="Global">
<meta name="revisit-after" content="30 days">
<meta name="rating" content="General">
<meta name="robots" content="follow,index">
<meta name="author" content="www.me-at-my-wonderful-site.com">
<meta property="og:title" content="My Title" />
<meta property="og:type" content="company" />
<meta property="og:url" content="http://www.my-company-url.com/" />
<meta property="og:image" content="http://www.my-company-url.com/images/facebook_pic.png" />
<meta property="og:site_name" content="My Company Name" />
<meta property="og:description" content="Blah-Blah-Blah" />
<meta property="fb:app_id" content="123456789012345"/>
<meta property="og:latitude" content="56.340609"/>
<meta property="og:longitude" content="-152.435136"/>
<meta property="og:street-address" content="123 1st St."/>
<meta property="og:locality" content="Seattle"/>
<meta property="og:region" content="WA"/>
<meta property="og:postal-code" content="98765"/>
<meta property="og:country-name" content="USA"/>
<meta property="og:phone_number" content="360-123-4567"/>
<title>Title for my web page - Home Page</title>
<link href="icon.ico" rel="SHORTCUT ICON">
<link href="styles.css" type=text/css rel=stylesheet>
<!-- Regular HTML follows -->
Let's say the following can be accessed by logging in to http://www.my-company-url.com and I can see the HTML above in a web browser (view source). But when I load the same URL into http://developers.facebook.com/tools/debug I get the following:
Errors That Must Be Fixed
Object Invalid Value: Object at URL 'http://www.my-company-url.com' of type 'website' is invalid because the given value '123456789012345' for property 'fb:app_id' could not be parsed as type 'fbid'.
Missing Required Property: The og:url property is required, but not present.
Missing Required Property: The og:type property is required, but not present.
Missing Required Property: The og:title property is required, but not present.
and then this
Warnings That Should Be Fixed
Extraneous Property: Objects of this type do not allow properties named og:latitude.
Extraneous Property: Objects of this type do not allow properties named og:longitude.
Extraneous Property: Objects of this type do not allow properties named og:street-address.
Extraneous Property: Objects of this type do not allow properties named og:locality.
Extraneous Property: Objects of this type do not allow properties named og:region.
Extraneous Property: Objects of this type do not allow properties named og:postal-code.
Extraneous Property: Objects of this type do not allow properties named og:country-name.
Extraneous Property: Objects of this type do not allow properties named og:phone_number.
Now WTF is this? Didn't I specify all those parameters above in my HTML??? And as you can see I made it "company" and not the "website"...
PS. 123456789012345 is not my real facebook ID, but it has the same number of digits as my actual ID.
Object Invalid Value: Object at URL 'http://www.my-company-url.com' of type 'website' is invalid because the given value '123456789012345' for property 'fb:app_id' could not be parsed as type 'fbid'.
123456789012345 is not my real facebook ID, but it has the same number of digits as my actual ID.
The fb:app_id tag is supposed to be the ID number of a Facebook application, not your personal Facebook profile's ID. If you want to manage a page through your Facebook profile, you should be using fb:admins, not fb:app_id. I suspect that this error is having some sort of cascading effect, preventing Facebook's parser from dealing with the rest of your OpenGraph tags.
For more details, see the Page Administration section of Facebook's OpenGraph documentation.
It looks like you didn't specify the Open Graph name space.
<html xmlns:fb="http://ogp.me/ns/fb#"
xmlns:og="http://ogp.me/ns#">
More information on the API here
http://developers.facebook.com/docs/opengraph
I got the same issue on a wordpress based site I run, I was able to fix it by adding the open graph meta tags again at the body and as weird as it sounds, it actually worked.
I might be of a greater help if you post the site in discussion.