Question

我正在尝试使用下一个链接分享我在AngularJS网站上的一些内容：

<a href="https://twitter.com/intent/tweet?text=http%3A%2F%2Fwww.test.yanpy.com%2Fes%2Fblog%2Frutas-para-navegar-por-ibiza-y-formentera">

当我点击它时，会打开Twitter共享页面。但是，我想使用Twitter卡。我在我的页面中添加了这个推特卡片标签：

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@Yanpy_com">     
<meta name="twitter:title" content="Sailing routes around Ibiza and Formentera">
<meta name="twitter:description" content="Post description">
<meta name="twitter:image" content="http://yanpy.test.s3.amazonaws.com/img/blog/sailing-routes-around-ibiza-formentera/cala-salada-ibiza-1.jpg">

但由于某种原因，它无法正常工作。我使用Twitter卡验证器和我的网址：http://www.test.yanpy.com/es/blog/rutas-para-navegar-por-ibiza-y-formentera

看起来没关系。但是，当我在我的网站上从我的锚点调用时，我只看到文本字段。

Answer 1

@AnidMonsur是对的，不要在推特网页上显示卡片预览，但你可以看到预览到验证器https://cards-dev.twitter.com/validator

Answer 2

尝试：

<meta name="twitter:image:src" content="http://..." />

代替：

<meta name="twitter:image" content="http://...">

Twitter卡无法在我的网站上运行

2 个答案: