我自己也一直在尝试这样做，我已经添加了所有正确的元标签:

<meta property="og:image" itemprop="image" content="image_url" />
<meta property="og:image:url" itemprop="image" content="image_url" />
<meta property="og:image:type" content="image/png" />

但在WhatsApp上分享我的链接时却看不到图片。

我发现WhatsApp也做了一些缓存的图像和url信息，不知道多长时间。

为了检查是否插入了正确的标记，我只是尝试了不同的url，例如:http://domain.com而不是http://www.domain.com。

希望这对其他人有所帮助。

在失去4个小时后，在这个话题上发表我的意见。

我正在编写一个用webpack编译的vue应用程序。 默认情况下，Webpack缩小了HTML，就像屠夫一样。它从许多属性中删除了双引号。

Whatsapp讨厌这一点! 它只是跳过属性值周围的引号格式不正确的字段。

关闭索引的最小化，一切都会好起来的!

下面是如何使用Vue-CLI，在vue.config.js文件中添加这个:

    module.exports = {
      chainWebpack: config => {
        config.plugin('html')
          .tap(args => {
            args[0].minify = false
            return args
          })
      }

来源:https://github.com/vuejs/vue-cli/issues/4328#issuecomment-595682922

即使在这些尝试之后。我的网站图片有时会被取走，有时不会。 在https://developers.facebook.com/tools/debug/sharing验证后

意识到我的django (python)框架是渲染图像路径相对。我必须用完整的url更改图像的路径。(包括http://)。然后它开始工作了

有同样的问题，添加了og:image，当url以斜杠(/)结束时，它不能工作。从URL中删除斜杠后-图像被加载..有趣的错误……

因为在这一点上，这个问题几乎是一个支持小组，为那些因各种原因而遭受WhatsApp不加载图像预览的人提供支持，下面是我的情况的根本原因，希望它最终能帮助到一些人:

确保元标记og:image内容链接使用HTTPS

当我通过https使我的网站可用时，我忘记了具体地将元标签从http更改为https。除了WhatsApp，其他所有社交媒体预览版都对这张照片进行了处理。

简单地让它https固定它为我。

我想提醒大家注意一个事实，简单的<meta property="og:image" content="image.png" />，正如上面所建议的那样，并不适合我(这实际上已经让我在一个循环中好几周了)。可以使用绝对URL: <meta property="og:image" content="https://domainname.com/image.png" />

或者以斜杠开头(如果图像在根目录中): <meta property="og:image" content="/image.png" />

(我本想把这句话作为评论，但现在还不允许这样做。版主可以随意移动这个，如果更合适的话。)