2017-01-27 107 views
2

我第一次沒有工作我正在建立一個圖像以便附加到頁面以在Facebook上共享。一切似乎都很好,直到它擊中共享對話框。 Facebook似乎並沒有刮,,因爲圖像沒有顯示出來。如果我刷新該對話框頁面,它會加載圖像(從第一次去爬行它?)。Facebook共享圖像(og:圖像)雖然有og:image:width和og:image:height

我讀過幾頁是說我只需要指定OG:圖像:寬度OG:圖片:高度允許即時渲染,但似乎並不奏效。這裏是我的meta標籤:

<meta property="fb:app_id" content="###"/> 
<meta property="og:type" content="website" /> 
<meta property="og:url" content="###" /> 
<meta property="og:title" content="My Page Title" /> 
<meta property="og:description" content="My Page Description" /> 
<meta property="og:image" content="http://the-domain/the-image.jpg" /> 
<meta property="og:image:width" content="1200" /> 
<meta property="og:image:height" content="630" /> 
<meta property="og:image:type" content="image/jpeg" /> 

我在這裏錯過了什麼嗎?

+0

即時通訊有相同的問題,不能解決。正在提供高度和寬度,但Facebook並未將其顯示爲預覽的一部分。 –

+0

同樣的問題,它似乎比唯一的解決辦法是去共享調試器螞蟻刮網址,直到它的工作:(任何進展? –

+0

也許一個解決方案可以自動化像iframe中的重定向的東西Facebook共享調試器https:// developers.facebook.com/tools/debug/sharing/?q=http://myweb.com/path –

回答

0

對於這些類型的問題,我建議查看Facebook提供的調試工具。快速識別您收到的演出停止錯誤非常好。

https://developers.facebook.com/tools/debug/

只是一對夫婦的事情要記住,有時圖像或頁面將超時如果Facebook發現它的服用超過1s更長的時間來獲取數據。如果og:url與您期望Facebook訪問的頁面不同,我也會在自己的實現中發現問題。這兩個值必須匹配,因爲最終它是Facebook正在嘗試刮取的og:url值。

+0

是的,這個頁面在調試工具中完全乾淨了。另外,og:url看起來與共享頁面的URL,沒有重定向或https有趣的業務。欣賞想法壽。 – Whit

+0

圖像是否出現在調試工具? – biscuitcleaver

+0

@biscuitcleaver facebook調試工具給我這個問題無法下載,因爲它超過了允許的最大尺寸8Mb或您的服務器響應速度太慢 我從雲端獲取圖像,圖像小於30 kb,也是有效的圖像URL如果我給瀏覽器中的網址,然後圖像正在顯示,但Facebook調試工具給了我這個錯誤。 請幫助我解決這個問題。 – usama