在WhatsApp og：image元标记中显示链接的缩略图无效

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分享时，图像没有显示出来。

这是示例网页的URL

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上看到这些meta标记。
更改了meta标记后，您可能需要等待一段时间以更新可能的缓存。

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

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

Edit2:
您还需要指定og:type，因为它是四个基本必需参数之一。
应该会使您进入正确的方向。