2011-04-05 60 views
0

我使用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代碼,但仍然沒有骰子,我沒有得到我指定的圖像。

+0

的'website'類型通常是指爲根網站,比如你會使用它通過'http:// example.com /',你可能有更好的運氣與'文章'類型。此外,Facebook緩存Open Graph數據,因此您還需要通過linter運行它來更新它。 – 2011-04-05 21:35:43

回答

2

嘗試運行URL Linter以查看是否可以在您的網頁上找到任何錯誤。

+0

謝謝。看到我的更新在orig。後 – PeterG 2011-04-05 20:53:04

+0

謝謝,你救了我的生命 – 2015-07-22 11:46:43

0

hmm maybe(maaaaaaybe)這是因爲你沒有在html標記上的og命名空間.. 或..也許是因爲圖像的url與你的頁面不在同一個域中?

好運

+0

也許是因爲圖像的網址是在不同的域上比你的網頁=>我也這麼認爲,但我沒有看到他們的文件中列出了這種限制的任何東西。嘗試使用除「網站」以外的其他類型的建議。我一直覺得有一些隱藏的文檔,我應該閱讀?大聲笑 – PeterG 2011-04-05 23:37:01