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

标签 html

我有一个由 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>

最佳答案

元标记中有一个 type-o。

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

应该关闭:

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

关于html - GitHub 托管的网站链接缩略图未显示在 WhatsApp 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55393317/

相关文章:

html - 如何使用flexbox垂直居中div

javascript - 单击列表元素时显示和隐藏 div

html - 如何将表单放置在尺寸相对的元素下方?

javascript - 通过下拉菜单进行多项选择

javascript - 如何在不删除子表内容的情况下删除父表?

html - 带有文本和全高 <img> 的动态等高列

jquery - 调整大小时的图像流 slider 图像宽度和大小

html - 如何在 HTML/CSS 中制作穿透透明文本?

html - 优化 Angular 6 组件中的 css 选项,styles.css 中的通用 css 或每个组件 css

html - 为什么空单元格不显示边框?