2011-04-21 53 views
2

當用戶在Facebook上共享我的網站時,Facebook允許他們選擇縮略圖以與共享一起使用。我希望唯一的圖片可以成爲我的網站徽標,但我不確定要達到此目的的最佳方法是什麼。當我的網站在Facebook上共享時,如何防止圖像顯示爲縮略圖選項?

因此,例如,本應顯示爲一個選項:

<img src="logo.png" /> 

但我想其他的圖像被忽略:

<img src="news1.jpg" /> 
<img src="news2.jpg" /> 
<img src="footerDetail.jpg" /> 

回答

5

嘿,那是很容易的,你只需要在頁面中指定並打開圖形元標記。

對你來說會是因爲添加以下內容到頁面HEAD簡單:

<meta property="og:image" content="YOUR_IMAGE_URL"/> 

您可以在這裏找到打開的圖元標記的完整參考:http://developers.facebook.com/docs/opengraph/

而且你可以測試如果Facebook發現您的圖片在這裏正確: http://developers.facebook.com/tools/lint

(您需要使用第二個鏈接進行測試,以便Facebook將刷新其關於您網站的緩存信息)。

乾杯:)

+0

我不是100%地肯定緩存的事.. – dwarfy 2011-04-22 22:42:14

+1

其實我看到,我並沒有真正回答你的問題:防止顯示了你就必須使用上述方法來指定其他圖像的圖像。您也可以指定多個'OG:image',您將能夠選擇哪一個,當你分享的鏈接使用。 – dwarfy 2011-04-23 10:10:04

3

只是這樣做對其他應用:對opengraph鏈接居然沒有爲我工作。

什麼工作是被添加這樣一行

<link rel="image_src" href="http://{site hostname}/{path to icon}" /> 

頁面的頭部。無論如何,我都添加了opengraph標籤,但到目前爲止image_src已經完美表現了。

相關問題