YJ_Lim reported that when sharing the link to their Discourse forum (https://community.zoo.dev) on Twitter and LinkedIn, the expected image (set via OpenGraph metadata) does not appear — instead, generic or incorrect previews are shown. supermathie confirmed the OpenGraph metadata is correctly configured using opengraph.xyz, and the preview renders correctly in tools and on Discourse itself. The issue likely lies in Cloudflare blocking or interfering with the crawlers from Twitter and LinkedIn that fetch the preview data. supermathie suggested checking Cloudflare’s settings, temporarily disabling it (though caching may delay results), reviewing access logs, or seeking help on Cloudflare’s Community — noting that Cloudflare’s own forum works correctly on those platforms. YJ_Lim acknowledged there’s likely nothing further they can adjust on the Discourse side. Heliosurge clarified the issue is not with Discourse’s internal link previews but with how external platforms render the link.
It works here - is this the image you expect?
Okay so the issue is not Discourse’s image link previews in topics
But your forum Link’s display on platforms like Twitter/KunkedIn?
It is! But it’s not the image that shows up for Twitter or Linkedin.
Right - it doesn’t show up on Twitter and Linkedin
The opengraph tester shows us everything should be fine:
<!-- HTML Meta Tags -->
<title>Zoo Community Forum</title>
<meta name="description" content="A place for the community to help each other learn how to use the Zoo tools and API.">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://community.zoo.dev">
<meta property="og:type" content="website">
<meta property="og:title" content="Zoo Community Forum">
<meta property="og:description" content="A place for the community to help each other learn how to use the Zoo tools and API.">
<meta property="og:image" content="https://discourse-uploads.zoo.dev/original/1X/162d5a9fda090bf15dbdcbb3d5b82056970f13a8.svg">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="community.zoo.dev">
<meta property="twitter:url" content="https://community.zoo.dev">
<meta name="twitter:title" content="Zoo Community Forum">
<meta name="twitter:description" content="A place for the community to help each other learn how to use the Zoo tools and API.">
<meta name="twitter:image" content="https://discourse-uploads.zoo.dev/original/1X/162d5a9fda090bf15dbdcbb3d5b82056970f13a8.svg">
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
and expects the following results to show on Twitter and LinkedIn:
The problem does not seem to be in the data Discourse is returning.
Assuming of course, that Twitter/LinkedIn receive this data.
I would guess the problem is that Cloudflare is blocking the request from Twitter/LinkedIn that crawls the site to generate the preview.
Ahh I see - so seems like there’s nothing else I can do on my end?
Thank you for your help!
Not on the Discourse side, I believe.
The next step would be testing this assumption.
Make sure you’ve followed the Cloudflare Guide.
Disabling Cloudflare temporarily may help, but Twitter/LinkedIn might cache their results and this may not have immediate effect.
Access logs might have more information.
Posting on Cloudflare’s Community about this may help.
I note that https://community.cloudflare.com/ does appear properly on Twitter/LinkedIn, for what it’s worth, so evidently they’ve made this work.
