2011-05-16 49 views
10

可能重複:
How does Facebook Sharer select Images?使用Facebook的Open Graph協議,是否允許多個縮略圖圖像?

根據Facebook的Open Graph protocol documentation,您可以包括多個og:image元屬性與您的網頁多個圖像相關聯:

og:image - 圖像應該 代表您在012內的對象的網址圖。圖像必須是至少50像素 由50像素和具有3的最大縱橫 :1的比例。我們支持PNG,JPEG和 GIF格式。您可以包括多個 og:image標籤多個 圖片與頁面相關聯。

然而,當我打開我的頁面在URL Linter,我得到一個警告:

重複的標籤:您使用「圖像」多次,但它應該只出現一次

那它是哪一個?

有沒有更好的方式來多個縮略圖與頁面相關聯?

+0

這只是他們的短絨......就像你說的,多OG:圖像工作得很好。 – kape123 2011-06-07 19:07:56

回答

3

作爲替代OG:圖像meta標籤,您可以將您的縮略圖DOM的結束,並設置其可見性設置爲隱藏。雖然縮略圖在頁面上不可見,但Facebook會識別縮略圖。我通常這樣做是爲了增加防範措施,因爲我在過去經歷了一些帶有元標記的片狀行爲。

+0

這聽起來很有希望。你能編輯你的答案來包含一個例子嗎? – 2011-06-08 06:57:53

+1

如果您設置了一個''':'':'':''''標籤,則Facebook不會在DOM處讀取其他圖片。所以你必須考慮一個:手動使用opengraph和設置圖像,或者Facebook自動從DOM獲取數據。 – 2012-11-20 08:59:25

9

您可以添加多個OG:圖像meta標籤。 Facebook有左/右箭頭控件,允許用戶在圖像之間進行選擇。

如果URL短絨看到多於一個OG:圖像標記時,它應該在調試下顯示爲一個數據源具有多個值:

萃取3個值從<meta property="og:image" />:[圖像 位置],[圖像位置],[圖像位置]