CODEWITHSUNDEEP
javascriptreactjsfacebook-opengraph
Juniorrrrr
Juniorrrrr

Reputation: 169

Why WhatsApp web does not show og image?

I have a website that dynamically applies meta tags and I use ReactJS with SSR. Og image works in skype, facebook, twitter, but only in WhatsApp it does not work.

I tried using the following tags but it didn't work

  <meta property="og:image" itemprop="image" content="" />
  <meta property="og:image:secure_url" content="" />
  <meta property="og:image:type" content="image/jpeg" />
  <meta property="og:image:width" content="500" />
  <meta property="og:image:height" content="400" />

Can you tell me what the problem might be ?

Upvotes: 1

Views: 2609

Answers (1)

jarivak
jarivak

Reputation: 858

You need to provide the source of your image , in other words you need to define the path for the image.

For eg :

<meta property="og:image" itemprop="image" content= {`${DOMAIN}/static/images/metalogo.jpg`} />
<meta property="og:image:secure_url" content={`${DOMAIN}/static/images/metalogo.jpg`} />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="400" />

Upvotes: 3

Related Questions