卡验证器正确显示了我的摘要卡,但是,当我实际尝试共享它时,请单击“ twitter-share-button”,而不显示推特卡,而仅显示常规推文。
验证者这样说:
您的网站已列入summary_large_image卡的白名单
INFO:成功获取页面INFO:找到18个元标记INFO:twitter:card =找到summary_large_image标记INFO:卡成功加载
这些是我正在使用的标签:
<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">
Run Code Online (Sandbox Code Playgroud)
这是html:
<a class="twitter-share-button"
href="https://twitter.com/intent/tweet?text=Testing Testing Testing">
Tweet</a>
Run Code Online (Sandbox Code Playgroud)
对于在同一问题上苦苦挣扎的任何人,我正在回答我自己的问题。
这是我发现的:
1.首先,请记住,该即时贴仅显示在最终发布的Tweet中,而不显示在Tweet作曲者窗口中。但是,就我而言,它也没有显示在最终发布的推文中。
2.您必须在text参数之后包括指向要共享页面的链接。另外,您需要对其URL值进行编码。因此,而不是text=http://example.com使用text=http%3A%2F%2Fexample.com。如果您访问http://www.w3schools.com/tags/ref_urlencode.asp,则可以自动进行此编码转换。
3.有人告诉我,有时Twitter的搜寻器会缓存您的网站,这会有所延迟,这可以解释为什么在您尝试共享该拳头的最终发布推文中该卡没有显示。以我为例,它花了48个小时,之后,单击“共享”按钮将立即发布该卡。
希望这对别人有帮助...