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
Related
i watch 1 youtube https://www.youtube.com/watch?v=KnsanTdY2Lc and i coding follow them but when i post a link on facebook it not show the photo why? here my code where is wrong point i can't event debug it
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
<meta property="og:url" content="https://3.bp.blogspot.com/-HJiRD8AiC4k/V_8MznQ6d7I/AAAAAAAADOg/yR2fUN0ja3gPltQ5S_e0NlGZ9gYRzcyyQCLcB/s1600/download.jpg" />
<meta name="googlebot" content="noarchive" />
<meta content="noindex, nofollow" name="robots" />
<meta name="medium" content="image" />
<meta property="og:type" content="website" />
<title>Berani yer....akik ni.........-(video inside)</title>
<meta http-equiv="refresh" content="0; URL=uuuuuuuuuuu" />
Try this ;)
Check your url here(URL debugger) to make sure you are providing info as expected by Facebook. Like to share image you need to add og:image property with meta tag.
Why are you adding following meta?
<meta http-equiv="refresh" content="0; URL=uuuuuuuuuuu" />
This will redirect from current url to uuuuuuuuuuu
I'm trying to use Facebook Open Graph meta tags for my site. I want my links to be showed correctly when I share them in Facebook. But it doesn't. When I test the link in Facebook Debuger but it always shows Error parsing input URL, no data was cached, or no data was scraped.. I searched a lot and read the Facebook's documentation about good examples and followed them. But no success. Here is my Page Code:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
<meta charset="utf-8" />
<title>تست</title>
<link rel="canonical" href="www.kaladaran.com">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="Product">
<meta name="description" content="Product">
<!--FACEBOOK-->
<meta property="og:type" content="website">
<meta property="og:title" content="Test">
<meta property="og:site_name" content="Kaladaran">
<meta property="og:url" content="www.kaladaran.com/test.html">
<meta property="og:description" content="Descritption">
<meta property="fb:app_id" content="My App Id">
<meta property="og:image" content="http://kaladaran.com/Data/1598/6ccec951-f124-43f6-abb0-a59e3d94bd67.jpg">
<meta property="og:image:width" content="250px">
<meta property="og:image:height" content="169px">
<meta property="og:locale" content="fa_IR"><meta property="article:author" content="https://www.facebook.com/KDAdsCo" />
<meta property="article:publisher" content="https://www.facebook.com/KDAdsCo" />
</head>
<body>
<div>
<h1>
Facebook Open Graph Tag Test
</h1>
<img src="http://kaladaran.com/Data/1598/6ccec951-f124-43f6-abb0- a59e3d94bd67.jpg" alt="Panasonic" />
</div>
</body>
</html>
I can't understand what is wrong with my code? Any help is appreciated in advance.
The line:
<link rel="canonical" href="www.kaladaran.com”> is causing the error. A canonical link is meant to point to the current page, not the home page.
Also, note that, the URL inside a <link> is relative if you leave out the http:// which is why you are getting the error.
Make it like :
<link rel="canonical" href="http://www.kaladaran.com/test.html">
<meta property="og:url" content="http://www.kaladaran.com/test.html">
Also, remember to type the exact same URL in the Facebook scraper.
When Facebook finds a canonical link that points to a different URL, it will treat it like a redirect .
From Facebook:
The following will be treated as a redirect by the crawler:
A HTTP redirect
A <link rel="canonical" href=".." /> tag
A <meta property="og:url" content=".." /> tag
https://en.wikipedia.org/wiki/Canonical_link_element
I have some meta tags for facebook and google in my HTML page, but eclipse shows a warning on the "property" and "itemprop". I tried different doctypes but it does not validate. Is there a way of getting rid of the warnings without disabling the validation for the HTML documents?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<!-- Facebook meta tags -->
<meta property="og:title" content="My Title" />
<meta property="og:description" content="My Description" />
<!-- Meta tags for google. -->
<meta itemprop="name" content="My Title"/>
<meta itemprop="description" content="My Description"/>
</head>
</html>
Go to Window->Preferences->Web->HTML Files->Validation
Check Ignore specified attribute names in validation and add "property, itemprop" to the text field bellow.
I couldn't see an obvious reason for the differences, but am pretty new to coding for facebook friendliness.
I've got a page on my site that shows flickr albums:
http://jpgme.co.uk/sports/index.php?type=sets
At the moment the headers source looks like this:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns:fb="http://ogp.me/ns/fb#" xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<title>Blue Line Ice Hockey Photography - Professional Ice Hockey Photography in Greater Manchester & Beyond</title>
<link href='http://jpgme.co.uk/sports/themes/blackstripe/css/blackstripe.css' rel='stylesheet' type='text/css' />
<link rel='alternate' type='application/rss+xml' title='Blue Line Ice Hockey Photography - Professional Ice Hockey Photography in Greater Manchester & Beyond' href='http://jpgme.co.uk/sports/index.php?type=rss' />
<meta property="fb:admins" content="61401353" />
<meta property="og:title" content="Blue Line Ice Hockey Photography" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://jpgme.co.uk/sports/"/>
<meta property="og:image" content="http://jpgme.co.uk/images/fb.jpg"/>
</head>
But all the facebook scraper can see is:
<!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"></head>
<body>
<div id="leftcontent"></div>
Trying scrapping after document load!
The possible reason is that you are trying to scrap before the whole page load.
Moreover FB using AJAX adds/removes the div as and when required, that can also be the possible problem.
I try to do include multiple og:image meta properties to associate multiple images with my page. According to Facebook's Open Graph protocol documentation, you have only put multiple og:image tags in the html head.
That's what I did but unfortunately it doesn't work.
I would be pleased, if anyone could give me a hint.
Code:
<head>
<meta name="og:title" content="Parents Inc." />
<meta name="og:type" content="website" />
<meta name="og:image" content="http://theparentingplace.automatem.co.nz//images/stories/media/Our%20Speakers/amanda_headshot.jpg" />
<meta name="og:image" content="http://theparentingplace.automatem.co.nz//images/stories/media/Our%20Speakers/bruce_headshot.jpg" />
<meta name="og:image" content="http://theparentingplace.automatem.co.nz//images/stories/media/Our%20Speakers/dave_phoebe_headshot.jpg" />
...
<meta name="og:image" content="http://theparentingplace.automatem.co.nz//images/stories/media/Our%20Speakers/zane_headshot.jpg" />
...
You can see an example page here:
http://pastehtml.com/view/bl3wbdtiu.html
http://pastehtml.com/view/bl3wbdtiu.html
This has
<meta name="og:title" content="Parents Inc.">
which should be changed to
<meta property="og:title" content="Parents Inc.">
You should also add xmlns:og="http://ogp.me/ns#" as a property of your HTML tag too.
<html prefix="og: http://ogp.me/ns#"> or like <html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
Further reading can be done: http://ogp.me/ and https://developers.facebook.com/docs/opengraph/