Карты Twitter не работают на моем сайте

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 Cards. Я добавил эти твиттер-тэги на свою страницу:

<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-карты с моим URL: 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://...">