2010-10-15 95 views
22

可能重複:
How does Facebook Sharer select Images?Facebook的sharer.php,如何有多個og:圖像標籤?

我們正在使用Facebook的服務sharer.php分享我們的網站頁面。現在,這很好,但我們現在很難找出如何爲用戶提供多個縮略圖(sharer.php頁面爲多個圖像提供UI,因此必須以某種方式進行)。

我們目前有此meta標籤:

<meta property="og:image" content="http://www.mysite.com/myimage.jpg" /> 

我們找不到任何建議如何做到這一點。有人有任何想法嗎?

+0

這很可能。請參閱:http://ogp.me/ – 2014-03-03 18:42:27

回答

1

我找到了一個解決方案,通過將圖像添加到身體而不是在元信息中,然後隱藏它們,就像這樣;

<body> ...

<img src="http://image1" width="41" height="41" border="0" alt="text describing the image" style="visibility:hidden" /><br/>

<img src="http://image2" width="41" height="41" border="0" alt="text describing the image" style="visibility:hidden" /><br/>

etc ... </body>

它只是來找我從閱讀,如果沒有OG:在給定的圖像屬性,則縮略圖從體內取出,並即使隱藏也是如此。你可能會刪除寬度,高度等來整理它,但我想爲什麼當浪費時間,當它隱藏無論如何,我只是剪切和粘貼,並將其隱藏起來。

希望這會有所幫助。

17

我來到這裏有同樣的問題。經過一番挖掘,我發現你可以有多個og:image標籤。

Facebook Developers,下OG:圖片:

我們支持PNG,JPEG和GIF格式。 您可能包含多個og:圖像標記,以將多個圖像與您的頁面關聯。

請記住,Facebook可能需要一些時間才能識別出您已經向蜘蛛緩存中添加了新圖像。您已經使用類似按鈕分享的鏈接或複製到您的狀態的鏈接受此影響。

編輯:如果即使您已經更改了OG標籤,但即使Facebook顯示相同的圖片也存在問題,這可能是因爲Facebook緩存了它。如果是這種情況,請使用Facebook的OG Debugger here查看您的標籤。

24

我一段時間以來一直在使用多個圖像。使用多個og:image meta標籤是這樣的:https://developers.facebook.com/tools/debug/

調試器/棉短絨:

<meta property="og:image" content="http://www.example.com/image01.jpg"> 
<meta property="og:image" content="http://www.example.com/image02.jpg"> 

已經被共享(一個圖像)的任何頁面可以通過加載在調試器/棉短絨這裏的鏈接進行更新將而不是顯示所有圖像的預覽 - 它只顯示最後一個圖像(我相信下面它提及它已經拉過了什麼圖像),但它確實工作。

+1

@Flimm我在一個頁面中有多個圖像,並且每個圖像都有一個fb分享按鈕。我需要每個分享按鈕的自定義圖像。 og:圖片元標記只允許每頁設置一個圖片集。我如何讓每個分享按鈕擁有自己的圖像? – anubhav16 2017-04-06 08:49:13

+1

@ anubhav16我不認爲沒有單獨的頁面就沒有辦法。 – Flimm 2017-04-14 07:21:39

相關問題