open graph protocols not working - facebook

I have been trying to implement open graph protocols on my pages and keep getting errors through the facebook debugger - at first I was getting
Could Not Follow Redirect Path - Circular redirect path detected
and research suggested this could be fixed by making
<meta property = "og:url" content="http://www.mandyevansartist.com/newsletterone/index.html" />
into
<meta property = "og:url" content="http://www.mandyevansartist.com/newsletterone/index.html/" />
(adding the backslash at the end)
but this has created even more errors and dependent on wether I put the backslash on the end of the address when i plug it into the debugger - will not scrape any information at all - at this point i am getting
'URL returned a bad HTTP response code'
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property = "og:title" content="Noahs Ark|Mandy Evans Artist|Newsletter One" />
<meta property = "og:description" content="Noahs Ark is the limited edition print showcased by unique artist Mandy Evans in this first website newsletter" />
<meta property = "og:image" content="http://www.mandyevansartist.com/newsletterone/images/sendinglove1.jpg" />
<meta property = "og:url" content="http://www.mandyevansartist.com/newsletterone/index.html/" />
<meta property = "og:type" content="website"/>
could someone point out what i am missing

It seems that your server is returning with a 301 code. You can see that with the following:
curl http://www.mandyevansartist.com/newsletterone/index.html
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> <html><head> <title>301
Moved Permanently</title> </head>
<body> <h1>Moved Permanently</h1> <p>The document has moved here.</p> </body></html>
Note that you redirect from ...newsletterone... to ...newsetterone.... But, the og:url provided points to newsletterone again, which will cause the crawler to get in a loop.
This is the part that you need to fix.

Related

Facebook share doesnt fetch the photo

Hello Ive been struguling with this for a while.. and just cant get my head around it.
I do have the meta tags required :
<link rel="canonical" href="http://www.profsonstage.com" />
<meta property="fb:app_id" content="366418850196673">
<meta property="og:title" content="ProfsOnStage"/>
<meta property="og:site_name" content="ProfsOnStage" />
<meta property="og:description" content="Welocme to ProfsOnStage Web Site" />
<meta property="og:url" content="http://www.profsonstage.com" />
<meta property="og:type" content="article" />
<meta property="og:image" content="http://www.profsonstage.com" />
But when I try to use the share button facebook scraper doesnt fetch any data but the link.
When I check what the scraper sees I get :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script>function set_cookie(){var now = new Date();var time = now.getTime();time += 19360000 * 1000;now.setTime(time);document.cookie='beget=begetok'+'; expires='+now.toGMTString()+'; path=/';}set_cookie();location.reload();;</script>
</head>
<body></body>
</html>
I hope anyone can point me into the right direction to fix this. Checked a lot of similar questions but I was unable to find an answer regarding this issue.
Also I get this in my console log
Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains.
And My APP urls are :
www.profsonstage.com/
profsonstage.com/
I just don`t understand what is the problem here.
Seems like its a hosting issue. If anyone get a problem like that contact your hosting provider.

Facebook debugger : Response 206

url: http://www.pagepilot.co.uk/pp_cftest/
When posted into facebook debugger: https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.pagepilot.co.uk%2Fpp_cftest%2F
Keeps returning a 206 Partial Response Instead of a 200 OK
The code being returned is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<title>pp_cftest</title>
<meta property="og:title" content="pp_cftest" />
<meta property="og:type" content="company" />
<meta property="og:url" content="http://www.pagepilot.co.uk/pp_cftest/" />
<meta property="og:site_name" content="PagePilot" />
<meta property="og:description" content="description text" />
<meta property="fb:app_id" content="242396009188876" />
<meta property="og:image" content="http://www.pagepilot.co.uk/views/pp_w_en/assets/images/ladbrokes.gif" />
</head>
<body>
<p>test content</p>
</body>
</html>
There doesn't seem to be anything unusual or missing in the code. Just don't understand it.
The debugger only requests the first 40KB of your page - so the 206 is expected (well, it's expected if only part of the document was returned but i guess some servers return it for any request with a Range: header)
It shouldn't affect your ability to have the tags read correctly and the metadata populated when sharing a link on Facebook

facebook share button og:url error

I'm looking to add some "share" buttons to a webpage I'm working on. I keep getting an "og:url" and "og:title" error even though they're both there. Any help would be great. Below is the beginning of the webpage script. Thanks, Marc
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>fccf pad promotion</title>
<meta property="og:title" content="FCCF Pad home"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://padsrockref.1sourceusa.com/fccfpad/" />
<meta property="og:description"
content="A great way to start the new year! Request some pads and One-Source will make a donation on your behalf to the FCCF."/>
When I go to the URL you specify (http://padsrockref.1sourceusa.com/fccfpad/) for og:url, I get a 302 redirect to another page (http://padsrockref.1sourceusa.com/PageNotFound.html). So there are no og meta tags for Facebook to process, hence why it is erroring out. Update it to a valid URL and I think that will solve your problem.

Facebook share: title is not displaying on share box

I am sharing my link to Facebook. When I click the share button, it goes to the Facebook share page. Everything is fine except the title is not displayed, although the title is there in the query string.
Below is my code. Please guide me in details that how to display title and description also.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Humayoo Social Book Mark</title>
<meta property="og:title" content="Smith hails 'unique' Wable legacy" />
<meta property="og:description" content="John Smith claims beautiful football is the main legacy of Akhil Wable's decade at the club. " />
<meta property="og:image" content="http://www.onjd.com/design05/images/PH2/WableAFC205.jpg" />
<meta name="medium" content="blog" />
<script type="text/javascript">
function whenclick() {
var uri = "http://192.168.1.10/test.aspx&t=abc";//here my domain name or ip
window.location = "http://www.facebook.com/sharer.php?u="+uri;
}
</script>
</head>
<body>
Share
</body>
</html>
It might be happening because of it can not be linted by Facebook properly that you try from localhost.
To see whats happening in Facebook-side, try Debugger: http://developers.facebook.com/tools/debug/
You can see open graph meta information gathered by Facebook and also errors that you have.

Facebook Share button encoding problem

I am trying to make a Facebook share button on my site. Everything goes well except Facebook garbles non-ascii symbols obtained from meta tags. For example:
I am sharing a page with URL http://example.com/facebook/.
The page at http://example.com/facebook/ has the following meta tags inside its HTML:
<head>
...
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
...
<meta name="title" content="John Smith won £10000!" />
<meta name="description" content="Wanna be next John Smith?" />
<link rel="image_src" href="http://example.com/img/logo.jpg" />
...
</head>
The problem is that a pound (£) sign is shown as � symbol in Facebook share pop-in, that's not a desired behaviour.
I would be grateful for any thoughts.
I would recommend replacing the pound-sign with the equivalent entity, i.e. £ = £. You may also need to add a charset definition, e.g. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> In fact, you might be able to get away with just the meta tag -- just put it before the others.