How to add alt text to images in your WordPress blog
Wordpress

How do I add alt text to an image in WordPress?

How do I add alt text to an image in WordPress? Alt-text is the text you give to an image to help search engines know what your image is about. It is also the text that is displayed if your picture does not load. I show you how to add alt text to images in your WordPress blog. I show you how to do this with images that you upload to your blog posts and images that you get from the Amazon affiliate site stripe.

Let’s start adding some alt text to your images.

How to upload an image to your WordPress blog

To start, I will start a new post and upload an image.

To upload an image to your post you need to start a new block, a new ‘image block’.

You start a new block by clicking on the ‘plus’ symbol on the top-left.

If you already have a new block then you click on the ‘plus’ symbol on the left of the block to get the popup menu. Or, if you see the image icon on the right of the block, click on that.

How to upload an image to your WordPress blog

In the popup menu, you select ‘image’. Then you get this.

Uploading an image to your WordPres blog

From here you click on ‘Upload’. You then select the image you want to use from your computer.

Once your image upload has finished you get this.

Now we can start adding alt text.

How to add alt text to images you upload to your WordPress blog

I would recommend that each time you upload an image to your WordPress blog you get into the habit of adding the alt text and title every time.

This is how to add alt text to a new image you have just uploaded.

As you can see from my last screenshot above. There is a box on the right for you to enter your alt text.

Another way to add alt text is by clicking on the ‘pencil’ icon in the bar above the image.

When you click on the ‘pencil’ icon you get this.

How to add alt text in images in your WordPress media library

You will see all the images in your media library. Your latest image will be on the top left.

A preview of that image will appear on the right. Below that preview, you will see boxes where you can add details about your image.

The text you type in the alt text box will show when your image does not load for a visitor. The text should be a short description of what the image is.

Once you have finished entering the image details, click on the blue ‘Select’ link on the bottom right.

After you click on ‘Select’ you will go back to your blog post. Now your image has ‘alt text’ and is SEO friendly.

How to check if you have alt text in images on your post

Sometimes I complete a post and I am not 100% sure I added alt text to all the images in that post.

It is very easy to check if you have or not.

You just scroll down through your post and left click on an image. When you left click on an image, you get details of that image on the right.

In those details on the right, you will see a box for alt text. If you have added alt text to this image already, the text will show in this box.

Like this.

How to check if you have added alt text to your images

How to add alt text to images you get from the Amazon site stripe

If you an Amazon affiliate then you know that you can’t download images from Amazon to use on your blog. It is against their terms and conditions of being an affiliate.

You are only allowed to use the Amazon site stripe to get the HTML code to embed into your blog for images you want to use.

If you would like to learn how to use the Amazon site stripe. Visit my blog post about ‘How to add Amazon affiliate links to WordPress’.

I am going to embed the HTML code I got from an image on Amazon so that I can show you how to add alt text.

First, we need an HTML block. I click on the ‘plus’ symbol and type HTML into the box.

Like this.

How to create an HTML block in WordPress

Once I click to create the block I get this.

How to create an HTML block in WordPress

I paste my HTML code from Amazon into this box.

Like this.

How to paste HTML code into a WordPress blog

If I click on preview, I get to see the image I have embedded.

Preview of an image embedded from Amazon

To add alt text to this image we need to click on the three dots in the bar above the image. Once we click on the three dotes we get a popup menu. In that menu select ‘Convert to blocks’.

Like this.

After we ‘Convert to blocks’ we get this.

How to add alt text to an embedded image

On the right, you have a box to write your alt text. Write your text in there and you are all done.

All your images are SEO friendly.

Adding alt text to images video tutorial

Conclusion

The reason that all your images should have alt text is for search engines to know what your image is for.

Alt text is also the text that displays when your image does not load or loads slowly within your posts.

If you have not been adding alt text to your images. I recommend that you go back through your posts and add the text.

When you upload images to your post adding alt text is very easy. You can use the box on the right of the screen or you can use the bar above your image.

Adding alt text to embedded images is a little more difficult. First, you need to ‘convert’ before you get the option of adding alt text.

Comments

Do you have alt text in your images?

Did you know what alt text was before you read my post?

How confident are you of adding alt text to your posts after reading my post?

I look forward to reading your comments.

Sharing is caring!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.