2017-08-08 69 views
0

我們已經有很多新聞文章正確分享到Facebook,但截至上週末我們開始看到錯誤的og:image分享到Facebook。使用調試工具,第一次獲取時,我會得到一個警告「圖像太小」,這可能是爲什麼它默認爲其他圖像。但是這個圖片並不是很小。這可能是一些與我的圖像在亞馬遜桶中的標題問題?無法指出問題呢。Facebook OG圖片突然行爲不端

enter image description here

按刮又2次,然後我得到正確的OG:圖像

enter image description here

爲試圖解決這個問題我已經添加OG:圖像:寬度和OG:圖片:高度,但迄今無濟於事。

調試器網址:https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Fwww.maltatoday.com.mt%2Fnews%2Fworld%2F79568%2Fsicily_firefighters_caused_fires_for_cash

+0

實際上添加og:image:width和og:image:height可能已經解決了它。奇怪的是,我們從來沒有這些,以前工作。 將標記問題解決如果這可能會對別人有幫助 –

回答

0

添加og:image:width和og:image:height作爲附加元標記爲我解決了這個問題。用戶nunsy_grey提到,這並不能解決它對一些用戶如此值得看看這alternative solution

1

添加高度&寬度不夠給大家。 我爲我的網站做了同樣的事情,它沒有修復它。它總是需要第二次刮擦,然後它會重新獲取正確的圖像。 即使添加所有meta OG標籤後,情況也沒有改善。 我注意到很多其他人遇到這個相同的問題,並增加高度&寬度元不解決它。

在這種情況下,您需要在您的頁腳中添加一個iframe,並將其設置爲不可見,並在頁面加載時轉至facebook調試器,並自動爲您再次刷新url。 這是根據Facebook的解決方案。您需要第二次刮(參考best practises「預緩存圖像」下)。這是手動完成的反作用,所以只需在腳註中添加以下代碼即可完成。

<iframe style="width:0; height:0; margin:0; padding:0; border:0; position:absolute;" src="https://developers.facebook.com/tools/debug/sharing/?q=<?php the_permalink(); ?>">‌​</iframe> 

的幾個注意事項要牢記:

  • 此鏈接導致調試器工具是在寫這篇的時候有效(2017年8月)。我已經看到過去的鏈接不同,所以如果鏈接在將來發生變化,只需更改iframe中的鏈接。

  • 緊接在「?q =」之後的url部分是放置您發佈到Facebook的鏈接的地方。我使用了the_permalink(),因爲它會自動檢查頁面的URL並將其放入鏈接中。如果您想爲單個帖子執行此操作,請將其替換爲您的實際鏈接。這是一個WordPress的PHP頁面。如果這不是您網頁的正確代碼,請將其更改爲您正在使用的語言。

我希望這可以幫助大家尋找這個奇怪的Facebook錯誤的答案。它可以救我〜我的生命〜6小時。 乾杯

感謝用戶Dan提供關於如何解決這個問題的線索。

+0

他們真的建議第二次刮? iframe,雖然它的工作,聽起來像一個壞主意,因爲它會爲每個請求做到這一點。在網站擁有大量流量的情況下,我認爲Facebook會將我們標記爲惡意網域或最終發佈。 –

+0

幸運的是,我們大部分的文章都是在OG的高度和寬度上進行刮擦。 希望這是facebook即將修復的問題 –

+1

您可以在此處查看Facebook上的建議[鏈接](https://developers.facebook.com/docs/sharing/best-practices)「**預緩存圖片**「我知道,這似乎很奇怪,並不適合高流量的網站,但現在我正在使用它。只要有更好的解決方案,我會改變我的網站。 –