Alt text is HTML code that is used to describe an image for visually impaired users that rely on screen-readers.
Alt text is written text that appears in place of an image on a web page. This happens when an image fails to load, or when someone uses on-screen reading tools.
Many companies are learning the value of search engine optimization (SEO) and creating digital marketing content for their business. Keywords, search engine results page (SERP), and cost-per-click (CPC) are all common vocabulary. However, there is another key element of optimization that many people overlook — image alt text.
Oftentimes, “alt text,” “alt attribute,” and “alt tag” are used interchangeably. Here is an example of how the code would appear on the page:
<img src="examplepicture.jpg" alt="description of example picture">
The “alt” portion is the attribute of the HTML coding, while the description in quotations is called the alt text. The alt attribute is defined by whatever the text says. An alt tag is a colloquialism people use to refer to the alt attributes and text.
All three terms are used to describe the same idea — it’s the HTML code that describes a picture.
Content is generally accompanied by images to create context and make it more user-friendly. Blogging, for example, relies heavily on images to help guide the reader through the post. When these images are optimized, it can help searchers find web pages easier and creates a better user experience.
Alt text is also important because search engine spiders and crawlers are mainly text-based. They rely on keywords and descriptions to rank websites. Unfortunately, they do not understand images like a human does. Alt text helps search engines understand an image, which helps with the contextual association — and, in turn, the overall ranking of a site.
Not only does alt text help with SEO, it keeps websites compliant with standards set forth and established via the Americans with Disabilities Act (ADA). The Web Content Accessibility Guidelines (WCAG) provides the standards for website accessibility and states that text alternative, or alt text, must be provided for all non-text content.
Once learned, writing alt text is a straightforward practice. Here are some tips to writing optimized alt text:
Bad alt text: A woman and son in a park
Good alt text: A woman walks on a trail next to her young son who is riding a bike
Bad alt text: Cute ducklings
Good alt text: Five ducklings swimming in a diamond formation
Bad alt text: A business meeting
Good alt text: Three architects going over construction plans in their office
Using alt text will not only create a better user experience, it will also help a website’s SEO strategy. It is often overlooked, but luckily it is a simple practice to learn.