尝试跟进这个问题：为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:title，twitter:description，rel="icon"）：
<meta property="og:title" content="San Roque 2014 Pollos" />
<meta name="twitter:description" property="og:description" itemprop="description" content="Programa de fiestas" />
<link rel="icon" type="image/png" href="https://images.weserv.nl/?url=http://pollosweb.wesped.es/programa_pollos/play.png&w=192&height=192" sizes="192x192" />
对我来说，最简单的实验方法是使用CodeSandbox，按照以下步骤进行：
index.html文件中相应地修改您的元标记ctrl+s），这将分叉应用程序并生成其自己的唯一URL请务必始终使用引号和闭合引号，因为WhatsApp对此很敏感。 您上面的示例没有为og:description提供闭合引号。
<meta property=og:title content="Immaculate 4 Bed Townhouse Victory">。应该改为：<meta property="og:title" content="Immaculate 4 Bed Townhouse Victory">。如果您使用带有HTML插件的WebPack，请考虑将 minify.removeAttributeQuotes 设置为 false。 - Francois<head>部分复制到vanilla应用程序中即可。要获取网站的原始HTML，请使用“查看页面源代码”选项（在Chrome中为CTRL + U）。 - Francois我按照这里的答案中的所有说明操作，但仍然无法使其正常工作。似乎WhatsApp也需要扩展名才能显示图像。
因此，对于指向jpeg的标记：
<meta property="og:image" itemprop="image" content="https://example.com/someimageid"/>
更改API以允许扩展名并使用：
<meta property="og:image" itemprop="image" content="https://example.com/someimageid.jpeg"/>
然后它似乎可以正常工作...
在解决这个问题之前，我遇到了各种问题， 帮助我正确调试的是 1 https://developers.facebook.com/tools/debug/?q= 我的URL 2 当我将我的URL粘贴到WhatsApp中时，我添加了参数以强制WhatsApp清除缓存 myUrl?x=123 myUrl?x=1234 ...
开放图谱数据：
<meta property="og:title" content="Title of your website | website.com"/>
<meta property="og:type" content="Most popular business directory of Bangladesh"/>
<meta property="og:url" content="http://www.website.com/"/>
<meta property="og:image" content="http://www.moumaachi.com/images/dhaka-city.jpg"/>
<meta property="og:site_name" content="@website"/>
<meta property="fb:admins" content="Author"/>
<meta property="og:description" content="website.com is your online business directory of Country"/>
更新 2023：
this.meta.addTag({ property: 'og:title', content: "Your Title" });
this.meta.updateTag({ property: 'title', "Your Title" });
this.title.setTitle("Your Title");
this.meta.addTag({ property: 'og:site_name', content: "Your Title" });
this.meta.addTag({ property: 'og:description', content: "Your Description" });
this.meta.updateTag({ property: 'description', content: "Your Description" });
this.meta.updateTag({ property: 'og:image', content: "direct/path/to/image" });
这个解决方案对我有效：
<meta property="og:title" content="Testing Title" />
<meta
property="og:description"
content="This is best way to view your Time Table & Join Meetings"
/>
<meta
property="og:image"
itemprop="image"
content="//upload.wikimedia.org/wikipedia/commons/d/d4/JPEG_example_image_decompressed.jpg"
/>
<meta property="og:url" content="https://google.com/" />
<meta property="og:type" content="website" />
<meta property="og:image:type" content="image/jpeg" />
在codesandbox.io上进行了测试
这是链接: https://l8ogr.csb.app/
一个小小的问题就能产生魔力，只需从图像URL中删除"http"或"https"即可
如果您的图像URL为：https://test.com/img.jpeg，请改为//test.com/img.jpeg
<meta property="og:image" itemprop="image" content="//test.com/img.jpg"/>
你只需要在开头输入带有 "http://" 的消息。例如： http://www.google.com 显示缩略图，但 www.google.com 不会。
content="./images/logo.png"的形式引用图像，而不需要任何HTTP调用？ - TMOTTM