Question

在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

Answer 1

添加：

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

Doc：https://dev.twitter.com/cards/types/summary-large-image

Answer 2

您应该更改您的 twitter:card标记为“ 应用”，“ 播放器”，“ 摘要”或“ 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

Answer 3

确保已设置og：type标记。在Facebook上它不是必需的，Facebook将使用网站作为og：类型，如果没有找到。这就是为什么它在Facebook上运行良好的原因。

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

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

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

Answer 4

只需在结束</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帐户，他们将无法为您生成卡。该卡需要生成一个引用帐户所有者的链接。

Twitter卡：＆＃34;未发现卡（卡错误）＆＃34;

4 个答案: