尝试跟进这个问题：为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上尝试的。
og:image的meta标签中添加itemprop，将图片大小设置为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" />
HTTP-Secure链接指定一个图片，你需要使用og:image:secure_url而不是og:image。og:type，因为它是四个基本必需参数之一。<meta property="og:type" content="website" />应该能帮助你朝正确的方向前进。itemprop="image"的图像不可用。
错误信息：
无法获取/logos/logo_512.png。 - Unknownproperty="og:image:secure_url"而不是property="og:image"。 - Unknown我有同样的问题，问题出在图片大小上。WhatsApp不支持大于300KB的图片。
因此，在WhatsApp上显示图片最重要的属性是：
<meta property="og:image" content="url_image">
并且要显示的图像大小必须小于300KB
itemprop="image"或og:image:secure_url属性。 - Akseli Palén经过数月的努力，我终于解决了这个问题。以下是我的解决方法：
<!-- MS, fb & Whatsapp -->
<!-- MS Tile - for Microsoft apps-->
<meta name="msapplication-TileImage" content="http://www.example.com/image01.jpg">
<!-- fb & Whatsapp -->
<!-- Site Name, Title, and Description to be displayed -->
<meta property="og:site_name" content="The Rock Photo Studio">
<meta property="og:title" content="The Rock Photo Studio in Florida">
<meta property="og:description" content="The best photo studio for your events">
<!-- Image to display -->
<!-- Replace «example.com/image01.jpg» with your own -->
<meta property="og:image" content="http://www.example.com/image01.jpg">
<!-- No need to change anything here -->
<meta property="og:type" content="website" />
<meta property="og:image:type" content="image/jpeg">
<!-- Size of image. Any size up to 300. Anything above 300px will not work in WhatsApp -->
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">
<!-- Website to visit when clicked in fb or WhatsApp-->
<meta property="og:url" content="http://www.example.com">
复制上述内容，粘贴到网站的头部区域。 关闭您的Whatsapp应用程序，然后重新打开，再测试。 无需清除缓存，也无需清除数据。
祝福大家！
我在这里找到了解决方案：Whatsapp预览链接，发布于16年3月2日
你应该看到它能工作
有两种代码。首先是头部内的元meta og:image。
<meta property="og:image" content="url_image">
在 <body> 中使用来自 schema.org 的缩略图模式
<link itemprop="thumbnailUrl" href="url_image">
<span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject">
<link itemprop="url" href="url_image">
</span>
希望这能有所帮助。谢谢。
我也遇到了那个问题，最终我解决了它。
<meta property="og:image" itemprop="image" content="http://yourdomain.com/yourfolder/imagename.png" />
我的图片属性
请确保图片名称中没有空格，如果有两个单词，请使用下划线符号。
我不知道在WhatsApp上工作所需的最少元标记数量，但我在某个地方找到了这个信息，并且这对我来说完美无缺。 注意：图像分辨率为256 x 256。
<head>
<meta property="og:site_name" content="sitename" />
<meta property="og:title" content="title">
<meta property="og:description" content="description">
<meta property="og:image" itemprop="image" content="http://www.yoursite.com/yourimage.jpg">
<link itemprop="thumbnailUrl" href="http://www.yoursite.com/yourimage.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:updated_time" content="updatedtime">
<meta property="og:locale" content="en_GB" />
</head>
<body>
<span itemprop="image" itemscope itemtype="image/jpeg">
<link itemprop="url" href="http://www.yoursite.com/yourimage.jpg">
</span>
</body>
花了一天时间，但弄清楚了需要什么。以下清单可能会对您有所帮助
如果您不包括og:image:width和og:image:height元标记，也没关系。以下是我的代码，可以正常工作。使用Facebook调试器查找错误。
<meta property="og:url" content="https://stgwww.moneycontrol.com/us-markets/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="YOUR_TITLE" />
<meta property="og:description" content="YOUR DESCRIPTION" />
<meta property="og:image" content="https://stgwww.moneycontrol.com/react-asset/images/moneycontrol-us-markets.png" />
<meta property="og:image:type" content="image/png" />
200kb600px，如果高度小于600px也可以，但最大高度应为600pxog:url中传递的内容相等。在我的情况下，页面url是https://stgwww.moneycontrol.com/us-markets/，但我的og:url是<meta property="og:url" content="https://stgwww.moneycontrol.com/markets/us-markets/" />og:image域名应与您网站的域名匹配，不能使用另一个网站的图片链接。//correct
<meta property="og:image" content="https://stgwww.moneycontrol.com/react-asset/images/moneycontrol-us-markets.png" />
//wrong
<meta property="og:image" content="//images/moneycontrol-us-markets.png" />
更多有用的信息：
您可以提供多个og:image，WhatsApp将使用最后一个。这将有助于解决例如Facebook想要1.91:1比率而WhatsApp需要1:1的问题。
清除你的WhatsApp数据和缓存（或使用另一个WhatsApp）！
Android手机：进入设置 > 应用程序 > 应用程序列表 > WhatsApp > 存储并清除数据。
注意！在执行此操作之前备份您的消息。
然后的结果是：清除数据和缓存WhatsApp之前和之后
https://link.com/?_=92375293579 - nathan
我曾经遇到过同样的问题，最终在尝试了一些方法后，成功解决了。以下是我在网页中使用的8个HTML标签，用于实现预览功能：
在<head>标签中：
<meta property="og:title" content="ABC Blabla 2020 Friday" />
<meta property="og:url" content="https://bla123.neocities.org/mp/friday.html" />
<meta property="og:description" content="Photo Album">
<meta property="og:image" itemprop="image" content="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG"/>
<meta property="og:type" content="article" />
<meta property="og:locale" content="en_GB" />
<body> 标签中：<link itemprop="thumbnailUrl" href="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG">
<span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject">
<link itemprop="url" href="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG">
</span>
这 8 个标签（6个在head，2个在body）完美地运行。
提示：
1. 使用准确的图像位置URL而不是目录格式，即不要使用images/OG_thumb.jpg
2. 区分大小写的文件扩展名：如果您的主机提供商上的图像扩展名为".JPG"，则不要使用".jpg"或".jpeg'。我观察到，根据主机提供商和浏览器组合，可能会出现错误，因此为了安全起见，最好匹配文件扩展名的大小写。
3. 在执行上述步骤后，如果缩略图预览仍未显示在WhatsApp消息中，则：
a. 强制停止移动应用程序（我在Android中尝试过），然后再尝试
b. 使用在线工具预览OG标记，例如我使用的：https://searchenginereports.net/open-graph-checker
c. 在移动浏览器中粘贴OG thumb的直接链接并刷新浏览器4-5次。例如：https://bla123neocities.org/nmp/images/thumbs/IMG_327.JPG
content="./images/logo.png"的形式引用图像，而不需要任何HTTP调用？ - TMOTTM