在WhatsApp桌面版上分享链接预览问题

6

我正在尝试弄清楚为什么桌面客户端无法为特定网站的网址生成预览。

例如,这个网址 - https://est.ua/ru/press/9259664/

当我从安卓的Whatsapp发送此网址时,我可以正确地看到预览块。 但是,当我从Windows桌面版Whatsapp发送这个网址时,我根本看不到预览块。

重现问题的步骤。

  1. 在Android或iOS手机上打开WhatsApp(无论哪一个)。
  2. 与某人打开对话
  3. 在消息框中输入(不发送):https://est.ua/ru/press/9259664/
  4. 过了一会儿,URL的预览就会出现
  5. 发送消息。消息出现在对话框中,消息中包含预览。
  6. 在Windows PC上打开WhatsApp
  7. 与某人打开对话
  8. 在消息框中输入(不发送):https://est.ua/ru/press/9259664/
  9. 无论等待多长时间,都不会出现URL的预览
  10. 发送消息。消息出现在对话框中,但不包含URL的预览。

问题发生在第9-10步(在Windows上)。第4-5步(在Android上)和第9-10步(在Windows上)之间存在差异。

这是一个问题的截图:

Here is a screenshot of a problem

第一条消息(15:33)是从WhatsApp桌面版发送的,但它没有预览。第二条消息(15:35)是从安卓版WhatsApp发送的,并且有预览。

提到的页面包含所需的og:元标签(og:type、og:image、og:title、og:description、og:url、og:site_name),并已经正确验证:

测试结果如下:

  • 安卓手机:小米Mi A3 (android 9),whatsapp版本:WhatsApp/2.20.47 A - 正常
  • Windows系统:Windows 10 pro,版本号1909(构建版本18363.657),whatsapp版本:WhatsApp/0.4.930 N - 出现问题

所以我有一个问题:whatsapp桌面端的预览出了什么问题?还是说只有这个特定的url出了问题?具体是什么问题呢?


嗨@zema,我们遇到了相同的问题,你找到根本原因了吗? - Nhon Tran
很遗憾,@nhon-tran,不行。 - zema
感谢更新,@zema。这个问题让我很困惑。 - Nhon Tran
3个回答

1
我个人发现问题出在我在企业环境下使用WhatsApp,此时SSL流量(HTTPS)被代理。这似乎是由于代理服务器的自签名内部证书导致了预览无法显示。

让我们加密是一种自签名的内部证书吗?现在我的反向代理站点似乎在 WhatsApp 共享时不起作用,即图像没有显示出来。 - HUNG
有人能够使用Let's Encrypt使其正常工作吗? - saibbyweb

0

我曾经遇到了同样的问题,但现在我已经弄清楚了如何解决。

在 meta 标签中,我有这样的og:image

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

今天,我将网站实际的 URL 而不是仅调用部分路径,放入该标签中。现在,WhatsApp Desktop 中的链接预览正常工作了。因此,我现在拥有这个og:image元标记:

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


你在Whatsapp消息文本中输入<meta pro...代码的位置在哪里?是在浏览器的开发者控制台中的某个地方吗? - Michał Lepczyński

0

还应确保源图像小于300MB。没有找到官方声明。但是发现较大的图像无法工作,而相同大小(以字节为单位,而不是可视像素)的较小图像可以工作。在大多数情况下,JPG比PNG更小。

好的参考资料 https://dev59.com/OmIj5IYBdhLWcg3w6I89#43154489


300MB?我想你指的是300KB。 - Alynva

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接