Alt Text for Images in WordPress

Alt text (also known as alt tags and alternative text) are attributes of an image in the HTML of your web page. Alt text is commonly used when the image cannot be rendered or by screen readers for visually impaired visitors. They are words that describe the image.

Code Example: <img src="aspen-leaves.png" alt="Aspen leaves">

For SEO, the words in alt text help the search engines understand and index the image properly.

How do I write alt text?

Think of alt tags as a quick phrase that would describe the image. Write and implement alt text as you add new images to your website.

Best Practices

  • Be Descriptive – Think about how to explain the photo to another person over the phone.
  • Be Concise – Approximately 125 characters or 3-8 words, maximum.
  • Avoid Keyword Stuffing – No extra fluff or phrases that don’t match the image.
  • Don’t Include – Avoid “image of” or “photo of” in the alt tags. It’s assumed.
  • Buttons – Don’t forget alt text for buttons. Keep these simple like “sign up” or “buy”.

Here are some examples for the image below:

yellow Aspen trees in Fall
A Start – <img src=”aspen-leaves.png” alt=”trees”>
Better – <img src=”aspen-leaves.png” alt=”aspen trees”>
Best – <img src=”aspen-leaves.png” alt=”yellow Aspen trees in Fall”>
Avoid – <img src=”aspen-leaves.png” alt=”yellow aspen leaves trees Colorado vacation plan visit”>

How do I add alt text to images in WordPress?

Adding alt text to images in WordPress is easy. As you “Insert Media” into the page, add the text in the appropriate field under “Attachment Details”.

wordpress image alt text example


Alternatively, you can navigate to your Media Library and access “Attachment Details”.

wordpress media library alt tag example

What is an Image Title?

In the screenshot above, you may notice the Title field. In WordPress, this Title is used within the content management system to help organize your media. It is not the same as the Image Title attribute more commonly utilized on the web. An Image Title is displayed as a popup when a user hovers over the image. We don’t recommend investing in this field for SEO purposes, but it is nice to use it should you wish to add the hover state functionality to your website. To access the Image Title in WordPress, edit the image and select advanced options. Add your image title to the “Image Title Attribute” field.

wordpress image title example

Was this article helpful?
Dislike 0