logo标签列表

Twitter卡片：“未找到卡片（卡片错误）”

facebook-opengraphtwitter-card
10
在 Twitter 上，我无法在发布网站 https://startcrowd.club 的推文中显示图像卡片，但在 Facebook 上可以完美地实现。
我想展示这张卡片：http://startcrowd.club/images/startcrowdimage.jpg。
我尝试使用https://cards-dev.twitter.com/validator，结果得到：

信息：页面成功获取
信息：找到了 9 个元标签
错误：未找到卡片（卡片错误）

我的网页 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

它是关于Twitter卡片的入门指南。
你想获取哪张卡片？你遵循哪份文档？它真的说只需要 og:image 吗？ - unor
是的，它确实有用。我已经将这些信息添加到问题中了。 - Mostafa
1
“Which card” 指的是哪种 Twitter 卡片（例如 带大图的摘要卡片、播放器卡片等），而不是哪张图片。链接的文档中并没有说明只需要 og:image 的卡片，对吧？ - unor
值得注意的是，Twitter的卡片验证器并非100％实时，而是似乎基于缓存信息显示结果。我已经对我的卡片元数据进行了更改，它们有时需要相当长的时间才能显示出来（在许多情况下需要几个小时到一天）。 - jhawes
4个回答
10

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

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

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

附：我也遇到了同样的问题，但当我添加了<meta property="og:type" content="website">后，它对我有效。

7

地址：

<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

该文档介绍了Twitter卡片的类型之一：大图摘要卡片。该卡片允许你在推文中显示一个大图和一个相关的简短说明文字，帮助用户更快速地了解推文内容。详细内容请点击以上链接阅读。

2
你需要将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验证器检查它。

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

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

0
只需在您的闭合标签</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 账户，他们就无法为你生成一张卡片。该卡片需要生成一个链接，指向账户所有者。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接