How to Add Title Tags for Images in WordPress

Adding title tags to images in WordPress is not a difficult process. As a matter of fact, there are a few different ways that this can be done, depending on how hands-on you want to be with the images.

Today, I am actually going to show you how to add the WordPress image title attribute to all your images using three methods. We will talk about a plugin method, a Gutenberg editor method, and even touch on a method to add them if you are still using the classic editor.

How Does the Image Title Attribute Impact Website SEO?

When it comes to image optimization in WordPress, there are several things you can do to help. That being said, as far as the title tag goes, there are camps on both sides that will argue how important it really is.

There is a camp that will argue that it is an excellent choice to add a WordPress title tag because it is a good way to incorporate keywords and help with SEO. However, the other side of the camp argues that search engine bots don’t crawl it, so it isn’t an important aspect at all.

The main takeaway here should be this; when you add a title to an image in WordPress, it does not hurt your site in any way from an SEO standpoint. As a matter of fact, Google actually recommends it. So with that said, there really isn’t a reason you shouldn’t do it.

Let’s take a look at the three methods we are going to use today in order to add title tags to images in WordPress.

How to Add Title Tags to Images 

Method 1: Use a Plugin

This method is both the easiest way to accomplish this and the fastest. You will be able to add title tags to images in a bulk fashion. It is a little more hands-off but gets the job done the easiest.

Let’s take a quick look at the plugin we are using to do this.

Bulk Auto Image Title Attribute

Bigta plugin

Bulk Auto Image Title Attribute (also known as BIGTA) will automatically add title tags (attributes) to your images (into HTML code). It does this depending on your selections and needs. 

The plugin will also allow you to manually add these using the Post META box. The plugin is straightforward and easy to use. Once installed, it automatically starts working both retroactively and for all future content.

Let’s get it installed and set up together so that you can use it.

Note: While this plugin is compatible with Gutenberg, there is not an “advanced Options” section anymore that allows you to manually add title attributes. This is why we are covering the manual method for Gutenberg below this.

Step 1: Install and Activate the Plugin 

The first thing you want to do is get the relevant plugin installed and activated. There are a couple of ways to do this, manually, and through the dashboard on the Plugins page.

In this case, let’s just go to the Plugins page in the dashboard and do it from there.

INstall and activate bigta to title tags to images

There will be a search field that you can use. Use it for a quick reference of the plugin and when you find what you are looking for, click on the “Install Now” button.

Step 2: Access the Main Settings Page

Accessing the settings page for a plugin usually works the same for most plugins. You will see new menu items available on the left menu of the dashboard. So, look there and click on the “Bulk Image Title Attribute” link that is located on the left side menu area of the dashboard.

Click on bulk image title attribute

Step 3: Configure the Plugin

The main settings page has three tabs available. They include:

  • Settings
  • FAQ
  • Recommendations

If you want to go read the FAQ page, go ahead and click on that tab. You can also explore other recommended plugins by clicking on the recommendations tab. For now, let’s focus on configuring the plugin settings.

Add the title attributes to posts and pages the way you see fit by using the available dropdown menu to make your choice.

post and pages dropdown menu

Now, scroll down some and add the configurations you want for custom title attributes.

Custom title attributes

Below that, you will see some clickable boxes for things involving search engine rankings and mobile-friendly designs. If you click to enable any of those, then you will need to download and install the recommended plugins they list.

Mobile friendly and search engine functions

For now, click on the “Save Changes” button and you are all set!

That’s it! Title tags have been added to your images in bulk based on the settings you applied. 

Method 2: Using the Gutenberg Editor

We will explain a little about the classic editor in Method 3. However, Gutenberg is the future of WordPress, so you should be doing most of your editing and building in this editor by now.

The Gutenberg WordPress editor actually allows you to very easily add title tags directly within the content editor. This means that you can add attributes on the fly as you put new content up.

Step 1: Open a Post or Page

Open a post or page that you want to add an image to. 

Step 2: Add an Image Block

Click on the + symbol to add an image block onto the page you have open.

Add iage block to add title tags to images

Step 3: Add an Image

Now that the image block is on the page, click on it to add an image. You will be prompted to add the image from your media library.

Add an image

Note: You can see that there are spaces to add both an image title and image alt text when you are uploading the image. This is not actually where the HTML image title is used, we will add it below. This is simply an internal title used by WordPress.

Step 4: Add Title Attribute

On the right side of the page, click on the “block” function and scroll down to the “Advanced” dropdown menu. Inside this menu, you will see the “Title attribute” field. Enter the title tag that you want in there.

Add title tag in the field

That’s it. You can repeat these steps for all the images you add in the future.

Method 3: Using the Classic Editor

Last but not least, we come to the classic editor. If you are still using this editor in WordPress, it is still pretty easy to add a title tag to your images.

Let’s run over the instructions real quick.

Step 1: Open the WordPress editor.

Again, open the post or page that you want to add an image to.

Step 2: Add the Image

On the top left of the editor, you see an “Add Media” button. Click on that to open the WordPress media gallery on your site.

Click the add media button

Add the image you want into the editor

Step 3: Edit the Image to Add Title Text

Hover over the image that you brought into the editor. You will see an “edit” icon show. Click on that to open some advanced editing options.

Click the edit button

Find the “Advanced Options” dropdown and click on it to open it up.

Advanced options for the image

Add the title tag you want in the field provided and you are good to go.

That’s it. You can also repeat the classic editor steps above to add a title tag to all the images you want.

The Difference Between a Title Tag and Alt Tag

Title tags and alt tags are oftentimes confused in a couple of different ways. Many people think they are the same thing, while others simply don’t know the main difference between the two.

The main purpose of an alt tag is to describe the visual elements of an image to users who can’t see them. Adding alt tags to images is one of the best ways to help with image SEO.

The title tag, as mentioned above, is the actual title of the image usually based on keywords that you would like the image to be relevant for in search engines.

Final Thoughts 

Whether you are adding images HTML title tags or doing it in bulk using the plugin above, you want to make sure title tags are added correctly. All three methods above work great and will put you on the right track.

Adding title tags to images in WordPress does not have to be difficult. It may take a little time based on the method you choose, but the process isn’t hard.

Have you started adding title tags to pages? What is the preferred method you like to use?

1 thought on “How to Add Title Tags for Images in WordPress”

Leave a Comment

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.