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)
除图像外,所有内容都显示在卡片中。
我努力了:
<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)
图像的相对 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)