分享網址鏈接不會在 Facebook 上顯示縮略圖

Question

我有一些提供 facebook 共享的示例網址。 但是 url 頁面內的圖像不會顯示在 facebook 評論框中。 我已經像這樣插入了 Meta 標簽

<meta property="fb:app_id" content="xxxx"/>
<meta property="og:site_name" content="xxxx"/>
<meta property="og:title" content="xxxx" />
<meta property="og:description" content="xxx" />
<meta property="og:type" content="xxx:photo">
<meta property="og:url" content="http://www.example.com/content/xxx"/>
<meta property="og:image" content="http://www.example.com/images/xxx.png"/>

*我的圖像是 1000*1000 像素（寬*高）。

有什么解決辦法嗎？

Answer 1

您的元標記應如下所示：

<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>

它必須放在您要共享的頁面上（這在您的問題中不清楚）。

如果您在圖像（或元標記）出現之前共享了頁面，那么 facebook 有可能在其“內存”中沒有圖像的頁面。 在這種情況下，只需在調試工具http://developers.facebook.com/tools/debug 中輸入您頁面的 URL。 之后，下次共享頁面時應該顯示圖像。

Answer 2

問題在於 facebook 緩存，解決方案是通過轉到鏈接來刷新 facebook 緩存。 https://developers.facebook.com/tools/debug/og/object/

並按下按鈕“獲取新的抓取信息”。

希望能幫助到你

Answer 3

我發現您使用 og:image 指定的圖像必須實際存在於 HTML 頁面中的圖像標記內。

只有在我為圖像添加了圖像標簽后，縮略圖才會出現。 它被注釋掉了。 但工作。

Answer 4

我的網站也面臨同樣的問題。

使用 Facebook 調試工具根本沒有幫助。 獲取新數據但不獲取 IMAGE CACHE。

我通過添加 www 強制 facebook 清除 IMAGE CACHE。 進入圖片網址。 在您的情況下是刪除 www。 並配置 Web 服務器重定向。

 add/remove www. in image url should solve the problem

Answer 5

上面的答案很好，它們應該可以解決您遇到的大部分問題。 但是要直接從 facebook 查看錯誤，您可以使用鏈接https://developers.facebook.com/tools/debug/sharing/

這樣您就可以確定需要采取的步驟。

我發現 og:image 元的 URL 必須是絕對 URL

Answer 6

我遇到了這個問題，雖然我有 og:image（和其他），但我缺少 og:url 和 og:type，所以我添加了它們，然后它就起作用了。

<meta property="og:url" content="<? 
 $url = 'https://' . $_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF']."?".$_SERVER['QUERY_STRING'];; 
echo htmlentities($url,ENT_QUOTES); ?>"/>