android - 在 WhatsApp 中显示链接的缩略图 || OG :image meta-tag doesn't work

Question

尝试关注这个问题:Provide an image for WhatsApp link sharing

我创建了一个带有基本 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 上试用

→ This is the URL of the Sample Webpage

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 Maps 上看到这些元标记的实际作用。 .
更改元标记后，您可能需要等待一段时间才能更新可能的缓存。

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

编辑:
如果您要通过 HTTP-Secure 指定图像链接，你需要使用og:image:secure_url而不是 og:image .

EDIT2:
您还需要指定 og:type因为它是四个基本必需参数之一。
<meta property="og:type" content="website" />应该会让你朝着正确的方向前进。