在 WhatsApp 中显示链接的缩略图 \|\| og：图像元标记不起作用

Question

试图关注这个问题： 为 WhatsApp 链接共享提供图片

我创建了一个带有基本 Facebook 元标记的简单 HTML 网页：

 <!--FACEBOOK-->
<meta property="og:title" content="San Roque 2014 Pollos" />
<meta property="og:description" content="Programa de fiestas" />
<meta property="og:image" content="http://pollosweb.wesped.es/programa_pollos/play.png" />

Facebook linter 验证正确，在 Facebook 中显示完美，但是当我尝试通过 WhatsApp 分享时，图像没有显示。

我正在 Android 上的 WhatsApp 上 尝试

→ 这是示例网页的 URL

原文由 JesuLopez 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我相信您需要将 itemprop 添加到 og:image 元标记，将图像大小设置为 256x256 并且它不会伤害 -- 不会 site_name , type 和 updated_time 属性:)

 <meta property="og:site_name" content="San Roque 2014 Pollos">
<meta property="og:title" content="San Roque 2014 Pollos" />
<meta property="og:description" content="Programa de fiestas" />
<meta property="og:image" itemprop="image" content="http://pollosweb.wesped.es/programa_pollos/play.png">
<meta property="og:type" content="website" />
<meta property="og:updated_time" content="1440432930" />

您可以在例如 Google 地图 上看到这些元标记的实际应用。

更改元标记后，您可能需要等待一段时间才能更新可能的缓存。

您可以从 Facebook 调试器 调试/验证 Open Graph 元标记

如果您可以在那里看到所有标签，那么您的标签未正确显示的网站/应用程序可能对 Open Graph 标签有不同的要求。

编辑：

如果要通过 HTTP-Secure 链接指定图像，则需要使用 og:image:secure_url 而不是 og:image 。

编辑2：

您还需要指定 og:type 因为它是四个基本必需参数之一。

<meta property="og:type" content="website" /> 应该让你朝着正确的方向前进。

原文由 Unknown 发布，翻译遵循 CC BY-SA 3.0 许可协议