显示缩略图在WhatsApp的链接|| OG：图像元标记不工作 [英] Showing Thumbnail for link in WhatsApp || og:image meta-tag doesn't work

问题描述

试图遵循这样一个问题：<一href="http://stackoverflow.com/questions/19778620/provide-a-picture-for-whatsapp-link-sharing">Provide对于WhatsApp的链路共享图片

Tried to follow this question : Provide a picture for whatsapp link sharing

我已经建立了基本的Facebook元标记一个简单的HTML网页：

I have created a simple HTML webpage with the basic Facebook metatags:

<!--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的棉短绒验证正确，在Facebook中也显示了完美的，但是当我试图通过WhatsApp的分享图像不显示。

The Facebook linter validate correctly and in Facebook it shows perfect, but when I try to share by WhatsApp the image doesn't show.

我在想它的的WhatsApp在Android

→这是样品网页的网址

推荐答案

我相信你需要 itemprop 添加到 OG：图片 meta标签，已在图像尺寸设置为 256×256 ，也不会伤害添加 SITE_NAME ，键入和 updated_time 属性之一：）

I belive you need to add itemprop to the og:image meta tag, have the image size set to 256x256 and also it would not harm to add the site_name, type and updated_time properties either :)

<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" />

您可以查看这些元标签上，例如谷歌地图。
当你改变了你的meta标签，则可能需要等待一段时间可能的缓存进行更新。

You can see these meta tags in action on for example Google Maps.
After you have changed your meta tags, you might need to wait a while for possible caches to update.

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

You can debug/verify Open Graph meta tags from the Facebook Debugger
If you can see all your tags there, then the sites/apps where your tags are not showing properly might have different requirements for Open Graph tags.

编辑：
如果你打算用 HTTP-Secure公司链接指定图像，你需要使用 OG：图片：secure_url 而不是 OG：图片

If you are going to specify an image by a HTTP-Secure link, you need to use og:image:secure_url instead of og:image.

EDIT2：
您还需要指定 OG：类型，因为它是四个基地所需的参数之一
＆LT;元属性=。OG：类型内容=网站/＆GT; 应该让你在正确的方向。

You also need to specify og:type as it is one of the four base required parameters.
<meta property="og:type" content="website" /> should get you in the right direction.

这篇关于显示缩略图在WhatsApp的链接|| OG：图像元标记不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！