Twitter 分享按钮不显示 Twitter 卡片

Question

卡片验证器正确显示了我的摘要卡片，但是，当我真正尝试分享它时，点击“twitter-share-button”购买它不会显示 Twitter 卡片，它只会显示一条常规推文。

验证器是这样说的：

您的网站已被列入 summary_large_image 卡片的白名单

信息：页面获取成功信息：找到 18 个元标记信息： twitter:card = summary_large_image 标签找到信息：卡已加载 成功

这些是我正在使用的标签：

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@username">
<meta name="twitter:creator" content="@username">
<meta name="twitter:title" content="Some Title">
<meta name="twitter:description" content="Some description.">
<meta name="twitter:image" content="http://example.com/images/dog.jpg">

这是 html：

<a class="twitter-share-button"
  href="https://twitter.com/intent/tweet?text=Testing Testing Testing">
Tweet</a>

Answer 1

对于任何在同一问题上苦苦挣扎的人，我正在回答我自己的问题。

这是我发现的：

1.首先，请记住卡片仅显示在最终发布的推文中，而不是在推文编辑器窗口中。但是，就我而言，它也没有显示在最终发布的推文中。

2.您必须在文本参数之后包含指向您要分享的页面的链接。此外，您需要对其 URL 值进行编码。所以，不要使用text=http://example.com，而是使用text=http%3A%2F%2Fexample.com。如果你去http://www.w3schools.com/tags/ref_urlencode.asp你可以自动进行这个编码转换。

3. 有人告诉我，有时由于 twitter 的爬虫缓存您的网站会出现延迟，这可以解释为什么卡片没有显示在您第一次尝试发布的最后一条推文中分享它。就我而言，它花了 48 小时，之后，单击分享按钮将立即发布卡片。

希望这对其他人有所帮助...