为什么当我分享到twitter时，我看不到任何图片到卡片上？下面是我的meta标签

Question

这是我在react应用程序中的meta标签，但在twitter分享中我看不到任何图片。我使用react-share库。

<meta property="og:url"        content="https://test.com" />
<meta property="og:type"       content="article" />
<meta property="og:description"content="Coding tales" />
<meta property="og:image"      content="%PUBLIC_URL%/Test.png" />

<meta name="twitter:title" content="Test Blog">
<meta name="twitter:description" content="Coding tales">
<meta name="twitter:image" content="%PUBLIC_URL%/Test.png">
<meta name="twitter:card" content="summary">
<title>Test Blog</title>

在twitter的验证器中，我得到：

信息:页面获取成功

信息:发现12个元标签

信息: twitter:card =找到摘要标签

信息:卡片加载成功

Answer 1

对于og:image或类似twitter:image的https://...，您需要一个绝对路径。

Twitter不支持相对路径...我不认为有文档记录，但实际上它是如何工作的。