你需要以下标签来获得WhatsApp图像预览:

<meta property="og:title" content="Website name" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://url.com/" />
<meta property="og:description" content="Website description" />
<meta property="og:image" content="image.png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="600" />

正如Facebook文档所说，如果你指定了og:image大小，它将被快速获取，而不是异步获取。

图片格式建议为PNG。 推荐至少600x600像素。

如果你想在某人在WhatsApp上分享的你网站的url旁边放一张照片，你必须在url链接的页面上放一个元标签，就像这样:

<meta property="og:image" content="http://unrestrictedstock.com/wp-content/uploads/Unrestricted-Stock-Small.png"/>

在我们的例子中，问题是og:image URL不包括文件扩展名(.jpg)。我们正在使用Cloudinary，在它们的情况下，图像url中的文件扩展名是不需要的。

当我们将.jpg格式添加到图片URL后，图片就开始在Whatsapp预览中显示。

如果有人正在寻找一种方式显示预览使用WhatsApp API，包括在你的网站上的元标签的图像，你需要设置preview_url=true。

在文本消息中发送url

默认情况下，移动WhatsApp应用程序可以识别url并使其可点击。要包含URL预览，请在消息体中包含"preview_url": true，并确保URL以http://或https://.开头需要主机名，IP地址不匹配。

大多数情况下，当你发送一个URL时，无论是否带有预览，消息的接收者都会看到一个他们可以点击的URL。

URL预览只会在以下情况之一发生后才会被渲染:

业务已经向用户发送了一个消息模板。 用户通过“点击聊天”链接开始对话。 用户将业务电话号码添加到他们的地址簿和 发起对话。

我想提醒大家注意一个事实，简单的<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" />

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

我也有同样的问题，在这里解决。

如果你添加meta og:image，它应该会显示出来

问题是，如果你不输入http://，以/结尾，whatsapp将不显示图像 例如，如果你输入http://google.com/而不是google.com，它会显示图像和描述

希望它能帮助到别人。