0
<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/">

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

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

我努力了:

<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/">
4

2 回答 2

4

图像的相对 URL 在 Twitter 上无法使用 Twitter Cards。您需要包含该站点的完全限定域:

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

于 2020-03-26T17:28:10.430 回答
1

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

所以你的代码看起来像:

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

于 2022-02-10T10:08:58.770 回答