Twitter: Twitter cards not showing image after tweet post

Rahul Sharma picture Rahul Sharma · Jan 19, 2017 · Viewed 8.8k times · Source

I am trying to share the tweet using twitter share button and using twitter cards for post image with my link and i am using :

<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">

and for share button using this:

<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>

but this code only sharing text and link on twitter not with image.

can any one tell me whats wrong with my code?

Answer

eFox picture eFox · Jan 8, 2018

I just solved this issue by changing the tag name:

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

It seems the documentation is showing twitter:image instead of twitter:image:src.