facebook - Facebook：meta og：图像不起作用

Question

我将这个元用于我的网站

<meta property="og:image" content="http://tongkienphi.com/public/uploads/2013/3/702594ed31541de6fc7ab4ba488bc14f_thumb.jpg"/>

但是，当我发布一个到 facebook 的链接时，它没有检测到该图像，它总是检测到横幅图像:(

Answer 1

在添加元数据之前，检查 facebook 是否已经缓存了标题图像。

将您的 URL 放入此站点，facebook 将帮助您：

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

Answer 2

我从有关此线程的许多不同问题中尝试了许多解决方案。没有任何效果。

需要报价

如果 og:image 属性在引号之间，Whatsapp Android 只会正确读取它。这可能是一个错误。

我的 index.html 带有双引号，但是当我为生产（npm run build）构建它时，引号被 Minify 模块删除。

为避免引号被删除，只需将 removeAttributeQuotes 属性设置为 false。

minify: {
    ...
    removeAttributeQuotes: false,
    ...
}

在我的开发环境中，我将其设置在“webpack.prod.conf.js”文件中。将其设置在等效文件中。

现在，只需重建它并上传到服务器。

问题解决了。只需在头部元 og 属性中使用引号，就会显示共享图像。