2011-02-11 129 views
14

可能重複:
How does Facebook Sharer select Images?Facebook分享網址縮略問題

想擁有的份額縮略圖使用時,在現場分享按鈕,它使用http://www.facebook.com/sharer.php用戶共享網站的網址,以實現這一目標。

網站沒有img標籤,所有圖片都是在css中定義的。

我加入meta標籤的圖像:

 
<meta property="og:image" content="/images/branding/branding-logo.png"/> 

 
<link rel="image_src" href="/images/branding/branding-logo.png"/> 

,但它不工作:(

回答

20

使用Open Graph Meta Tags完整列表:

  • OG :標題 - th的標題e實體。
  • og:type - 實體的類型。您必須從Open Graph類型列表中選擇一個類型。
  • og:image - 表示實體的圖像的URL。圖片必須至少50像素x 50像素。方形圖像效果最佳,但您可以使用最多三倍於圖像寬度的圖像。
  • og:url - 表示實體的頁面的規範永久URL。當您使用Open Graph標記時,Like按鈕將鏈接發送到og:url,而不是Like按鈕代碼中的URL。
  • og:site_name - 您網站的可讀名稱,例如「IMDb」。
  • fb:admins或fb:app_id - 頁面管理員的Facebook ID或Facebook Platform應用程序ID的逗號分隔列表。至少,只包含您自己的Facebook ID。

也使用絕對URL而不是相對!

編輯:
請注意,Facebook的緩存爲特定時期的網頁,所以你可能不會注意到你的改變的時候了。檢查Facebook是否會實際進行更改的一種好方法是在網址中僞造一個參數。
例如,如果您的網址顯示爲:http://example.com/index.php
添加如下內容:http://example.com/index.php?123然後在URL Linter中使用它。;-)

編輯2:
你可以直接使用Facebook的短絨(現在叫Debugger),但要注意,一些數據無法在某些情況下發生變化,說明here

編輯Meta標籤

您可以通過更新網頁的012更新頁面的屬性標籤。請注意,og:標題和og:類型最初只能編輯 - 在您的頁面收到50個喜歡標題變爲固定的頁面後, 以及您的頁面收到10,000個喜好後,類型將變爲固定。 這些屬性是固定的,以避免令人驚訝的用戶誰已經喜歡 頁面。在達到這些限制 後,更改標題或類型標記不起作用,您的頁面保留原始標題和 類型。

+0

嘗試使用絕對URL,它沒有工作:( – MatejB 2011-02-12 17:44:13

+2

是的,緩存是問題!:) – MatejB 2011-02-14 16:14:33

0

就像ifaour說的那樣,你必須使用絕對URL或者它們不會被顯示。 <link>標籤應該可以正常工作。

6

粘貼你的ulr https://developers.facebook.com/tools/debug/。 facebook Open Graph Debugger會告訴你到底是從你的頁面讀取什麼。並且還會更新頁面的Facebook緩存,以便它可以嘗試再次從中讀取圖像。