显示缩略图在WhatsApp的链接|| OG:图像元标记不工作缩略图、标记、图像、链接

2023-09-06 01:34:57 作者:我是吊儿郎当小青年

试图遵循这样一个问题: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="https://m.xsw88.com/allimgs/daicuo/20230906/499.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="https://m.xsw88.com/allimgs/daicuo/20230906/499.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.