2013-11-28 190 views
19

我已經運行我的網站通過調試器和正確的og:圖像拉起來,但是當我點擊我的網站上的共享按鈕時,我得到一個不同的圖像。如果我點擊我的iPad上的分享按鈕,我會看到錯誤的圖像和第二張圖像,這是正確的圖像。測試在鉻和IE9,既不給我正確的形象。這個工作一直持續到幾天前。Facebook打開圖形圖像不顯示

網站www.bodhitee.com

這裏是我的OG標籤

<meta property="og:title" content="20% of each sale helps fight reckless fracking and mining."/> 
<meta property="og:description" content="www.bodhitee.com: Cool Baby and Kids Clothes for a Cause"/> 
<meta property="og:image" content="https://www.bodhitee.com/product_images/uploaded_images/bodhitee-fb-earthworks-nofrack.jpg"/> 

回答

46

當拉從URL的網頁Facebook的緩存這對以後的內容。這意味着,如果Facebook一次從您的網站提取數據,而不是您的網站更改(例如您的og:image標記更改),則Facebook不會更改圖像,因爲它已經將所有內容都緩存在了一邊。

嘗試訪問Facebook Debugger頁面並查看Facebook「看到」的內容。使用此工具將強制Facebook刷新給定URL中的數據。這是調試它的最好方法。

當您確定Facebook「看到」正確的og:image標記時,請確保og:圖像中的圖像具有適當的最小寬度/高度(全部在fb調試器中進行了說明)。如果Facebook不符合FB標準,Facebook將不會使用來自og:image的圖片。

我強烈建議使用此工具,無論您的網站在FB上的內容有何問題。

+5

+1鏈接到Facebook調試器 - 偉大的工具來排序這些問題 –

2

我注意到你的圖像是一個安全的鏈接。我遇到了同樣的問題,但我將其更改爲http(不安全),並在Facebook調試器工具中進行了1次或2次刷新,並且工作正常!在此Q/A圖像HTTPS的東西:

一束OG FB OpenGraph og:image not pulling images (possibly https?)

0

我相信我通過使用固定這以下行。這對我來說並不合乎邏輯,因爲我的og:image標記是完美的,Facebook也看到了它。

<meta itemprop="image" content="https://blahblahurl.png"> 
3

我已經讀過安全URL需要在調用中有額外的代碼。

og:image:secure_url - 如果網頁需要使用HTTPS,則使用替代網址。

1

你應該使用Facebook的鏈接調試的檢測問題
https://developers.facebook.com/tools/debug/sharing/
您只需要輸入您要查詢的問題你的鏈接。
如果你的鏈接Facebook已經緩存了它,那麼你按下[Scape again]按鈕重新加載鏈接。
如果您的鏈接有任何問題,那麼Facebook會爲您警告。

2

對於它的價值,我的問題是我的cPanel上有「熱鏈接保護」,這阻止了FB獲取圖像並在其他地方共享。我沒有選中它,現在它正在顯示圖像。