6

我無法讓Facebook識別og:圖片標記。它似乎正確地刮,但後來我得到這樣的警告:Facebook無法識別元數據

OG:圖像無法下載或太小 提供OG:圖像無法下載或不夠大。請使用至少200x200px的圖片,並可從Facebook訪問。圖片'http://ericrovtar.com/images/logo/800x200_reverse.png'將被用來代替。

然而綜觀從調試器的原始數據:

"image": [ 
     { 
     "height": 1080, 
     "url": "http://ericrovtar.com/images/posts/fitz-simmons.jpg", 
     "width": 1920 
     } 
    ], 

這顯然看到合適的高度和寬度,符合Facebook的最低要求,所以我不知道它在抱怨。

如果有人能幫我弄清楚,那會很棒。

回答

7

這是一個常見問題,現在和當時在開發者論壇中報告爲bug。這可能是因爲您的圖片太大而無法加載(或加載速度太慢)。如果我沒有記錯的話,Facebook推薦的圖像現在是600x600像素,我們仍然有時會發現Facebook Crawler存在這個問題(即使分辨率和尺寸正確,圖像太小)。您可以找到當前打開的錯誤報告,並在需要時訂閱:https://developers.facebook.com/bugs/294523810715538/

+1

感謝。我想也許它與Jekyll路由URL或什麼有關。 – Eric

1

我發現Facebook很大程度上依賴於圖像的正確HTTP標頭。

我有一個圖像,沒有內容類型頭和Facebook拋出有問題的錯誤。一旦我將內容類型標題固定到正確的標題(在我的例子中是「image/png」),它就開始工作了。

(一個小小的修改 - 特定的圖片仍然沒有工作,因爲我認爲是由於Facebook上的緩存,但另一個類似的圖像取得好)。

+0

圖像尺寸指南可以在這裏找到(https://developers.facebook.com/docs/sharing/best-practices#images)。問候。 –

14

我添加了圖像的其他元數據,這裏列出:http://ogp.me/和那工作。具體來說:

<meta property="og:image:type" content="image/jpeg" /> 
<meta property="og:image:width" content="400" /> 
<meta property="og:image:height" content="300" /> 

但是它並沒有起作用,當我的圖像是366x363,即使這是關於分鐘。 200x200的。我不得不將圖像的大小加倍,然後工作。去FB的路!

+1

爲我修好了。 – resting

+0

這與圖片600x400爲我工作結合。 – cpb2

3

當og:image調試是不正確的「og:url」值時,這是一個非常常見的問題。即使在後面的斜線&字母大小寫在og:url值中。它必須與您共享才能正常工作的完全一樣。

我也貼在下面的錯誤報告線程這個答覆:

https://developers.facebook.com/bugs/511829238949092 https://developers.facebook.com/bugs/204880016332273

+0

謝謝,這是我的情況 – MyMomSaysIamSpecial

+0

這解決了我的og-image問題。謝謝!! – Gerfried

1

我跑進這個問題貼,以及錯誤和問題竟然是,我們是通過SSL爲網頁提供服務,並且在線具有不安全的og:image標籤。

網址:https://ourpage.com/the-article

當我們只在頁面上此標記,從問題的錯誤:OG:圖像無法下載或太小提供OG:圖像無法下載或不夠大。

<meta property='og:image' content='https://ourpage.com/img.jpg' /> 

當我們添加了這個標籤頁面,確認頁面正確:

<meta property='og:image:secure_url' content='https://ourpage.com/img.jpg' />