我使用Facebook的開放圖譜協議:Facebook的共享將無法使用指定的圖像和鏈接
http://developers.facebook.com/docs/reference/plugins/like/
下面是一個測試頁面代碼。我的理解是,當某人「喜歡」這個時,放在其 頁面上的帖子中的圖片圖標應該是在og:image中指定的圖片圖標,並且帖子中的可鏈接url應該是在og:url中指定的那個。
實際上,它似乎將URL截斷爲域,而不是使用提供的圖像,它會隨機選取一個圖像(我的猜測是它只是從掃描中看到的第一個圖像或指定的其他位置碼)。
我在這裏做什麼顯然不對?
<!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>
<title>My Site</title>
<meta property="og:title" content="My Site Title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.mysite.org/videos/index/16922653" />
<meta property="og:image" content="http://b.vimeocdn.com/ts/104/367/104367616_200.jpg" />
<meta property="og:site_name" content="My Site" />
<meta property="og:app_id" content="5555555555" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="image_src" href="http://b.vimeocdn.com/ts/104/367/104367616_200.jpg" />
</head>
<body>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like href="http://www.mysite.org/videos/index/16922653" show_faces="false" width="450" />
</body>
</html>
更新:@echese
很好的建議。然後,從「調試」部分獲得此反饋:
Data Source "website" extracted from <meta property="og:type" />
Data Source "My Site Title" extracted from <meta property="og:title" />
Data Source "http://www.mysite.org/videos/index/16922653" extracted from <meta property="og:url" />
Data Source Extracted 1 values from <meta property="og:image" />: http://b.vimeocdn.com/ts/104/367/104367616_200.jpg
Data Source "My Site" extracted from <meta property="og:site_name" />
看起來像它瞭解圖像的URL。它建議我嘗試了一些iframe代碼,但仍然沒有骰子,我沒有得到我指定的圖像。
的'website'類型通常是指爲根網站,比如你會使用它通過'http:// example.com /',你可能有更好的運氣與'文章'類型。此外,Facebook緩存Open Graph數據,因此您還需要通過linter運行它來更新它。 – 2011-04-05 21:35:43