2

我有一個博客文章here。當我在Facebook上分享時,預覽圖像不顯示。Facebook預覽圖像不顯示爲wordpress博客文章

我試過重新刮the facebook developer tool它沒有給出錯誤,並顯示正確的og:圖像標籤,但不更新預覽圖像。

<meta property="og:image" content="http://gingerslist.com/blog/wp-content/uploads/2015/11/blossom-233838_1920.jpg" /> 

當前圖像是1920 x 1276,遠高於200x200的要求。這是304KB,遠不及8MB的大小限制。我試過收縮它,沒有運氣。

我試過的設置是作爲特色圖像和作爲後的第一張圖片。沒什麼幫助。

+0

可能是一些緩存問題。我沒有發佈,但FB粘貼您的博客鏈接時給了我這個預覽:https://d2ppvlu71ri8gs.cloudfront.net/items/2A3F1K0s3G3v1Q0s1P3B/Screen%20Shot%202017-05-10%20at%208.18.50%20PM .jpg – brasofilo

+0

是的!看起來有點耐心修復它。 :) 謝謝! –

回答

0

耐心解決了這個問題。這可能是瀏覽器的緩存問題。

感謝@brasofile讓我知道它工作。

1

耐心沒有幫助我的情況。 一旦圖像發佈時沒有圖像預覽,他們就再也沒有回來。這導致了一個病毒後缺少圖像的巨大問題......你可以想象。 Facebook調試器工具中的重新刮臉實際上是Facebook推薦用來解決此問題的方法。 (查看開放圖表的facebook的最佳實踐文檔)雖然,這不會帶回舊帖子的預覽圖像(至少對我來說,我已經重新貼了幾個月的帖子,仍然沒有預覽圖像)。 的Facebook提出了兩種解決方案:

  • 首先是添加圖像的高度和寬度
  • 二是刮在developer.facebook調試工具

第一個解決方案似乎沒有圖像工作了。它並不適合我,我一直在這裏看到越來越多的人在寫這篇文章。它不再工作了。 第二種解決方案是唯一可行的解​​決方案。但有一個問題。手動進行一次手動操作可能沒有問題,但如果您希望事情順利進行並且每天在Facebook上發佈大量帖子,這不是一個解決方案。自動化是必需的。 所以爲了使用Facebook建議的唯一解決方案,您可以在頁面的頁腳中添加一個iframe,在發佈時會爲您做出報廢,並且這樣它將始終與圖片預覽,全部自動完成。

只需將以下內容添加到您網站的footer.php文件中。

<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> 

如果facebook將鏈接更改爲其調試器,您可能希望在將來繼續進行定期檢查。你也需要改變它。 此外,「the_permalink()」部分是放置您的網址的位置,可以導向您正在使用的網站頁面。我在這個鏈接中插入的代碼是爲你自動完成的。

你可能已經標明你的答案作爲一個解決方案,但請記住,它不是,它可能在最糟糕的時刻可能咬你的A * S(認爲病毒後...)

歡呼聲

感謝用戶Dan提供線索如何解決此問題。