Question

我将这个元素用于我的网站

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

但是，当我向Facebook发布一个链接时，它没有检测到该图像，它始终检测到横幅图像：（

Answer 1

在添加元数据之前，请检查Facebook是否尚未缓存标题图像。

将您的网址放入此网站，Facebook将帮助您：

Answer 2

我从有关此线程的许多不同问题中尝试了许多解决方案。什么都没有。

需要报价

Whatsapp Android仅在引号之间正确读取og：image属性。这可能是一个错误。

我的index.html用双引号引起来，但是当我将其构建用于生产（npm run build）时，Minify模块会删除引号。

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

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

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

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

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