时间戳

首页 > 解决方案 > GitHub 托管的网站链接的缩略图未显示在 WhatsApp 上

html - GitHub 托管的网站链接的缩略图未显示在 WhatsApp 上

问题描述

我有一个由 GitHub 托管的网站，我希望在发送时显示我正在共享的网站链接的缩略图。我在网上找到了有关共享链接和显示缩略图的资源，但我尝试过的解决方案都没有奏效。

以下是我尝试使用的示例：

<head>
  <meta property="og:title" content="my-title" />
  <meta property="og:description" content="my-content" / 
  <meta property="og:url" content="https://my-website/path/" />
  <meta property="og:image" itemprop="image" content="https://my-website/path/images/thumbnail.png" />
  <meta property="og:type" content="website" />
</head>

<body>
  <span itemprop="image" itemscope itemtype="image/png"> 
          <link itemprop="url" href="https://my-website/path/images/Thumbnail.png"> 
       </span>
</body>

标签： html

解决方案

您在元标记中有一个 type-o。

<meta property="og:description" content="my-content" /

应该关闭：

<meta property="og:description" content="my-content" />
                                                      ▲

推荐阅读