Blog

How To Add The Alternative Text Attribute To WordPress Images In Under 1 Minute

how to add the alternative text attribute to wordpress images

Understanding the contents of an image is a walk in the park for humans. However, they are a tough row to hoe even for the most advanced algorithms. Welcome the alternative text attribute – a simple string that aims to, among others, help search engines understand images better. By adding alt tags to your images in WordPress you can rank higher and get more visitors from Google.

The method shown here is the simplest, easiest, and fastest way to insert alt tags in WordPress. Adding (or changing) image alt tags in WordPress can be done in 5 steps:

  1. Open your article or page and find the image.finding the image you want to change or add alt tags
  2. Select the image and click “Edit” in the menu.edit image detail prompt window in wordpress for alt texts
  3. Add the alt text in the “Image Details” window.adding or changing alternative text attributes to image tags in wordpress
  4. Click “Update” to apply the new alt attribute.apply the changes to the image tag
  5. Click “Update” to save your new content.applying changes to image alt text attributes in wordpress

This method also allows you to add very relevant alt texts since you can see exactly where in the content this image will appear.

We also showcase the method from above in this video:

Alternative Ways To Add The Tags

Out of the box, WordPress is easy to work with even for beginners. It comes with simple and straightforward functionality. But with customizations and changes, trying to make our website perfect for our target audience, we often introduce more variables that can change that functionality. If you’re experiencing problems with the method listed above, here are two alternative methods that help you achieve the same.

Alternative Method #1: In WordPress’ Media Library

Here’s a simple alternative way of adding the alternative text. WordPress allows you to add the alternative text attribute to images directly in the Media Library. This functionality sets a “global” alt text for the image, which WordPress then uses in every instance of the image on every page.

It’s also great because it allows you to save time by doing the work just once. It works great if you don’t want to mess with the code and pages where you have previously inserted images.

Here’s the first alternative method:

  1. Log in to the WordPress admin panel of your website.
  2. Go to Media -> Library in your WordPress Dashboard.how to add alt attributes in wordpress media library
  3. Click on any of the images on the list or upload a new one.how to add alt tags wordpress media library grid
  4. Fill out the “Alternative Text” field on the right-hand side.adding alt text wordpress attachment details field
  5. Click off the Alternative Text field to let WordPress save your changes.

The only downside to this method would be that you can’t see exactly where and how the image is featured. Not having this context can make your alt tags somewhat irrelevant.

Alternative Method #2: Directly In The Page Code

Lastly, If the first two methods do not work for you, here’s an alternative way to do that. You could add or overwrite the alt tag in the HTML code for each image.

Here’s the second alternative method:

  1. Open your blog post or page and find the image in question.
  2. Select the image by clicking and dragging on it with your mouse.adding alt select image in wordpress visual editor
  3. Now click on the “Text” editor in the top-right corner of the WordPress editor.add alternative text attribute directly in text editor in wordpress
  4. Now, in the line of code starting with “<img,” replace the values of the attribute alt=”TEXT HERE.”add alternative text tags manually in the wordpress code editor
  5. Lastly, click “Save Draft” or “Update” your post to apply your changes.

This process is useful in some instances where an image has a global alt tag added but you want to change it on a specific page. For example, suppose that you have an image with a very “generic” alt tag. However, that image also has some more specific role on only one of your pages.

Because of that, you don’t want to re-upload the image. After all, why host the same image twice, and why should the user load the same image twice instead of having it cached upon encountering it the first time, right? In that case, it’s perfectly fine to write the global alt text for the image in the Media Library but replace it with a custom text on some specific pages.

However, it’s important to mention that this process requires tinkering and, therefore, significantly more time.

Steal My Process Of Writing Effective Alt Tags In WordPress

Here’s an exact process for writing alt tags for both pages and articles. It works everywhere, regardless of the topic on which you’re writing. This little strategy also brings you some additional Image SEO spillover effect.

When creating blog posts, add your images last – and add the alt tag as you upload the pictures. To showcase how exactly, I’ll go as far as showing you the steps for this very article.

You begin by mapping out images you want to use and marking their spots already in the text.

adding alternative attribute wp process planning images in text

This way, you’re able to name the images with something relevant to the paragraph. That happens because you now know which picture belongs to which section.

For example, if you’re creating a dog food comparison table as an image, you can call that image “best-dog-foods-this-year-comparison-table.png.”

process of naming images for wordpress site to add alternative text

This way, once I’ve uploaded the image to your WordPress Media Library, all you have to do is:

  1. Copy the “Title” of the image (e.g., best-dog-foods-this-year-comparison-table.png).
  2. Paste it in the “Alt Text” field.
  3. Remove the hyphens (e.g., best dog foods this year comparison table).

So why is this process the “Next Best Thing Since Sliced Bread™?” Well, this way, you:

  • Force yourself to write concise image names to reduce messiness.
  • Write good image file names for better SEO.
  • Find it more comfortable to assign images at the correct places.
  • Have a very relevant and descriptive alt tag already done.
  • Fit in the 125 characters rule of thumb – because you naturally prefer short file names to keep things clean.

To wrap up, as you can see in the example screenshot above, you can mark all places where an image has to be added square brackets [like this] directly in the text.

This practice allows you to search in the text once you finish writing and find the exact image spots. It also enables you to figure out whether you’ve missed an image.

Last but not least, batching your work also simplifies compressing images all at the same time.

Thus, you also avoid potentially missing out on optimizing some of them. My favorite one for the job, which is also free, is TinyPng.

Checking If You Added The Text Successfully

There are two simple ways to check if you’ve added your alt tags successfully to your WordPress site. The first method is by inspecting your page’s code, and the second one is by crawling your site with an SEO tool.

To inspect the code of your page:

  1. Right-click on the live page.
  2. In the menu that appears, select “View page source.”
  3. On the page that opens, press CTRL+F on Win or CMD+F on Mac.
  4. In the search field, enter alt=”.

Doing this will highlight all instances of images with Alt text on your site. In turn, this will help you troubleshoot not just one but all images on the page simultaneously.

To check your images with a tool:

  1. Log in your tool of choice – I will, of course, be using Morningscore.
  2. Go to the Site Audit tool.
  3. Scan the page where you made the changes.
  4. Once ready, you will if the change fixes the problem.

checking wordpress image alternative tags with seo tool

Lastly, people sometimes experience that their alt tags are not shown or updated in WordPress even after they have added them. If that has happened to you, check out our post on fixing WordPress alt tags that aren’t showing.

Closing Words

Adding or changing image alt tags won’t make or break your website’s success on its own. They are simply yet another piece of the puzzle that helps you rank higher and get more traffic. Using the process listed above, you’re sure to complete that task with minimal effort, yet reap all the rewards.

Let's hear it from the customers

What the users say about us

We like to keep things simple, and so do our customers. Here's what the users have to say about Morningscore.

5 out of 5 stars

“Morningscore gives me that vital view of our rankings on search engines, and I can see up-to-date information on how we're performing against our competitors and whether we're gaining or losing traction. I also find the tool very easy to use. It just works.”

patrick qureshi salary.dk
Patrick Qureshi
CMO, Salary.dk
5 out of 5 stars

“The tool is very affordable, but at the same time it's both complete and easy to use. My favorite part is that it's actually more than just a tool - it's rather a comprehensive, complete suite.”

carlos tiscar
Carlos Tiscar
Co-founder, EC Shops
5 out of 5 stars

“A truly usable and effective SEO tool without many disruptive elements. This means that I can actually use the tool for something specific that gives our business value.”

heidi kirstein seo tool review
Heidi Kerstein
Marketing coordinator, Fitness Engros A/S
5 out of 5 stars

“I’ve used Morningscore since the beginning of my company. I tried many tools, but my heart fell for Morningscore because it’s so easy to use - and because I work with many small businesses who MUST have the tool for me to help them.”

christina lund schmeltz
Christina Schmeltz
Owner, LS Marketing
5 out of 5 stars

“I use Morningscore because SEO is not my specialty, and I don’t want to spend time on it. I have an internal team who takes care of SEO, but I need to know the outcome of their work. With this tool, I can log in and see our performance from day to day.”

esben oesterby
Esben Østerby
Founder, Iværksætterhistorier
5 out of 5 stars

“I was looking for a tool to help my customers see exactly what we’re working on and what value it gives them. I’ve found that with Morningscore. I recommend the platform to anyone who needs to manage and improve their SEO.”

Trolle Hansen trolle reklame
Trolle Hansen
Owner, Trolle Reklame
5 out of 5 stars

“Three years ago I chose Morningscore because I was new to SEO and it was the easiest SEO tool to use. I'm still using Morningscore because it is regularly updated and becomes more powerful with every release. It's fun to use. Morningscore is such an integral part of my day. I check it before I check my email.”

sven recommends Morningscore's SEO tool
Sven Radavics
Founder, intribe.co
5 out of 5 stars

“If you are looking for a solid SEO tool with an awesome founder and an amazing support team, then look no further. Morningscore is definitely one of the best tools that I have on my arsenal.”

vinson lozano
Vinson Lozano
Agency owner, Konker Digital
5 out of 5 stars

“Morningscore is the easiest SEO tool I've ever seen and used – and I've tested so many of them. The charts and data may be comparable to those of competitors, but the fun part comes in when you make use of the many ways to play 'catch me if you can' with a competitor.”

rasmus schuebel kreativling morningscore review
Rasmus Schübel
Owner & Founder, kreativling