Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

image-alt-text-vs-image-title

Image Alt Text vs. Image Title in WordPress: What You Need to Know

by Waseem Abbas on Nov 28, 2016

Are you wondering what is the difference between alt text and image title in WordPress? Properly filling out your image meta data helps search engines to display your photos to the right people. In this tutorial, we will share what you need to know about alt text vs. image title in WordPress.

We’ll also share image meta data best practices for your WordPress images and galleries, step-by-step.

First, let’s cover exactly what you need to know about WordPress image alt text vs. image title….

Image Alt Text vs. Image Title: What’s the Difference?

To understand what alt text and image titles are, let’s first take a look at a complete HTML image tag:

<img src="image.jpg" alt="image description" title="image tooltip"/>

The alt text is a description of the image and its purpose on the page. This description is used by screen readers (browsers used by the blind or visually impaired) to explain what the image is about and what it is for. For example, “Button to Buy Envira Gallery” would be a proper use of the alt text for an image being used as a button.

The alt text is also used by search engines to determine what the image is about. Remember, search engines like Google can’t “read” the image itself, so this alt text is important for ranking your images in the search results!

The image title is shown as a tooltip when you hover over the image, and can be useful for your website visitors. For example, “Click here to purchase Envira Gallery!”.

The image title is not a requirement, however every image in your HTML should include an alt tag.

OK, now that you understand the difference between alt text and image titles, let’s go over some best practices for filling out your image meta data in WordPress galleries.

How to Add Image Alt Text and Image Title in WordPress Galleries

To add image alt text and image title in WordPress galleries, you’ll need to follow these 3 steps:

  • Step 1. Install and Activate Envira Gallery Plugin (recommended)
  • Step 2. Create an image gallery
  • Step 3. Edit gallery or photos to add image alt text and image titles

Ready to get started? Let’s go!

Step 1: Install and Activate Envira Gallery Plugin (Recommended)

For the most SEO-friendly image gallery, we recommend installing and activating our Envira Gallery plugin.

This step is optional, but it will allow you to get full SEO benefits and granular control over your galleries (with the Deeplinking Addon).

Envira Gallery

You can check out how to install Envira here for more details.

Step 2: Create an Image Gallery

After activating Envira, simply go to Envira Gallery » Add New.

You will see a new window to create your photo gallery. Simply add a title for your gallery, and then drop your images into the Native Envira Gallery section.

Add New Gallery

To learn more, you should check out our guide on how to create an image gallery with thumbnails in WordPress.

If you aren’t using Envira Gallery, skip to Step 3, Method #2 below.

Step 3: Edit Gallery or Photos to Add Image Alt Text and Image Title

There are two methods to add image alt text and image titles in WordPress…

Method #1: From Your Envira Gallery

In the Images tab of your gallery, you’ll see all of your uploaded photos. Go ahead and click on the pencil icon on any image to edit the metadata.

Edit Photos

A window will popup where you can see the Title and Alt Text fields. Simply type in the best title and alt text for your photos.

Add Image Alt Text and Image Title

Make sure to click on the Save Metadata button. Then repeat the same process for all your photos.

Method #2: From the Media Library

If you aren’t using Envira, then you should go to Media » Library from your WordPress admin.

All the photos you’ve uploaded to WordPress galleries are available in this library. Edit a photo to add the title and alt text.

Edit Image

It’ll take you to another screen where you can update the image title (by default it will set the image title to the image filename).

Add Title

Now simply scroll down to Alternative Text field. Here you can add the image alt text for the photo.

Alternative Text

Once you are done, hit the the Update button to save your image meta data.

That’s all. We hope this article has helped you to learn what is the difference between image alt text vs. image title, and best practices for using them in WordPress image galleries. You may also want to check out our guide on how to rank your photos in Google.

If you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.

Comments

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.