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">
我遵循的文档是:
添加:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://startcrowd.club/images/startcrowdimage.jpg">
确保设置了 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 来引用帐户所有者。
在 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">
我遵循的文档是:
添加:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://startcrowd.club/images/startcrowdimage.jpg">
确保设置了 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 来引用帐户所有者。