Твиттер: карты Твиттера не показывают изображение после сообщения в твиттере

Я пытаюсь поделиться твитом, используя кнопку «Поделиться в Твиттере» и используя твиттер-карты для пост-изображения с моей ссылкой, и я использую:

<meta property="og:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg">
<meta property="og:title" content="SOME TEXT">
<meta property="og:description"SOME DESCRIPTION">
<meta name="twitter:site" content="THIS IS CONTENT">
<meta name="twitter:card" content="photo" />
<meta name="twitter:title" content="TWITTER CONTENT">
<meta name="twitter:description" content="TWITTER DESCRIPTION">
<meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg">

и для кнопки «Поделиться», используя это:

<a class="twitter-share-button"href="https://twitter.com/intent/tweet?text=Hello%20world">Tweet</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

но этот код только для обмена текстом и ссылкой в ​​твиттере, а не с изображением.

может ли кто-нибудь сказать мне, что не так с моим кодом?


twitter twitter-card
person Rahul Sharma    schedule 19.01.2017    source источник
comment
У вас есть решение?   -  person Midhun P    schedule 09.01.2019

Ответы (2)


arrow_upward
4
arrow_downward

Я просто решил эту проблему, изменив имя тега:

<meta name="twitter:image:src" content="https://example.com/img/my_image.jpg">

Кажется, документация показывает twitter:image вместо twitter:image:src.

person eFox    schedule 08.01.2018
comment
twitter:image — правильное использование. Добавление :src не дало никакого эффекта, - person Andrew West; 03.04.2019
comment
Это имело такой эффект для меня, когда у меня была проблема, и стоит попробовать тем, у кого эта проблема только с twitter:image, как в случае со мной. - person eFox; 04.04.2019
comment
гитхаб использует twitter:image:src - person Brice; 24.04.2020
comment
Это решение. Спасибо! - person Houman; 21.01.2021
comment
Могу подтвердить. Это решение работает отлично. Спасибо! - person Amrut Prabhu; 29.04.2021

arrow_upward
2
arrow_downward

Сначала попробуйте использовать полный путь с http или https, например: https://webpage.com/my_path_image.jpg< /а>

Проверьте непосредственно по следующим ссылкам:

Твиттер: https://cards-dev.twitter.com/validator

Facebook: https://developers.facebook.com/tools/debug/

person Antonio Moreno    schedule 23.03.2021
comment
Использование абсолютных путей было исправлением для меня. Ранее я использовал относительный путь, который отлично работал в Discord, Telegram, LinkedIn и большинстве инструментов проверки SEO. Кроме Твиттера и Слака. Использование абсолютных путей сработало. - person Jayant Bhawal; 13.06.2021