Product image did not render when sharing link of product on Twitter first time

Question

The product share on Twitter for the first time not render the product image.

I have set the <meta> tag with og:image value. But twitter not show this image first time.

I have code below meta tags.

<meta name="twitter:card" content='summary_large_image'>
<meta property="og:image" content="https://www.example.org/image.jpg">
<meta property="og:image:width" content="200" />
<meta property="og:image:height" content="200" />

Answer 1

Try adding something like this:

<meta name="twitter:image" content="http://euro-travel-example.com/thumbnail.jpg">

More details here: https://css-tricks.com/essential-meta-tags-social-media/

Also, you can use this to preview your twitter card: https://www.bannerbear.com/tools/twitter-card-preview-tool/