"website preview" 上没有显示我的图片？

Question

这是现在的样子：

我希望它看起来像这样：

<------------------------------------> 我希望它显示我的徽标图像，但它不起作用，这是我的文件管理：

我的HTML:

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Summit</title>
    <link href="style.css" rel="stylesheet" type="text/css" />

    <meta name="keywords" content="Learn, Maths, Mathmatics, Story, School, Homework, Learning, Education, fun"/>
    <meta property="og:site_name" content="Summit" />
    <meta property="og:url" content="https://summit.tahaparacha1.repl.co/" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Home | Summit" />
    <meta property="og:image" content="images/Logo.png" />
    <meta property="og:description" content="The best online, free mathmatics learning platform! Summit allows you to learn mathmatics whenever you want and wherever you are! Simply click Start learning to unlock a massive library off free education; Enjoy!"/>
    <meta name="msapplication-TileColor" content="#fcbf49" />
    <meta name="theme-color" content="#fcbf49" />
    <link rel="icon" href="images/Logo.png">
  </head>

Answer 1

您需要为 og:image 元属性指定绝对 URI 而不是相对 URI。此外，您应该添加一个 twitter:card 元标记以实现兼容性。

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Summit</title>
    <link href="style.css" rel="stylesheet" type="text/css" />

    <meta name="keywords" content="Learn, Maths, Mathmatics, Story, School, Homework, Learning, Education, fun"/>
    <meta property="og:site_name" content="Summit" />
    <meta property="og:url" content="https://summit.tahaparacha1.repl.co/" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Home | Summit" />
    <meta property="og:image" content="https://summit.tahaparacha1.repl.co/images/Logo.png" />
    <meta property="og:description" content="The best online, free mathmatics learning platform! Summit allows you to learn mathmatics whenever you want and wherever you are! Simply click Start learning to unlock a massive library off free education; Enjoy!"/>
    <meta name="msapplication-TileColor" content="#fcbf49" />
    <meta name="theme-color" content="#fcbf49" />
    <link rel="icon" href="images/Logo.png">

    <meta name="twitter:card" content="summary_large_image">
</head>

Answer 2

试试这个 url 图片的例子：

"~/Images/Siereves.ico"

"website preview" 上没有显示我的图片？

My image is not showing on the "website preview" thing?

html

preview

head