0

我正在尝试使用下一个链接在 Twitter 中分享我的 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 Cards。我在我的页面中添加了这个 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

看起来没问题。但是,当从我的网站中的锚点调用时,我只会看到文本字段。

4

2 回答 2

0

@AnidMonsur 是正确的,不要在 twitter 网页中显示卡片预览,但您可以在验证器中看到预览,https: //cards-dev.twitter.com/validator

于 2016-10-15T18:51:57.280 回答
0

尝试:

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

代替:

<meta name="twitter:image" content="http://...">
于 2019-10-27T19:21:31.427 回答