Twitter Card image not showing

Hello Psychosis51,

Thanks for reaching out regarding your Twitter cards. We can confirm that the image in the card validator is not displayed but the result is: “Card loaded successfully”. Please make sure the image meets the requirements for the card type – Summary with large image card

Thanks for the update.

The link you provided doesn’t seem to specify the size or the ratio that should be used for the “Card” images.

Can you please provide the required size or ratio for the Card images?

I already tried 600×300 which is used by the example image in that link, but the Validator is not picking it up.

As a side note, we have filled the Title and Description meta as required by Twitter but still no avail.

Any help will be appreciated!

Hey @psychosis51,

Thank you for your reply.

The page does mention some dimensions, but we’ve seen in the past that if the image is even a bit bigger than the minimum specified on that doc, it might not grab the image…

We tried in a temporary environment with the same image and dimensions, and the card validator didn’t grab it. Resizing that image twice the size did grab, as you can check with the temporary URL: https://tilapi.us.instawp.xyz/index.php/2022/02/21/hello-world/

That said, we would encourage you to use bigger images for Twitter even though they mention 300×157 is their minimum and yours is beyond that (600×300).

It says:
twitter:image
Images for this Card support an aspect ratio of 2:1 with minimum dimensions of 300×157 or maximum of 4096×4096 pixels.

600×300 is 2:1 ratio.

The link you provided is 403 – Forbidden at the moment and I’m unable to inspect it.
What’s the size you used on that card, please?

Hi @psychosis51

I’ll have to get back with my colleague regarding the dimensions of the image he used for the test post.

In the meantime, could you try an image with double that resolution of 600×300 such as 1200×600 and recheck it in Twitter’s Card Validator and see if it then picks up the image?

Thanks for the reply.

Unfortunately, 1200×600 didn’t work either.
I made sure the image has Alt tag, Caption, Description and Title.
The post also has Title and Description meta in place.

I’m testing on the post I initially attached to my inquiry. Maybe you can inspect it and advise?

Any further help will be appreciated!

Hi @psychosis51

We’re checking your robots.txt file and it looks like you have specific directives for the TwitterBot that might be causing this issue as to why it’s unable to pick up the image.

You may want to review (or consider removing the directives specific to Twitter) and then trying to see if this helps after testing it in Twitter’s Card Validator Tool again after a while.

Hi Michael! Thanks for the update!

I removed that robots.txt so that the default one is in action:

User-agent: *
Disallow: /wp-admin/
Allow: /wp-admin/admin-ajax.php

It’s still not picking up. I’ve already tested with these dimensions:
600×300
600×314
1200×600

Please let me know what else we can try.

Hi @psychosis51

We do see that you removed the specific Twitter directives. When we try to check the image URL through the Twitter Card Validator Tool again, it mentions:

ERROR: Fetching the page failed because the request timed out.

We downloaded the image and used it on a test post with the current dimensions of 600×314 and it is being picked up by the Twitter Card Validator tool without any issues, and the image is displaying.

We suspect that this might have to do with caching on Twitter’s end. So you may want to retry your URL again after 7 days and see if the image is then picked up after in the preview.

Hi there! Thanks for the reply!

That URL might be cached, right.

But I just set up another post that we never checked in the Validator.
In theory this post shouldn’t be cached although can’t confirm whether it was ever posted on Twitter before.

I set up a 800x400px image which is 2:1 but it’s still not picking it up.

Any ideas?

Can set up another post with a specific size if you’d like.
Any help will be appreciated!

Hi @psychosis51

We did check your other post and the defined twitter:image in the page source and they both displayed the same behavior as the original post.

In this case, we’re not sure if the caching is specific to your entire site on Twitter’s end when it was unable to initially access your site’s images due to the directives on the robots.txt and this is what is causing the timeout when trying to crawl for the image URL.

We recommend that you wait for 7 days (as this is when the cache refreshes) or try to reach out to Twitter support, as we aren’t sure what else to advise here, as the output from the Yoast SEO plugin seems to be as expected.

Thanks! This is so unfortunate.

I hope you do not close the topic after 7 days so that we can follow up.

Hi,

We’ll leave the topic open for a few days to see if any other users can chime in and provide other suggestions. We do suggest that you reach out to Twitter support, as we can confirm from our end that the Yoast SEO plugin itself is working as expected as it is outputting all of the correct tags such as the twitter:image.

Hi,

We tried to check on the Twitter Card Validator tool again and it still doesn’t seem to be picking up the image. We suspect it might have to do with the robots.txt directives that were blocking the Twitter bots. We suggest that you contact Twitter support for further assistance, as we can confirm that the Yoast SEO plugin is outputting the correct Twitter and Open Graph tags in the page source.

Sorry that we couldn’t be of more help here.

Hi there!

There’s no Twitter Support for contact. Only Help pages and a Community forum which won’t be in help at all.

Robots.txt at the moment is:

User-agent: *
User-agent: Twitterbot
Allow: /

This allows all for Twitterbot indexing, so I doubt this has anything to do, because earlier in this thread we also tested it with the default Yoast robots.txt that allows all.