[Solved] Twitter Card: ERROR: Fetching the Page Failed Because Other Errors Not Showing Images From Shared URL | Fix LinkedIn Image Preview

Your Twitter cards do not show images after the tweet is posted on Twitter. It is seen that the page you are tweeting about cannot reference an image for its Twitter card. But fetching another page's post images with its Twitter card has already been referenced. So you can say that Twitter not displaying the summary_large_image card correctly with your tweet from your site. LinkedIn also does not show a preview of the link.

Fixing sharing link not showing image —
Even more, when I am trying to share the page, post a link on LinkedIn, and also tweet using the Twitter share button from my blog which has Twitter cards it is NOT WORKING. Images are not loaded with sharing links on social media. The Twitter card and OpenGraph tags only share text and links on LinkedIn and Twitter but not with images. What's wrong with the code?

When I post a link on LinkedIn it doesn't show the image from the link what to do to fix it? LinkedIn or Facebook share images not updating after sharing the link on the site. Recently the Twitter card & OpenGraph stopped displaying the images, it was working fine but the issue started a few weeks ago. After lots of troubleshooting, I found 4 solutions that might work with you too.

How to Fix Your Link Previews on Facebook/Twitter/LinkedIn

The meta tags render the text or in some conditions only links that are only showing the “summary” type rather than the “summary_large_image” type, and not pulling the post image.

<!-- Twitter Card Tags Start-->
<meta content='summary_large_image' name='twitter:card'/>

Basic steps to fix sharing links not showing image from URL

To get the image shown when you post a link on Twitter or LinkedIn, you can try the following steps:

All Open Graph, Facebook tags, and Twitter card validation tools

Before you go through each solution, I suggest you again check how your link is crawled and shown on other social apps first.

Fixing Open Graph, Facebook tags, and Twitter Cards Not Showing Image

1. Correcting Meta Tags

An additional issue here is probably the fact Twitter meta tags do not use the 'PROPERTY' attribute like OpenGraph but the 'NAME' attribute, as described in their documentation. Open Graph Tags look alike:

<meta expr:content='data:blog.title' property='twitter:title'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='twitter:image'/>

Twitter Card Tags look alike:

<meta expr:content='data:blog.title' name='twitter:title'/>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>

Make sure you have all tags properly added as shown above. So your code would look like the following sample tag:

<meta name="twitter:image" content="https://www.your-website/postimage.jpeg"/>

I have posted a separate page with all the detailed information you need to work, and I am recommending to go through it for the basic fundamental guide here at: All Open Graph Tags For All Websites To Boost Your Social Media Shares [Blogger/WordPress]

2. Updating to New Image Tag

Most of the users solved this issue by changing the image tag name. A Twitter documentation is showing to update the tag 'twitter:image' to 'twitter:image:src' as shown below:

<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image:src'/>

So your code would look like:

<meta name="twitter:image:src" content="https://www.your-website/postimage.jpeg"/>

3. Fixing Robots.txt

Most of the time, the Twitter card not working because the 'Twitterbot' is blocked by the Robots.txt file.

You like to know that Twitter uses a User-Agent called 'Twitterbot' and it is used by Twitter to crawl images on your site.

So here you need to configure your web servers to allow Twitter to access all of your site resources like images, via the robots.txt file.

So update your Robots.txt file as:

4. Changing CloudFlare SSL Settings

My problem was due to my CloudFlare 'Minimum TLS Version' was set to TLS 1.3.

When I used Twitter Card Validator to test my cards, I got unknown errors and cards would not shown up and I have experienced the problem “ERROR: Fetching the page failed because of other errors” as shown below:

But the issue was that Twitter is not supporting TLS version 1.3 and so it is required to me to degrade to TLS 1.2.

Then I went to the Cloudflare web server as shown below and changed the TLS settings to a minimum of 1.2 instead of 1.3.

• 

• 

Immediately my cards were displayed and the issue was fixed as shown below:

Bottom Line

It's strange to me that Twitter hasn't added support for TLS 1.3, which is the latest version recommended by security experts. While I understand that they may like to keep support for TLS 1.2 to remain compatible with older websites, it seems odd that they wouldn't also support the more recent version that's already in use.

Incase if you have any better solution then please it here in comment section, I will upload it on this page to help other guys...