Link Image Not Working

Hello!

I’m having issues producing an image when trying to post the link on Twitter and Linkedin. I end up getting these images instead. We have it set up with our logo in the metadata, but it isn’t showing up. How do I fix it so the image we want shows up?

TIA!


This one is from Linkedin

It works here - is this the image you expect?

1 Like

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.

2 Likes