What Is Alt Text?<\/h2>\n
Alt text (or alternative text), also known as the alt attribute or the alt tag (which is not technically correct because it is not a tag), is simply a piece of text that describes the image in the HTML code.<\/p>\n
What Are The Uses Of Alt Text?<\/h2>\n
The first function of alt text was simply to describe an image that could not be loaded.<\/p>\n
Many years ago, when the internet was much slower, alt text would help you know the content of an image that was too heavy to be loaded in your browser.<\/p>\n
Today, images rarely fail to load, but if they do, then it is the alt text that you will see in place of an image.<\/p>\n
![\"Alt](\"https:\/\/marketingnewsbox.com\/wp-content\/uploads\/2022\/08\/alt-text-what-it-is-how-to-write-via-sejournal-olgazarzeczna.jpg\")
Screenshot by author, August 2022<\/em><\/span><\/div>\nNow, alt text has also started to play a role for both search engine bots and people using screen readers:<\/p>\n
- \n
- Alt text helps people with disabilities<\/strong> (for example, using screen readers) learn about the image\u2019s content.<\/li>\n
- Alt text also helps search engine bots<\/strong> understand the image\u2019s content and context.<\/li>\n<\/ul>\n
Of course, like every element of SEO, it is often misused or, in some cases, even abused.<\/p>\n
Let\u2019s now take a closer look at why alt text is important.<\/p>\n
Why Alt Text Is Important<\/h2>\n
The web and websites are a very visual experience. It is hard to find a website without images or graphic elements.<\/p>\n
That\u2019s why alt text is very important.<\/p>\n
Alt text helps translate the image\u2019s content into words \u2013 thus making the image accessible to a wider audience, including people with disabilities and search engine bots that are not clever enough yet to fully understand every image, its context, and its meaning.<\/p>\n
Why Alt Text Is Important For SEO<\/h3>\n
Alt text is an important element of on-page SEO<\/a> optimization.<\/p>\n
Proper alt text optimization makes your website stand a better chance of ranking in Google image search.<\/p>\n
Yes, alt text is a ranking factor<\/a> for Google image search.<\/p>\n
Depending on your website\u2019s niche and specificity, Google image search traffic may play a huge role in your website\u2019s overall success.<\/p>\n
For example, in the case of ecommerce websites, users very often start their search for products with a Google image search<\/a> instead of typing the product name into the standard Google search.<\/p>\n
![\"Google](\"https:\/\/marketingnewsbox.com\/wp-content\/uploads\/2022\/08\/alt-text-what-it-is-how-to-write-via-sejournal-olgazarzeczna-1.jpg\")
Screenshot from search for [Garmin forerunner], Google, August 2022<\/em><\/span><\/div>\nGoogle and other search engines may display fewer product images (or not display them at all) if you fail to take care of their alt text optimization.<\/p>\n
Without proper image optimization, you may lose a lot of potential traffic and customers.<\/p>\n
Why Alt Text Is Important For Accessibility<\/h3>\n
Visibility in Google image search is very important, but there is an even more important consideration: accessibility<\/a>.<\/p>\n
Fortunately, in recent years, more focus and emphasis has been put on accessibility (i.e., making the web accessible to everyone, including people with disabilities or\/and using screen readers).<\/p>\n
Suppose alt text of your images actually describes their content instead of \u2013 for example \u2013 stuffing keywords. In that case, you are helping people who cannot see this image to better understand it and the content of the entire web page.<\/p>\n
Let\u2019s say one of your web pages is an SEO audit guide that contains screenshots from various crawling tools.<\/p>\n
Would it not be better to describe the content of each screenshot instead of placing the same alt text of \u201cSEO audit\u201d into every image?<\/p>\n
Let\u2019s take a look at a few examples.<\/p>\n
Alt Text Examples<\/h2>\n
Finding many good and bad examples of alt text is not difficult. Let me show you a few, sticking to the above example with an SEO audit guide.<\/p>\n
Good Alt Text Examples<\/h3>\n
So, our example SEO guide contains screenshots from tools, such as Google Search Console<\/a> and Screaming Frog.<\/p>\n
Some good examples of alt text may include:<\/p>\n
<img src=\u201dgoogle-search-console-coverage-report.jpg\u201d alt=\u201dThe Coverage Report in Google Search Console showing the number of indexed and excluded pages\u201d>\n<img src=\u201dgoogle-search-console.jpg\u201d alt=\u201dGoogle Search Console tool from Google\u201d>\n<img src=\u201dscreaming-frog-html-pages.jpg\u201d alt=\u201dList of HTML pages in Screaming Frog\u201d>\n<img src=\u201dscreaming-frog\u201d alt=\u201dScreaming Frog crawl in progress\u201d><\/pre>\n
Tip<\/strong>: It is also a good idea to take care of the name of your file. Using descriptive file names is not a ranking factor, but I recommend this as a good SEO practice.<\/p>\n
Bad And\/Or Spammy Alt Text Examples<\/h3>\n
I\u2019ve also seen many examples of bad alt text use, including keyword stuffing or spamming.<\/p>\n
Here is how you can turn the above good examples into bad examples:<\/p>\n
<img src=\u201dgoogle-search-console-coverage-report.jpg\u201dalt=\u201dseo audit free, seo audit cheap, seo audit specialist, seo audit, seo audits\u201d>\n<img src=\u201dgoogle-search-console.jpg\u201d alt=\u201dgoogle seo ,seo google, google, seo, google search console seo\u201d>\n<img src=\u201dscreaming-frog-html-pages.jpg\u201d alt=\u201dseo auditor, seo audit, seo audits\u201d>\n<img src=\u201dscreaming-frog\u201d alt=\u201dseo audit\u201d><\/pre>\n
As you can see, the above examples do not really provide any information on what these images actually show.<\/p>\n
You can also find examples and even more image SEO<\/a> tips on Google Search Central.<\/p>\n
Common Alt Text Mistakes<\/h3>\n
Stuffing keywords in the alt text is not the only mistake you can make.<\/p>\n
Here are a few examples of common alt text mistakes:<\/p>\n
- \n
- Failure to use the alt text<\/strong> or using empty alt text.<\/li>\n
- Using the same alt text<\/strong> for different images.<\/li>\n
- Using very general alt text<\/strong> that does not actually describe the image. For example, using the alt text of \u201cdog\u201d on the photo of a dog instead of describing the dog in more detail, its color, what it is doing, what breed it is, etc.<\/li>\n
- Automatically using the name of the file as the alt text<\/strong> \u2013 which may lead to very unfriendly alt text, such as \u201cgoogleseachconsole\u201d or \u201cgoogle-search-console\u201d or \u201cphoto2323,\u201d depending on the name of the file.<\/li>\n<\/ul>\n
Alt Text Writing Tips<\/h2>\n
And finally, here are the tips on how to write correct alt text so that it actually fulfills its purpose:<\/p>\n
- \n
- Do not stuff keywords into the alt text<\/strong>. It won\u2019t help your web page rank for these stuffed keywords.<\/li>\n
- Describe the image in detail, but still keep it relatively short<\/strong>. Avoid adding multiple sentences into the alt text.<\/li>\n
- Use your target keywords, but in a natural way, as part of the image\u2019s description<\/strong>. If your target keyword does not fit into the image\u2019s description, don\u2019t use it.<\/li>\n
- Don\u2019t use text on images<\/strong>. All text should be added in the form of HTML code.<\/li>\n
- Don\u2019t write \u201cthis is an image of.\u201d<\/strong> Google and users know that this is an image. Just describe its content.<\/li>\n
- Make sure you can visualize the image\u2019s content by just reading its alt text.<\/strong> That is the best exercise to make sure your alt text is OK.<\/li>\n<\/ul>\n
How To Check If A Page Uses The Alt Text<\/h2>\n
Now you know all the best practices and common mistakes of alt text. But how do you actually check what\u2019s in the alt text of the images of a website?<\/p>\n
You can analyze the alt text in the following ways:<\/p>\n
Inspecting an element (right-click and select Inspect when hovering over an image) is a good way to check if a given image has alt text<\/strong>.<\/p>\n
However, if you want to check that in bulk, I recommend one of the below two methods.<\/p>\n
![\"Inspecting](\"https:\/\/marketingnewsbox.com\/wp-content\/uploads\/2022\/08\/alt-text-what-it-is-how-to-write-via-sejournal-olgazarzeczna-2.jpg\")
Screenshot by author, August 2022<\/em><\/span><\/div>\nInstall Web Developer Chrome extension<\/a>.<\/p>\n
![\"Chrome](\"https:\/\/marketingnewsbox.com\/wp-content\/uploads\/2022\/08\/alt-text-what-it-is-how-to-write-via-sejournal-olgazarzeczna-3.jpg\")
Screenshot by author, August 2022<\/em><\/span><\/div>\nNext, open the page whose images you want to audit.<\/p>\n
Click on Web Developer<\/em> and navigate to Images<\/em> > Display Alt Attributes<\/em>. This way, you can see the content of the alt text of all images on a given web page.<\/p>\n
![\"Chrome](\"https:\/\/marketingnewsbox.com\/wp-content\/uploads\/2022\/08\/alt-text-what-it-is-how-to-write-via-sejournal-olgazarzeczna-4.jpg\")
Screenshot by author, August 2022<\/em><\/span><\/div>\nTo check the alt text of the images of the entire website, use a crawler like Screaming Frog<\/a> or Sitebulb<\/a>.<\/p>\n
Crawl the site, navigate to the image report, and review the alt text of all website images.<\/p>\n
More resources: <\/strong><\/p>\n
\nFeatured Image: Khosro\/Shutterstock<\/em><\/p>\n
- Describe the image in detail, but still keep it relatively short<\/strong>. Avoid adding multiple sentences into the alt text.<\/li>\n
- Using the same alt text<\/strong> for different images.<\/li>\n
- Alt text also helps search engine bots<\/strong> understand the image\u2019s content and context.<\/li>\n<\/ul>\n