Image SEO: How to optimize your alt text and title text

Adding images to your articles encourages people to read them, and well-chosen images can also back up your message and get you a good ranking in image search results. But you should always remember to provide your images with good alt attributes. Because alt text strengthens the message of your articles with search engine spiders and it improves the accessibility of your website. This article explains what alt and title attributes are and why you should optimize them.

Table of contents

Do you have an orange bullet for the Keyphrase in alt attributes check in Yoast SEO? Read how to turn that bullet green.

What are alt attributes and title attributes?

This is a complete HTML image tag:

<img src=“image.jpg” alt=“image description” title=“image tooltip”>

The alt and title attributes of an image are commonly referred to as alt tag or alt text and title tag. But technically, they’re not tags, they’re attributes. The alt text describes what’s on the image and the function of the image on the page. So if you are using an image as a button to buy product X, the alt text should say: “button to buy product X.”

The alt tag is used by screen readers, which are browsers used by people with a visual impairment for example. These screen readers tell them what is on the image by reading the alt tag. The title attribute is shown as a tooltip when you hover over the element. So, in the case of an image button, the image title could contain an extra call-to-action. However, this is not a best practice.

Each image should have an alt text. Not just for SEO purposes, but also for accessibility. Because people with a visual impairment will otherwise not know what the image is about. A title attribute is not required. What’s more, most of the time it doesn’t even make sense to add it. They are only available to people who use a mouse (or other pointing devices) and the only one case where the title attribute is required for accessibility is on <iframe> and <frame> tags.

If the information conveyed by the title attribute is relevant, consider making it available somewhere else, in plain text and if it’s not relevant, consider removing the title attribute entirely.

But what if an image doesn’t have a purpose?

If you have images in your design that are purely there for design reasons, you’re doing it wrong. Those images should be in your CSS and not in your HTML. If you really can’t do anything about these images being there, give them an empty alt attribute, like so:

<img src="image.png" alt="">

The empty alt attribute makes sure that screen readers skip over the image. If you’re using WordPress, you can leave the field for “Alt text” in the Image settings empty.

alt text and SEO

Google’s article about images has a heading “Use descriptive alt text”. This is no coincidence. Google places a relatively high value on alt text. They use it to determine what is on the image but also how it relates to the surrounding text. This is why, in our Yoast SEO content analysis, we have a feature that specifically checks that you have at least one image with an alt tag that contains your focus keyphrase.

What does the ‘keyphrase in image alt attributes’ check in Yoast SEO do?

The keyword in image alt attributes assessment in Yoast SEO includes two checks: a) if there are images in your post and b) whether these images have an alt text with the focus keyphrase. Firstly, you should always think about adding images to your posts and pages, as these make your content more descriptive and appealing. But by also adding alt text to your images, you provide users of screen readers and search engines with a textual description of what’s on that image. This improves accessibility and if you include your keywords, your chance of ranking in image search too.

We’re definitely not saying you should spam your focus keyphrase into every alt tag. You need good, high-quality, related images for your posts, where it makes sense to have the focus keyword in the alt text. Here’s Google’s advice on choosing a good alt text:

When choosing alt text, focus on creating useful, information-rich content that uses keywords appropriately and is in context of the content of the page. Avoid filling alt attributes with keywords (keyword stuffing) as it results in a negative user experience and may cause your site to be seen as spam.

If your image is of a specific product, include both the full product name and the product ID in the alt tag so that it can be more easily found. In general: if a keyphrase could be useful for finding something that is on the image, include it in the alt tag if you can. Also, don’t forget to change the image file name to be something actually describing what’s on it.

Assessment scores

If your content has more than 4 images, you’ll only get a green bullet if the percentage of images with the keyphrase in the alt text falls within 30 and 70%. When you use the keyphrase in more than 70% of your images, your bullet will turn orange to prevent you from keyword stuffing. If you have Yoast SEO Premium, the plugin will also take synonyms you’ve added to your keyphrase into account.

Go Premium and get access to this feature!

Get access to lots of features and all of our SEO courses with the Yoast SEO Premium plugin:

Only $89 USD / per year (ex VAT) for 1 site

Image alt tags assessment in WooCommerce SEO

Yoast SEO isn’t the only one of our SEO plugins with an assessment that focuses on the images on your page. We’ve recently updated our WooCommerce SEO plugin to help people fully optimize their product pages. This update comes with a few changes to the checks that are specifically focused on product pages. One of these changes is the addition of the image alt tags assessment, which checks if all images on the page have alt tags. Because all the images you use on your product pages should be relevant images of your product. Images that need to have a description.

alt and title attributes in WordPress

When you upload an image to WordPress, you can set a title and an alt attribute. By default, it uses the image filename in the title attribute. And if you don’t enter an alt attribute, it copies that to the alt attribute. While this is better than writing nothing, it’s pretty poor practice. You really need to take the time to craft a proper alt text for every image you add to a post. Users and search engines will thank you for it.

How to add alt attributes in WordPress

WordPress makes it really easy to add alt attributes. Follow the steps below to add them to your images. Your (image) SEO will truly benefit if you get these details right. Users with a visual impairment will also like you all the more for it.

  1. Log in to your WordPress website.

    When you’re logged in, you will be in your ‘Dashboard’.

  2. Open the post or page to edit the content.

  3. Click on the Image block to open the Image settings in the Block tab of the sidebar.

    You will see the Image settings appear in the Block tab of the sidebar.Image settings WordPress

  4. Add the alt text and the title attribute.

    Adding an alt tag in WordPress

  5. Click ‘Update’.

    Click the ‘Update’ button in the upper right corner.

Read more about image SEO

We have a very popular (and longer) article about Image SEO. That post goes into a ton of different ways to optimize images but is relatively lacking in detail when it comes to alt and title tags — think of this as an add-on to that article. I recommend reading that article if you want to learn more good practices on image SEO.

Read more: Optimizing images for search engines »

Coming up next!


11 Responses to Image SEO: How to optimize your alt text and title text

  1. abdulrahman
    abdulrahman  • 1 month ago

    Excellent article but where is that setting inside yoast plugin?

    • Amy Lees
      Amy Lees  • 1 month ago

      Thank you! The alt text and title text fields are WordPress features (the Yoast plugin just checks in your keyword is present there). You can change the title text and alt text for your images by going into your WordPress Media Library and clicking on your chosen image. You can also change your image’s alt text from the editor by clicking on your image block, clicking on the three dots to show ‘Options’ and then selecting ‘Show more settings’. Keep up the good work!

  2. Nuris Salma
    Nuris Salma  • 1 month ago

    Hello I’m a new wordpress user, I’ve only been using the yoast plugin for a few months. Its use is very easy and helps me to pay attention to my writing for SEO. Thanks Yoast SEO.

    • Camille Cunningham
      Camille Cunningham  • 1 month ago

      Welcome to WordPress! And thank you for using our plugin :) Good luck with your website!

  3. Ajay
    Ajay  • 1 month ago

    Nice post, I optimize my Images entering Alt Tag and Image Title, I don’t put any description buy from now I will add a little description.

    But from past month My website’s new posts are not getting indexed.Please suggest me any tips

  4. Akatiju
    Akatiju  • 1 month ago

    Passei a utilizar alt nas imagens do meu site, elas começaram a aparecer melhor no Google… vale muito a pena

    • Camille Cunningham
      Camille Cunningham  • 1 month ago

      That’s great to hear. Keep it up!

  5. The Marche
    The Marche  • 1 month ago

    At the point when you transfer a picture to WordPress, you can set a title and an alt quality. As a matter of course, it utilizes the picture filename in the title characteristic. What’s more, in the event that you don’t enter an alt quality, it duplicates that to the alt trait. While this is superior to composing nothing, it’s really helpless practice. You truly need to set aside the effort to create an appropriate alt text for each picture you add to a post. Clients and web indexes will thank you for it.

  6. Pavel Dufek
    Pavel Dufek  • 1 month ago

    Hi, Can I also tell Google photo copyright information via the plugin?

    • Amy Lees
      Amy Lees  • 1 month ago

      Hi there! We don’t have a specific field for you to enter copyright information, but you can always add this info in the caption below your image to make it clear for users. Keep up the good work!