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

sea*_*iel 3 twitter meta-tags twitter-card

<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/">
Run Code Online (Sandbox Code Playgroud)

Twitter卡验证显示如下: 在此输入图像描述

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

我努力了:

<meta property="twitter:image" content="https://styles/assetsOptimized/ourStory/StoreFront.jpeg">
Run Code Online (Sandbox Code Playgroud)

这些是适用于 Facebook 的开放图元标签,放置在 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/">
Run Code Online (Sandbox Code Playgroud)

And*_*per 5

图像的相对 URL 不适用于带有 Twitter 卡的 Twitter。您需要包含该网站的完全限定域名:

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


小智 5

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

所以你的代码看起来像:

  
<meta name="twitter:image" content="https://styles/assetsOptimized/ourStory/StoreFront.jpeg">
Run Code Online (Sandbox Code Playgroud)