logo标签列表

Twitter卡片分享按钮

twittermeta-tagsmetatwitter-card
12

我遇到了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”，而不是在Twitter的动态中点击“查看摘要”时所有Twitter卡片信息（例如图片和一些文本）。

你能帮我吗？谢谢！

我有完全相同的问题。你最终找出问题所在了吗？ - David Martins
4个回答
10
2
我遇到了同样的问题。在 Twitter 验证器中，卡片看起来完美无缺，但是“与您的关注者分享链接”只包含文本和 URL，没有附加卡片。 - Joshua W
这里也有同样的问题。找到解决方案了吗？ - Masinde Muliro
我还得问一下，你找到解决方案了吗？ - Anders Lindén
这里也有同样的问题。你们中有人找到解决方案了吗？@Cojones - Abhishek
是的，@Cojones，现在它可以工作了。问题出在我之前使用的URL端口号上（导致Twitter网站无法验证），然后我将其替换为仅域名，就可以工作了。对于其他人，请始终在tweet-intent中提供您定义Twitter元标记的URL。一旦推文发布，请查看推文文本下方的“查看摘要”。 - Abhishek
显示剩余3条评论
7

  1. Validate your twitter card via https://cards-dev.twitter.com/validator

  2. HTML code is :

    <a href="http://www.twitter.com/intent/tweet?url=http://your-url&text=caption">tweet</a>

    You will only see caption text and url. but, when you share via click tweet button, you will see summary card, your profil page.

回答是在文本之前包括URL。这样就可以工作了。 - Eric Stoltz
1
为了显示图片，请替换以下内容：
<meta name="twitter:card" content="summary">

使用：

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

同时检查 Twitter 爬虫是否能够正确访问它，方法是输入 https://cards-dev.twitter.com/validator 的网址。

0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接