Open Graph Issue

[pliant oyster]

Hi!

I have set up Open Graph tags on my pages.
When I use an extension to test the result, everything looks good.
I can see my title, description, image etc.

Unfortunately when I try to link my website, on Discord for example, I don't get the expected embed.

I've read that it could be linked to a security feature from Cloudflare, blocking the access to the Open Graph information.

Could that be the case?

Here is an example:
https://pokemon-sleeve-database.com/sleeve?id=elite-trainer-box-ascended-heroes

And the expected result:

This article refers to "Static resource protection" potentially being responsible, but I couldn't find that option in the settings.

https://www.linkedin.com/pulse/linkedin-open-graph-image-challenges-navigating-cloudflare-brits-7js1c/

[lapis ledge]

mate, you have an SPA

your opengraph tags are client-side rendered, crawlers would need to run your javascript to render them (which they do not)