Thumbnail pictures in links not working on Twitter again

[JustLuuuu]

What happened?

I wanted to share this NFT on Twitter: https://kodadot.xyz/rmrk/gallery/16967859-62DB09E2F7FAA81C5F-FLOW-NIGHT_MAGIC_SPELLS-0000000000000001

It looks like this: RMRK

I checked older posts and here is one from Deepologic: Basilisk

It looks bad, can we fix it?

Please reproduce in steps

Copying url and pasting it on twitter

Expected Behavior

Add image to post

[roiLeo]

duplicate #4058 and #2136

note: works on beta

[roiLeo]

Reopened since it doesn't work anymore on beta
Tested on: https://beta.kodadot.xyz/rmrk/gallery/16967859-62DB09E2F7FAA81C5F-FLOW-NIGHT_MAGIC_SPELLS-0000000000000001

(works with seo inspector?)

[yangwao]

I thought we already replaced this stuff? og-image-green-seven

[roiLeo]

I thought we already replaced this stuff? og-image-green-seven

we still use https://github.com/AndreyGrin/og-image

[yangwao]

hey seems doesnt work on production either

• https://www.opengraph.xyz/url/https%3A%2F%2Fkodadot.xyz%2Frmrk%2Fgallery%2F16967859-62DB09E2F7FAA81C5F-FLOW-NIGHT_MAGIC_SPELLS-0000000000000001

edit, works on telegram https://t.me/@WebpageBot

[preschian]

Reopened since it doesn't work anymore on beta

seems like prerender on netlify not working anymore

hey seems doesnt work on production either

yes, if the beta didn't work, the production would also not work. because on production we use beta (netlify-prerender) as a proxy https://github.com/kodadot/workers/blob/main/prerender-opengraph/src/netlify.ts#L9

afaik, prerender/SPA/client-side method can't be tested with https://www.opengraph.xyz/
it's better to use https://developers.facebook.com/tools/debug/

but, since yesterday, I'm starting to experiment with ssr-opengraph. so, with the ssr method, we can test it on https://www.opengraph.xyz/

I'm still testing it for the gallery item
demo:

• https://www.opengraph.xyz/url/https%3A%2F%2Fkodadot.preschian.xyz%2Frmrk%2Fgallery%2F16967859-62DB09E2F7FAA81C5F-FLOW-NIGHT_MAGIC_SPELLS-0000000000000001
• https://www.opengraph.xyz/url/https%3A%2F%2Fkodadot.preschian.xyz%2Fbsx%2Fgallery%2F2551182625-11
• https://www.opengraph.xyz/url/https%3A%2F%2Fkodadot.preschian.xyz%2Fbsx%2Fgallery%2F1865909717-11

[preschian]

hi @JustLuuuu, could you check again? and give me the Twitter link to your status and deepologic?

btw, we can refresh opengraph preview on Facebook with this button on https://developers.facebook.com/tools/debug/

unfortunately, I don't know how to refresh it on Twitter. ref:

• https://www.socialmediaexaminer.com/how-to-clear-facebook-cache-twitter-cache-linkedin-cache/
• twitter card validator is not working anymore https://twittercommunity.com/t/card-validator-preview-removal/175006

currently should be working on bsx/ksm/snek. and can be tested in opengraph.xyz

[JustLuuuu]

hi @JustLuuuu, could you check again? and give me the Twitter link to your status and deepologic?

My status: https://twitter.com/Just_Luuuu/status/1635610269089947648

Deeplogics: https://twitter.com/deepologic/status/1636769561763790848 - not working

I found this on one of his new posts: https://twitter.com/deepologic/status/1639898400974946309 - looks like its working
https://twitter.com/deepologic/status/1627685832847986691 - working

Looks like this is almost working for now.

[preschian]

My status: twitter.com/Just_Luuuu/status/1635610269089947648

looks like it working now

Deeplogics: twitter.com/deepologic/status/1636769561763790848 - not working

I guess that Deepologic accidentally clicked (x) button when tweeting that status. it will hide the thumbnail pictures on the tweet

Looks like this is almost working for now.

let's close this then. please reopen this issue if happen again