I have a page in my react project that I want to render a dynamic favicon, and also when share it, it will display that dynamic icon (like Whatsapp, Facebook etc., and those things can be done by dynamic meta tag with og:image propery).
When I share the page with react-meta-tags, although that in my source I can see that og:image was updated to the dynamic image I want to, whenever I send link to the website I get the original (In Index.html) og:image shown, and if I don't have original og:image in my Index.html page, than the website original favicon is displays instead.
For an example, The website original og:image content is the image with "Zedka" write in it (As in the following image).
Hello,
I have a page in my react project that I want to render a dynamic favicon, and also when share it, it will display that dynamic icon (like Whatsapp, Facebook etc., and those things can be done by dynamic meta tag with og:image propery).
When I share the page with react-meta-tags, although that in my source I can see that og:image was updated to the dynamic image I want to, whenever I send link to the website I get the original (In Index.html) og:image shown, and if I don't have original og:image in my Index.html page, than the website original favicon is displays instead.
For an example, The website original og:image content is the image with "Zedka" write in it (As in the following image).
And just if you want to see the source head tags so they are really correct: https://bucard.co.il/digitalCard/Github-ZCA
Please anyone can help me? What's the problem here?