The Difference between Image ALT and Image TITLE Attributes in WordPress

In SEO Skills, Webmaster Skills
ALT Image and Image TITLE Attributes

The web content of a website or blog may consist of texts and images. Their role is to deliver the initial information on a web page. However, there are many website owners overlook the use of the image ALT and image TITLE attributes, especially the WordPress site owners. Whereas, the WordPress is a CMS platform supports such functions. So, by correctly using the functions of the image ALT and image TITLE attributes can boost the image SEO or better the web page search ranking of a web page.

Although WordPress supports the options to add Image ALT text and Image TITLE in a post’s images, most WordPress newbies don’t really understand the difference between them and how to use them. So, this topic will describe the difference between the Image ALT text and Image TITLE in WordPress.

Image ALT Attribute

The Image ALT  Text or alternative text attribute is the image tag in the form of HTML. It will appear in the image container in case the web page or a web browser cannot load the picture when a visitor accesses the web page. This function helps search engines to understand the information within the image. The alternative image text is also helpful in the case an image is not found in web page source or it has been damaged. Take a look at the image below.


The Image TITLE is another attribute which is the image tag in the form of HTML. Its function is to provide a TITLE for an image on a web page. The text you enter in the Image TITLE tag will not be displayed to the visitors incase the image cannot be loaded by the web page. Instead, the Image TITLE tag will appear when you highlight the image with your mouse. So its function is to view the additional information to the image in the form of text when a visitor mouseovers the image using the device or computer pointer.

Both Image ALT and Image TITLE are also used to improve your site’s accessibility for the readers with a weak vision of their device’s screen. Their devices will read the entire text of the article when displaying images of the web page. This makes the users know why you add an image to the article even if they cannot see it clearly.

How to Add Image ALT Attribute in WordPress

You can easily add an Image ALT attribute to a picture in your WordPress website or blog when uploading the image using the WordPress built-in media uploader. You can do it when you are adding a new post or page to your WordPress blog.

Image ALT attribute in WordPress


Alternatively, you can also add or edit the Image ALT attribute to all of your images. Go to Media → Library and click the picture you want to add or modify the Image ALT tag. Then, it will automatically pop up the settings column on the right of the picture. There you are going to add the TITLE of the image, the ALT Text and Description of the picture. Then, just close the pop-up editor by pressing the X button. After you close the pop-up editor, the data you entered will be saved automatically.

How to Add Image TITLE Attribute in WordPress

“Remember, the Image TITLE isn’t the Image TITLE attribute.”

To add an Image TITLE (not Image TITLE Attribute) in WordPress is still the same as adding an Image ALT attribute in WordPress. You can add a title to a picture when you are uploading an image to your WordPress blog or site using the built-in media uploader. There you’ll see the field to fill in the title for the picture. The title field is used by WordPress to handle the information your media files. It also allows you to search your images in your dashboard using a search term.

Image Title in WordPress
In WordPress, the Image Title is not the Image TITLE Attribute.

You can directly add a title for a picture when you upload the image to the WordPress media library. The image title works to display the list of your media files. While this title will help you quickly to find media files in your WordPress media library. But it’s not the Image TITLE attribute that we are talking about. Here’s how you would add an Image TITLE attribute to your image in WordPress.

If you are using a visual post editor on your WordPress blog, there you need to click on the picture. Then, click the Edit Button on the image.

After clicking the edit button, it will open the popup icon above the picture. Then you need to click on Advanced Options. There you are going to add an Image TITLE Attribute to the picture.

Image Title Attribute in WordPress
How to add an Image TITLE attribute in WordPress.

For webmasters who understand HTML coding. You simply switch to the text editor and add the Image TITLE attribute to tag your image as follows.

<img class="aligncenter wp-image-6399 size-full" src="" alt="image alt and title image" title="image alt and title image"/>

Alternatively, you can use a Restore Image Title plugin to display Title on the image uploader as the Title attribute.

Why You Should Add the Image ALT and Image TITLE Attributes to Your Images in WordPress

It’s highly critical for WordPress users to add both Image ALT and Image TITLE attributes to all of the pictures. The most significant advantage is certainly to help search engines finding and knowing your images. After that, the search engine will display them on the image search results. Another advantage is to improve the accessibility of your site and to describe the pictures for the visitors as we had discussed previously.

Search engines, especially Google states that they only focus on the ALT tag as the factor to determine image search rank in the SERP. However, this does not mean Google completely ignores the Image TITLE attribute. Therefore, in adding an Image TITLE attribute to your image, try to make it different to the ALT attribute and add a relevant keyword. Adding the keyword will also improving the webpage’s keyword destiny. So, having a lot of images on a web page with its proper use of Image ALT and TITLE attributes will increase the webpage’s keyword destiny. However, for a better onpage SEO, the keyword destiny of a web page should no more than 2.5% of the total words.

Remember, you shouldn’t use the image ALT and image TITLE attributes as keywords stuffing means. Instead, write a descriptive text to describe precise information to the picture.

Subscribe to Our Newsletter!

Love Skillonpage? Get exclusive personalised content right in your Inbox. It's free!

You may also read!

How to make a text reveal effect in Premiere Pro

How to Make a Text Reveal Effect in Premiere Pro CC

This article will guide you how to make a text reveal effect in Premiere Pro. Text Reveal effect is

How to Crop Video in Premiere Pro

5 Methods How to Crop Video in Premiere Pro CC

To begin how to crop video in Premiere Pro CC, add the video clip to the timeline by dragging

How to reduce video file size without losing quality.

How to Reduce a Video File Size Without Losing Quality in Premiere Pro

Hello guys! This tutorial will discover how to reduce video file size without losing quality through Premiere Pro export.


Leave a reply:

Your email address will not be published.

Mobile Sliding Menu