Twitter preview cards not working with Prismic images CDN

Developing with Prismic
1

Hello, It seems that my twitter:card is not showing up due to Prismic Images (I have all mandatories OG twitter fields and my card is valid in the Twitter Card Validator).

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@theoceanagency">
<meta name="twitter:title" content="The Miraculous Tale of the Whale">
<meta name="twitter:description" content="An inspiring story of the comeback of the Humpback Whale."><meta name="twitter:image" content="https://images.prismic.io/ocean-agency-cms/20a6222f-fa82-4c25-bd32-7d6bff0a89c0_OceanImageBank_FrancoisBaelen_sml.jpg?w=600&amp;ar=1:0.5">

Does anyone can help me with this issue? thanks!

3

HI @pierre.mouchan

Welcome to the Prismic communtiy,

Can you please explain what you mean by

twitter:card is not showing up due to Prismic Images

And for me to be able to investigate this, I would need the Twitter URL you are trying to embed.

4

I mean the preview image is not showing on Twitter when sharing the link.
here is the URL: https://www.theoceanagency.org/blog/the-miraculous-tale-of-the-whale

the meta twitter:image url: https://images.prismic.io/ocean-agency-cms/20a6222f-fa82-4c25-bd32-7d6bff0a89c0_OceanImageBank_FrancoisBaelen_sml.jpg?w=600&ar=1:0.5

thanks for the support!

6

Hello @pierre.mouchan, I'll be taking over the conversation. Fares is off today.
I'm unsure if the problem is directly related to your Prismic media files. Have you tried with a different image?
Here's a guide to SEO & social cards:

7

Hmm, for some images, it is working fine and for others, it is not...

Definitely coming from Twitter... I think some of their cache has been renewed since I created this post. Thanks again for the support!

8

Hey Pierre, not sure if the problem is related, but worth having a look at this article I wrote a while ago. I had a problem with Linkedin og image