尝试跟进这个问题：为WhatsApp链接分享提供一张图片
我已经创建了一个简单的HTML网页，并使用了基本的Facebook元标记：
<!--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分享时，图片无法显示。
我是在安卓版WhatsApp上尝试的。
标题：在网页中添加关键字丰富的标题，最多不超过65个字符。
Meta描述：用最多155个字符描述您的网页。
og:title：最多35个字符。
og:url：完整的网页地址链接。
og:description：最多65个字符。
og:image：建议使用小于300KB且最小尺寸为300 x 200像素的图像（JPG或PNG）。
favicon：32 x 32像素的小图标。
在上述页面中，您可以找到所需的规格、字符限制和示例标签。如果您满意，请点赞。
<meta property="og:image" content="https://i.imgur.com/3lwkZdD.png" />
<meta property="og:image:type" content="image/png" />
不确定是WhatsApp的问题还是其他什么原因，但是在链接结尾没有加 "/" 的情况下，我的操作是成功的。
例如：
https://example.com - 可以正常工作
https://example.com/ - 缩略图无法显示
https://firebasestorage.googleapis.com/v0/b/XXXX.XXXXXXX.com/?alt=media&token=YYYYYYYY-YYYYYYYYYY-YYYYYYYYYYYYY
我在 og:image 元标签中使用了此 URL。它对 Facebook 等网站有效，但似乎 WhatsApp 无法从此 URL 下载图像。 相反，您需要将图像包含在项目目录中，并使用此链接作为 og:image 标签。现在，在 WhatsApp 中也可以正常工作。之前的做法（在 WhatsApp 中不起作用，但在 Facebook 等网站上可以）
<meta property="og:image" itemprop="image" content="https://firebasestorage.googleapis.com/v0/b/XXXX.XXXXXXX.com/your_image?alt=media&token=YYYYYYYY-YYYYYYYYYY-YYYYYYYYYYYYY">
<meta property="og:image" itemprop="image" content="https://domain_name/path_to_image">
minify: {
...
removeAttributeQuotes: false,
...
}
<span itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
<link itemprop="url" href="imgurlHere">
<meta itemprop="width" content="1200">
<meta itemprop="height" content="800">
</span>
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "ImageObject",
"url": "ImgURLhere",
"height": 800,
"width": 1200
}
</script>
<meta property='og:locale' content='ar_AR' />
如果你仍然遇到这个问题，我发现在WhatsApp移动应用程序（包括Android和iOS，但Mac桌面应用程序正常）中，Amazon S3上提供的图片无法正常工作。很可能是我们的AWS设置导致了这个问题，但我也注意到其他网站也出现了类似的情况（例如，带有og:image的this one命中像https://s3.amazonaws.com这样的域名）。
在我尝试的任何其他平台上都没有问题，只有WhatsApp移动应用程序存在问题。当我把<meta property="og:image" content="https://some-non-aws-location" />指向另一个公共URL，比如一个已经公共分享的Google Drive文件时，它就可以正常工作了。
我还尝试过将图片提交到我们托管和部署在AWS上的存储库中，但那也不起作用。因此，AWS仍然似乎是罪魁祸首。希望这能帮助到某些人！
<meta property="og:title" content="Title goes here">
<meta property="og:site_name" content="Site name">
<meta property="og:image" content="imageURLShouldBeFromSameDomainName">
<meta property="og:image:width" content="640">
<meta property="og:image:height" content="300">
2020年11月：
根据我的经验，这些元标签是必需的，并且会影响在Whatsapp和WhatsApp缩略图中分享链接时所看到的内容：
<head>
<meta content='myTitle' property='og:title'/>
<meta content="myDescription" property="og:Description"/>
<meta property="og:type" content= "website" />
<meta property="og:image" itemprop="image primaryImageOfPage" content="https://i.ibb.co/1GRpwND/600px-Approve-icon-svg.png" />
</head>
<body> 内部：<a href="https://wa.me/?text=https://myaddress.blogspot.com/2020/11/try-16.html" target="_blank" rel="nofollow">Hello whatsApp</a>
更多解释：
1- 假设您有 <meta content='example.com/page1' property='og:url'/>，并且在正文中引用了 <a href="https://wa.me/?text=example.com/page2" >Hello whatsApp</a>，则页面 example.com/page2 的 og:image 和 og:description 将在 WhatsApp 上呈现，就像您在正文中引用的那样（可能是显而易见的）。
2- 当您 添加/更改 任何开放图谱标签，例如 og:description，并再次单击页面/正文中的 <a></a> 标记时，除非更改 <a></a> 标记的 href="I am a new URL" 或清除 WhatsApp 的缓存，否则在 WhatsApp 上看到的内容不会更改!!
3-我尝试了Png/jpg图像，所有图像大小都小于300 kb，并且像素都大于300*300，并且图像内容是一个https或http url，上述代码支持它们两个（不需要og:image:secure_url）。
4-每次添加/更改og内容以在WhatsApp上拥有缩略图时，更改第一次尝试时不会影响！第二次尝试成功。非常奇怪！
content="./images/logo.png"的形式引用图像，而不需要任何HTTP调用？ - TMOTTM