Twitter 卡片:"No card found (Card Error)"

Twitter Cards: "No card found (Card Error)"

在 Twitter 上,我在发布我的网站时无法显示图片卡片 https://startcrowd.club 但它在 Facebook 上完美运行。

我要出示这张卡片:http://startcrowd.club/images/startcrowdimage.jpg

我尝试了 https://cards-dev.twitter.com/validator,我得到了:

INFO: Page fetched successfully
INFO: 9 metatags were found
ERROR: No card found (Card error)

我页面上的相关元标记 https://startcrowd.club/index.html 是:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta property="og:image" content="images/startcrowdimage.jpg">

我遵循的文档是:

https://dev.twitter.com/cards/getting-started

添加:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://startcrowd.club/images/startcrowdimage.jpg">

文档:https://dev.twitter.com/cards/types/summary-large-image

确保设置了 og:type 标签。在 Facebook 上不需要,如果找不到,Facebook 将使用网站作为 og:type。这就是它在 Facebook 上运行良好的原因。

如果 twitter:card 属性 未设置,通过添加 <meta property="og:type" content="website">,twitter 将使用摘要。

所以只需添加 <meta property="og:type" content="website">,我认为它会正常工作。

PS:我也遇到了同样的问题,但是当我添加 <meta property="og:type" content="website"> 时它对我有用。

你应该改变你的 twitter:card 标记到“app”、“player”、“summary”或“ summary_large_image'

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@flickr" />
<meta name="twitter:title" content="Small Island Developing States Photo Submission" />
<meta name="twitter:description" content="View the album on Flickr." />
<meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg" />

这就是所有必需的元标记。 您也可以从 twitter validator

查看

这里有一篇文章可能会有帮助

https://medium.com/@melih193/social-media-cards-for-more-interaction-with-meta-tags-741a6e8d27d1

只需在关闭 </head> 之前添加以下内容即可:

<meta content='summary_large_image' name='twitter:card'/>
<meta content='@yourTwitterID' name='twitter:site'/>
<meta content='@yourTwitterID' name='twitter:creator'/>

如果您的 <head></head> 标签包含任何 og:xxx 元标签,Twitter 爬虫应该能够抓取它。如果您不告诉他们这张卡属于哪个 Twitter 帐户,他们就无法为您生成卡。该卡需要生成一个 link 来引用帐户所有者。