2012-04-14 20 views
0

我想控制哪些圖片Digg.com,Facebook和其他人,但我很少見面。Digg.com,Facebook和其他不正確的網站圖像拾取,如何糾正?

這是我印象中,這應該是作爲添加以下的頭一樣簡單:

<link href='/path/to/image.jpg' rel='image_src'> 

然而,似乎沒有任何拉起該圖像Digg的: Digg - no image

而Facebook也將不拉圖片我希望它顯示,特別是默認情況下: Facebook - no image

什麼是正確的方法在這裏要解決這個主要針對Digg和Facebook(即如果有兩個單獨的方法)

+0

克勞迪烏的回答是一個很好的一個。我還會指出這個工具,它可以幫助您解決這些問題:https://developers.facebook.com/tools/debug – 2012-04-14 19:38:12

+0

謝謝,是的,它很好,但是沒有一個提到其他服務獲取方面一個定義的圖像。看起來確實需要使用FB元屬性,但我不知道這些元屬性,但這留下了Digg等其他服務的定義圖像的問題。 – ylluminate 2012-04-14 19:43:11

+1

你應該在digg上嘗試相同的'og:image',因爲它們可能已經實現了相同的OGP – 2012-04-14 19:45:49

回答

3

簡單的例子:

<meta property="og:title" content="The Rock"/> 
<meta property="og:type" content="movie"/> 
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/> 
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/> 
<meta property="og:site_name" content="IMDb"/> 
<meta property="fb:admins" content="USER_ID"/> 
<meta property="og:description" 
     content="A group of U.S. Marines, under command of 
       a renegade general, take over Alcatraz and 
       threaten San Francisco Bay with biological 
       weapons."/> 

這一切都在文檔:https://developers.facebook.com/docs/opengraphprotocol/

編輯:

確保您使用調試器來重新測試網址如Facebook緩存這些類型的結果相當長的一段:https://developers.facebook.com/tools/debug

+0

感謝您的詳細信息。看起來好像簡單地使用「og:image」屬性應該可以做到這一點,但是FB仍然沒有拾取圖像。您是否知道某種FB緩存是否需要先到期,或者其他字段是否也必須存在才能使「ob:image」字段正常工作? – ylluminate 2012-04-14 20:37:48

+0

編輯原始答案與答覆:) – Claudiu 2012-04-14 20:40:52

+0

原來,通過利用你的答案+糾正我發佈的初始文章(我發現問題使用調試器如上所述)與完整的圖像路徑,它現在可以在整個板上工作。謝謝! – ylluminate 2012-04-14 23:29:09

0

Facebook的圖片代碼:

<meta property="og:image" content="path">

0

也許你找Open Graph Protocol特異性使用property="og:image"元標記。

例子:

<meta property="og:image" content="http://example.com/images/FB.png" />