Web content does not only consist of text but images also play an important role in web content. However not many website owners optimize their images for better site speed or search rankings. Even though WordPress comes with the option to add alt text and image titles, it is still common for beginners not to understand the differences and how to use them. In this article, I will show you the difference between an alt text image and a title image in WordPress.
What is Alt Text and Title Image
Alt text or alternative text is an attribute added to image tags in HTML. This text appears in the image container when the image cannot be displayed. This helps search engines understand what the image contains. Alternative text is also very helpful in cases of images that are not found on the page or images are damaged, see as shown below.
The image title is another attribute that can be added to image tags in HTML. This image title is used to provide a title for your image. The text you enter in the title tag will not be shown to the user when the image cannot be displayed. Instead, this image title tag is displayed when you highlight the image with the mouse.
Alt text image and title image are also used to improve the accessibility of your site for people with readers on devices with poor vision screens. The device will read all text articles when displaying images. This lets users know why you added an image to the article even if they can’t see it.
How to Add Alt Text to Images in WordPress
You can easily add Alt text in wordpress for the images you want to use when uploading using the built-in media uploader.
You can also add alt text for images by going to the menu Media »Library and clicking on the image you want to edit, the settings column will automatically appear on the right of the image, fill in the Title, Alt Text and Description and press the X or close button, because the data you enter will automatically be saved.
How to Add Title Image in WordPress
Similar to adding Alt to an image, adding a Title to an image in wordpress is that when you upload an image using the built in Media uploader in WordPress, you will see a field or column to fill in the title. This title field is used by WordPress to handle media files and to make it easier for you to find your images.
Titles can be added when you upload images only to the WordPress media library to display a list of your media files.
While this title will help make it easier for you to find media files in the WordPress Media library, it’s not the title attribute we’re talking about. Here is how you will add the title attribute for your images in WordPress.
If you are using a visual post editor, then you need to click on the image and then click the edit button on the image.
This edit button will pop up the edit icon above the image where you need to click on Advanced Options. This will display the options for adding the image title attribute.
For those users who understand a little HTML. Simply switch to a text editor, and add a title attribute to your image tag like this:
<img class="aligncenter wp-image-6399 size-full" src="https://www.centerklik.com/wp-content/uploads/2015/05/alt-image-dan-title-image.jpg" alt="alt image dan title image" title="alt image dan title image"/>
Alternatively, you can use a plugin named Restore Image Title to display the uploader title or title field as a Title attribute image.
Why and How You Should Use Alt Text and Image Title
I highly recommend for you WordPress users to use both alt text and title in the images provided. One clear advantage is that it helps search engines find your images and display them in image search results. Another advantage is that this tag increases the accessibility of your site and describes the image for visitors with special needs.
Search engines, especially Google claim that they only focus on alt tags as a ranking factor for images. However, this doesn’t mean that they completely ignore the title or title attribute on images. Try adding different text in the two attributes using keywords that describe your image.
Always remember not to embed too many keywords in the alt text image and image title tags. Instead, write descriptive and help text that really describes the image.
I hope this article helped you understand the difference between an alt text image and a title image in WordPress and optimize these images to be SEO Friendly.