Card images showing on some pages but not others

[charles_s_df]

Description of issue:

I have a site where I’m getting confusingly inconsistent results with the card validator

These two pages have identical meta-tag structure. This one does have an image rendering in twitter and on the card validator
https://bnjc.co.uk/news-and-views/article/celebrating-a-construction-milestone-with-a-topping-out-ceremony
while this one never renders an image to the card:
https://bnjc.co.uk/news-and-views/article/jews-who-deliver-a-delicious-virtual-tour-of-brighton-jewish-food-providers

URL affected (must be public):
https://bnjc.co.uk/news-and-views/article/jews-who-deliver-a-delicious-virtual-tour-of-brighton-jewish-food-providers

Troubleshooting steps attempted [note that we will not prioritise posts unless there is evidence of following the troubleshooting guides]:

The validator reports 32 metatags were found

My page has content-type: text/html; charset=utf-8

Tags are loaded as part of the html.

<meta name="twitter:card" content="summary_large_image"> is visible as part of the html

curl -v -A Twitterbot https://bnjc.co.uk/news-and-views/article/jews-who-deliver-a-delicious-virtual-tour-of-brighton-jewish-food-providers loads the page and metatags are visible

robots.txt looks like this:

User-agent: *
Allow: /

The image is 1200x630, and about 200kb, I’m using an absolute url.

I’m putting the exact page url in the validator.

Using “summary_large_image” card type.

The metadata fetch seems to be working, the image isn’t displaying.

I’m using a proper domain, not an IP.

I’ve tried adding on dummy parameters to the urls to refresh the cache, but this hasn’t changed anything.

The working page’s image is a .jpeg, and the other’s is a .jpg, but I’ve .jpgs working elsewhere, so doubt that that’s the problem

Any thoughts?

[fhoa]

I have the exact same issue! Following to see if there’s a solution

[fhoa]

I’m not sure why it worked, but it worked, so I’m going to share my solution here. For context- my problem specifically is that the cards were working for files directly under the root directory (e.g. index.html) but not for ones in the sub-directory (e.g. /post/example.html)

What I did was to take out the meta tag for twitter:image. Make sure to keep the og:image intact and in a form that twitter specified (absolute url, etc.) Twitter seems to be able to pick up the open graph image information as long as other necessary meta tags such as twitter:card, twitter:title, twitter:description is there. I hope this helps!