Twitter:image 元标记未显示其 Twitter 卡片的图像

Question

<meta name="twitter:card" content="summary">
<meta property="twitter:title" content="Website's title">
<meta property="twitter:description" content="Lorem ipsum dol sor em convectur">
<meta property="twitter:image" content="styles/assetsOptimized/ourStory/StoreFront.jpeg">
<meta property="twitter:url" content="https://website.com/">

推特卡验证显示如下：

除图片外，所有内容都显示在卡片中。

我试过：

<meta property="twitter:image" content="https://styles/assetsOptimized/ourStory/StoreFront.jpeg">

这些是适用于 Facebook 的 Open Graph Meta 标签，位于 twitter 标签上方（参考在 twitter 验证中找到的 11 个元标签 - viewport, http-equiv:

<meta property="og:title" content="Website's title">
<meta property="og:description" content="Lorem ipsum dol sor em convectur">
<meta property="og:image" content="styles/assetsOptimized/ourStory/ourStoryStoreFront.jpeg">
<meta property="og:url" content="https://website.com/">

Answer 1

图像的亲戚 URL 在 Twitter 上无法使用 Twitter 卡片。您需要包括站点的完全限定域：

<meta property="twitter:image" content="https://website.com/styles/assetsOptimized/ourStory/StoreFront.jpeg">

Answer 2

我看到问题已解决，但仅供参考：这里的另一个问题可能是 twitter 的元标记不使用 property 属性，而是使用名称属性，如其文档中所示 here.

因此您的代码如下所示：

  
<meta name="twitter:image" content="https://styles/assetsOptimized/ourStory/StoreFront.jpeg">

Twitter:image 元标记未显示其 Twitter 卡片的图像

Twitter:image meta tag not showing image for its Twitter card

twitter

meta-tags

twitter-card