元标记中的 HTML 图像

ZeR*_*One 4 html meta-tags

我正在使用不和谐,我看到很多人都这样做(图中的大方块)。我尝试在带有元标记的 html 中执行此操作,但结果是(图像编号 2)。我真的很想知道该怎么做,有人可以帮助我吗?

第一张图片 | 第二张图片

这是我用来执行此操作的代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  <meta property="og:title" content="An Image By ItsJustOne#9817">
<meta property="og:description" content="Remember always that there is an end in the tunnel ">
<meta property="og:image" content="https://cdn.discordapp.com/banners/907132383814377502/4aca154cd6040b31aacaaf781877f121.png?size=1024">
    <meta name="viewport" content="width=device-width">
    <title>Why You Are Here?</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    Why You Are Here?
    <script src="script.js"></script>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我尝试使用的图像是我的不和谐横幅。

ZeR*_*One 7

那是4个月前的事了,我忘了在这里写,我在这里询问后一周找到了解决方案!

解决方案很简单,使用其他元标记,而不是常规标记。推特元标签。

<meta name="twitter:title" content="Title">
<meta name="twitter:description" content="Cool description">
<meta name="twitter:image" content="the image link">
<meta name="twitter:card" content="summary_large_image">
Run Code Online (Sandbox Code Playgroud)

替换标题、描述和图像链接。