Twitter卡片共享按钮

Question

我有关于Twitter分享按钮的问题，我有这个代码作为输入：

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@citydesigning">
<meta name="twitter:title" content="City Design">
<meta name="twitter:description" content="I recommend this epic City Design online course at https://stepic.org/city #stepiccity">
<meta name="twitter:creator" content="citydesigning">
<meta name="twitter:image:src" content="https://stepic.org/static/classic/city/images/sharepic.png">

和

<a class="twitter" href="https://twitter.com/intent/tweet?url=https://stepic.org/city" target="_blank"></a>

但它在共享时不会返回任何结果，只返回以下文本："https://stepic.org/city“，而不是所有的推特卡片信息(如图像和一些文本)，当在推特的提要上单击”查看摘要“时。

你能帮我吗，好吗？

Answer 1

域名需要经过批准，然后Twitter卡才能工作。使用Twitter的验证器，然后单击“请求批准”：

https://cards-dev.twitter.com/validator

Answer 2

通过https://cards-dev.twitter.com/validator

• HTML代码验证您的twitter卡的

1. 是：

推特

您将只看到标题文本和url。但是，当您通过单击推文按钮进行分享时，您将看到摘要卡，即您的个人资料页面。

Answer 3

要显示图像，请替换：

<meta name="twitter:card" content="summary">

通过以下方式：

<meta name="twitter:card" content="summary_large_image">

还可以通过输入https://cards-dev.twitter.com/validator的url来检查twitter爬虫是否能够正确地访问它。