Video Length: 4:50

How to get alt text for images into your website if you’re using the Divi theme

EDIT: This has changed, but the same update introduced a new problem. Alt text added at the media library is now working, but so are title tags, which you may not want (when you hover over the image, the title pops up).

Remove the title tag at Advanced > Attributes.

 A lot of people are adding alt text incorrectly because it’s a two stage process. It can seem like you’ve added your alt text correctly but it’s actually not working.

Alt text is important because it’s a description that search engines such as Google can use to understand what an image is about. It’s also useful for vision impaired people that are using your website.

This means it’s helpful for SEO. You can use some of your keywords in your alt text but don’t get stupid about it. It should be a natural, clear and accurate description of the image.

This video walks you through how to get your alt text working and how to test to make sure it’s working.

In case you have limited bandwidth and/or time, here’s a quick description:

Note – like many, I use the terms alt tag and alt text interchangeably, although this is apparently technically incorrect. You’ll hear me say alt tags in the video.

How to Test if your alt text is working

Using the Chrome browser, right click the image and choose inspect. If your alt tag is working you’ll see alt=blah blah blah.

If it’s not working, you’ll still see alt= but there’ll be nothing after it.

How to make the alt text work in the Divi theme

When you upload your image to the image library, include your alt text in the Alt Text box.

If you then add the image to your website using the image module, you must also add the alt text at the Advanced Tab, in the Image Alternative Text box.

If you don’t add your alt text into the image module itself your alt text will not work, even though it’s added at the media library.