How you can Repair Damaged Twitter Card Photos in WordPress

Do you want to fix broken Twitter card images in WordPress?

Twitter will automatically try to display a thumbnail when someone shares a link from your WordPress site. However, sometimes the wrong thumbnail is displayed which makes your website look unprofessional.

In this article, we are going to show you how to easily fix faulty Twitter card images in WordPress.

Why are twitter card images broken for some websites?

Twitter uses Open Graph metadata to look for images when a link is shared. This is similar to showing thumbnails on Facebook when you share a link on a page or group.

WordPress doesn’t support Open Graph meta tags by default. Because of this, when you share a link on Twitter, you may not always see a Twitter card image.

A link without a Twitter card image

You can use Twitter card images to grab the user’s attention and encourage them to click on a link. This means more traffic for your website from Twitter.

A link with a large Twitter card image

Let’s take a look at how to easily fix the broken twitter card images in WordPress.

Here is a brief overview of the topics covered in this article. You can jump to the section that interests you or follow the step-by-step instructions.

Fix Broken Twitter Card Images with All-in-One SEO for WordPress

First of all, you need to install and activate the all-in-one SEO for WordPress plugin. For more information, see our step-by-step guide on installing a WordPress plugin.

All in One SEO is the best WordPress SEO plugin on the market. With it you can easily optimize your WordPress website for search engines and social media platforms like Twitter.

Note: There is also a free version of All in One SEO that can be used to fix Twitter card images. The Pro version offers more powerful SEO functions.

In this tutorial we will be demonstrating the Pro version as we are using it, but the instructions for the free version are similar.

After activation, you need to visit the strong ones All in One SEO »General Settings Page to enter your license key. You can find this information under your account on the plugin website.

All-in-one SEO license

All in One SEO gives you complete control over which images with Twitter cards to use on your website. We will walk you through all the steps.

First of all, you need to add your social media profile urls. This would link your website to your Twitter profile.

Just go to the All in one SEO »Social Networks Page and enter your social media profile urls including twitter.

Add your social media profile urls

Set a default Twitter card image

Next, you’ll need to go to the Twitter tab and hit the switch next to the Enable Twitter Card option.

Activate the settings for the Twitter card in AIOSEO

Below that, you’ll see the default Twitter card settings that would work for most websites. However, you can change them as needed.

In particular, you want to change the ‘Default Post Image Source’. All in One SEO gives you a number of options.

For example, you can choose the selected image, the attached image, the first image in the content, the image from a custom field, the image by author, or the first available image.

We recommend using the featured image as most WordPress themes support featured images which are suitable as Twitter card images.

Below that you will find the option to choose a default image source. This image is used when someone shares a url to an archive page for categories, tags, or other taxonomy terms.

Set a default conceptual image

You can upload a default image here or upload a custom image for each category or tag (we’ll show you how to do this later).

After selecting the default image source for the Twitter card, don’t forget to click the Save Changes button to save your settings.

Set a default Twitter card image for the homepage

Now let’s see how to set a default Twitter card image for your website home page.

If you’re not using a static homepage, you can set a default image for a Twitter card directly from All in one SEO »Social Networs Page under the Twitter tab.

Add a custom image for your homepage

However, if you’re using a custom homepage, you’ll see the link to edit your homepage.

Edit your homepage to add a custom Twitter card image

On the page editing screen, simply scroll down to the “AIOSEO Settings” box under the content editor. From here you need to go to the “Social” tab and then select Twitter.

Correcting the Twitter map image for your WordPress homepage

Under the Twitter settings you can override the default options and provide a custom Twitter map image that will be used specifically for your homepage.

Custom Twitter card image for your WordPress homepage

Just click the drop-down menu next to “Image Source” and you’ll see a number of options to choose from. You can choose one of the options or choose a custom image to upload a new image that you want to use.

When you’re done, don’t forget to update and save your page changes.

Use a custom twitter card image for every post or page in WordPress

Many bloggers enjoy creating custom social media images for various platforms like Facebook, Twitter, Pinterest, and more.

All in One SEO makes it easy to override your default Twitter card image settings and provide a custom image for each post or page.

Just edit the post or page and scroll down to the “AIOSEO Settings” box under the content editor. From here you need to go to the “Social” tab and then select “Twitter”.

Twitter settings for individual posts and pages in WordPress with AIOSEO

Next, you can set up custom Twitter Open Graph data, including a custom image that will be used specifically for this article. Just scroll down to the “Image Source” section and click the drop-down menu.

Set a custom Twitter image for a post or page

You can choose from a number of options or select “Custom Image” to upload a new Twitter image.

After that, you can simply click the “Upload or Select Image” button to upload an image from your computer or use one from your WordPress media library.

Don’t forget to update or publish your post / page to save your changes.

Set a custom Twitter card image for categories and tags in WordPress

Just like posts and pages, All in One SEO also makes it easy to upload a custom image for individual categories, tags, product categories (if you’re using WooCommerce), and other taxonomies.

Just go to Posts »Categories Click the Edit link under the category you want to upload a custom Twitter card image to.

Edit category

This will take you to the “Edit Category” screen where you need to scroll to the “AIOSEO Settings” field. From here, switch to the “Social” tab and select “Twitter”.

Set the Twitter card image for a WordPress category

Now you need to scroll down to the Image Source section and click on the drop down menu. You can choose from a number of options or select “Custom Image” to upload a new Twitter image.

Add your custom picture as a Twitter card for the category

After that, you can simply click the “Upload or Select Image” button to upload an image from your computer or use one from your WordPress media library.

When you’re done, don’t forget to click the Update button to save your changes.

Test / fix images from Twitter cards

Once you’ve set up Twitter card images, you’ll want to test these out to make sure they’ll display correctly when someone shares a link from your WordPress website.

Just copy and paste the url of the page or post you want to test, then go to the Twitter Card Validator website. Paste the URL into the Map URL field and click the Preview Map button.

Preview and test your Twitter card images

The Card Validator Tool then pulls up the link and shows you a preview of what it would look like if someone shared it on Twitter.

Troubleshooting broken Twitter card images in WordPress

If you’ve followed the steps above and still can’t see the correct picture of the Twitter card, here are some simple troubleshooting tips you can try.

Clear the WordPress cache

The most likely cause of bad Twitter images is WordPress caching plugins. Even though you’ve set the image of the twitter map in All in One SEO, your cache plugin may still be showing an outdated version.

To fix this, you need to clear your WordPress cache and then test again using the Twitter Card Validator tool.

Choose Correct Image Sizes

Make sure the picture you plan to use as a Twitter card is neither too small nor too big. Twitter recommends images that are at least 144 x 144 pixels and a file size of less than 5 MB.

Tip: Learn all about social media image size on our ultimate social media cheat sheet for WordPress beginners.

We hope this article has helped you fix broken twitter card images in WordPress. You might also want to see our expert pick of the best social media plugins for WordPress and our ultimate guide to increasing your blog traffic.

If you enjoyed this article, please subscribe to our YouTube channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Comments are closed.