我知道有关于这个 here 和 here 的类似问题。
我已经通过这些链接完成了 2020 标准的强制性步骤，但描述和缩略图仍未显示在 WhatsApp 上。
我一直在测试的链接是:https://research.verdhana.id/TEST
我的网站已经通过具有有效 SSL 证书(非自签名)的 SSL 进行保护。
缩略图是 JPEG 图像，大小为 18KB，尺寸为 400x400。
我使用 Vue.js 而我不使用服务器端渲染，所以我将所有必需的元标记放在 index.html 中，这样即使不执行 javascript，爬虫也可以读取它们。
og:image 标签已经使用了完整路径和相同的域。
og:url 元标记对于任何 URL 路径总是相同的，因为它是写在 index.html 中的，但我认为这应该不是问题。
以下是 head 标签内的标签:
<head>
<meta property="fb:app_id" content="my_fb_id" />
<meta property="og:image" content="https://research.verdhana.id/logo.jpg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />
<meta property="og:title" content="Verdhana | Research" />
<meta property="og:description" content="Verdhana research website" />
<meta property="og:url" content="https://research.verdhana.id" />
<meta property="og:site_name" content="Verdhana | Research" />
<meta property="og:type" content="website" />
<link rel="shortcut icon" href="<%= BASE_URL %>logo.ico" />
<link rel="icon" href="<%= BASE_URL %>logo.ico" />
<title>Verdhana | Research</title>
<meta name="description" content="Verdhana research website" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css" />
</head>
我试图在 Facebook Debugger 和 iframely 上预览，它们都显示了描述和缩略图。
编辑:
我已经添加了 fb:app_id 标签，但仍然没有显示。
是否有我需要做的遗漏步骤？
最佳答案
刚刚用我的 WhatsApp 试了一下，对我来说效果很好:
关于html - 缩略图和说明未显示在 Whatsapp 预览链接上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/63094924/