在whatsapp桌面上分享链接预览问题答案

【问题标题】：Share link preview issue on whatsapp desktop在whatsapp桌面上分享链接预览问题
【发布时间】：2020-03-12 13:03:45
【问题描述】：

我试图弄清楚为什么桌面客户端不为特定网站的 url 生成预览。

当我从 Android 上的 whatsapp 发送此 url 时，我正确地看到了一个预览块。当我从 Windows 桌面上的 whatsapp 发送这个 url 时，我根本看不到预览块。

重现问题的步骤。

问题出现在步骤 9-10（在 Windows 上）。第 4-5 步（在 android 上）和第 9-10 步（在 windows 上）之间存在差异。

这是一个问题的截图：

第一条消息 (15:33) 已从桌面上的 whatsapp 发送，但不知何故没有预览。第二条消息 (15:35) 已从 Android 上的 whatsapp 发送，它确实有预览。

提到的页面包含必需的 og: 元标记（og:type、og:image、og:title、og:description、og:url、og:site_name）并且经过正确验证：

在这些上进行了测试：

所以我有一个问题。桌面上的 whatsapp 预览有什么问题？或者这个特定的 url 可能有问题，那到底是什么？

【问题讨论】：

【解决方案1】：

我个人发现问题是在代理 SSL 流量 (HTTPS) 的公司环境中使用 WhatsApp。似乎来自代理的自签名内部证书导致预览不显示。

【讨论】：

【解决方案2】：

前段时间我也遇到过同样的问题，我只是想出了如何解决这个问题。在元标记中，我有这样的og:image：

<meta property="og:image" content="images/image.jpg" />

今天我放了网站的实际 URL，而不是只调用部分路由，现在链接预览在 WhatsApp 桌面上可以正常工作。所以现在我有了这样的og:image 元标记：

<meta property="og:image" content="https://www.{your_website_domain}/images/image.jpg" />

【讨论】：

【解决方案3】：

还应确保源图像小于 300MB。找不到这方面的官方说法。但确实发现较大的图像不起作用，而较小尺寸的相同图像（以字节为单位，不可见像素）起作用。在大多数情况下，JPG 会比 PNG 小

【讨论】：