I am changing the meta tags but the change is not reflected react js

Question

When my website address was shared on social media, I wanted to show images and titles.

I added helmet plugin to my react js project and got deploy. Everything was running smoothly. Then I changed the tags content I added.

I added it, I got deploy and I shared my site link on Twitter and I saw that it works. The next day I changed the title, description, image url. It has a new version on the site, but when I post the url again on Twitter it still pulls the old information.

How can I solve this problem. Thank you.

<Helmet>
  <meta property="og:title" content="European Travel Destinations3" />
  <meta property="og:description" content="Offering tour packages for individuals or groups.1" />
  <meta property="og:image" content="http://euro-travel-example.com/thumbnail.jpg" />
  <meta property="og:url" content="http://euro-travel-example.com/index.htm" />
  <meta name="twitter:card" content="summary_large_image" />
</Helmet>

But when you just visit your page and open developer tools, does it render meta tags with new information? — Alexey Nazarov
I open developer tools, I see meta tags with new information. @AlexeyNazarov — thekavak
What about other social networks? Can you try to post your link in Facebook for example or just send someone message with your link? Possibly this is sort of twitter cashing... — Alexey Nazarov

Alexey Nazarov Alexey Nazarov · Accepted Answer · 2020-09-26T09:27:05

Ok, I did a little research, try this steps

Visit https://cards-dev.twitter.com/validator
Enter your url and click on Preview Card. You will see the updated preview image.
Now try sharing your url on Twitter again

You can read it here

I am changing the meta tags but the change is not reflected react js

1 Answers