• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Make Your Website Instantly More Accessible and Compliant with WCAG and ADA. LEARN MORE

Tech Help Canada

Tech Help Canada

Effective online marketing services and resources

  • Marketing
  • Company
  • Contact
  • Explore Web Store
  • Log In
  • 1866-215-5001
  • SEO
  • Copywriting
  • Website Maintenance
  • Business Directory
  • Domain Names
  • Blog
  • Free SEO Tool
  • More
    • Website Builder
    • Managed WordPress Hosting
    • Website Security
    • Web Hosting
    • Business Email
    • Email Marketing
    • Resources

Alt Text or Alternative Text – What Is The Alt Tag?

August 29, 2018 by Gabriel Nwatarali Leave a Comment

Tweet
Share
Share
Pin
WhatsApp
Reddit
Email
9 Shares

Some of the content on our website may contain affiliate links. You can read our affiliate disclosure here.

This piece is part of our on-page SEO series and today we’re going to be discussing the alt text, also referred to as the alt attribute, alternative text or alt tag. It’s what we use in HTML to describe an image so that search engines can understand them.

It’s an important on-page element but it’s also essential because:

  1. Aside from describing a photo, a visually impaired user can use the alt attribute to know the contents of an image. If you’ve ever used text to speech software before, you’ll notice that the program reads the alt texts of images.
  2. Whenever an image file cannot be loaded, the alternative text will display in place of that image.
  3. They help search engines like Google or Bing properly index images. Alt text is a huge part of why image search is very accurate these days.

A typical image tag in HTML looks like this:

<img src=”pic.jpg”/>

Once we’ve added the alt attribute, it would look like this:

<img src=”pic.jpg” alt=”picture of a bike”/>

If you need a longer description of your image, then you could use ‘longdesc’ like so:

<img src=”pic.jpg” alt=”picture of a bike” longdesc=”this is my super long description text of a bicycle”/>

Simple, huh? And many content management systems like WordPress allow you to add alt text without writing the code. The software just does it for you.

Here’re a few things to keep in mind.

Table of Contents

  • The Alternative Text Format
  • Accessibility
  • Artificial Intelligence (AI)
  • Quick Recap & Important Notes

The Alternative Text Format

It needs to be sufficiently descriptive without being too long. Also, avoid keyword stuffing because that can harm your web page’s rankings. For example, let’s assume that you’ve just finished a piece on blogging and you have a picture of a man working with his laptop. An appropriate alt text could be something like ‘man on his laptop blogging’.

Advertisements

Accessibility

The main purpose of the alt text is to help visually impaired website visitors and bots, including web browsers to understand an image. So think of it as something that you should always do to enhance your on-page SEO and the user experience for your visitors.

Artificial Intelligence (AI)

AI is becoming very good at understanding images on its own but it’s not perfect yet. So keep in mind that even without specifying an alt tag, the search engine bots would still index your images. However, you’ll have less control over what you want them to rank for.

Quick Recap & Important Notes

  • Your description should be as specific as possible.
  • Keep your text short, no more than 55 characters if it can be helped. If you need to stretch it, then max your description at 125. Use the ‘longdesc’ attribute for more complex images.
  • Include your most important keyword.
  • No keyword stuffing!
  • Try not to include things like ‘pic of’ or ‘image of’ in your text because this is redundant. The bots already know it’s an image.
  • Every single image on your website should have alternative text.

Last Updated on June 11, 2019

  • Title Tag: Fundamentals & How to Write Titles That Rank High
    Title Tag: Fundamentals & How to Write Titles That Rank High
  • Leveraging Business Text Messaging to Boost Customer Interactions
    Leveraging Business Text Messaging to Boost Customer…
Tweet
Share
Share
Pin
WhatsApp
Reddit
Email
9 Shares

Category iconSEO

About Gabriel Nwatarali

I'm the founder of Tech Help Canada and a digital marketing specialist. I help people succeed with valuable insights and marketing services. When I'm not working, my favourite thing is to enjoy the outdoors or spend time with family. If you liked this post, please consider sharing it.

Book a Discovery Call

Schedule a video or phone call to assess your needs. Whether you require help with copywriting, SEO, website maintenance, design, or other, we can help.


BOOK A CALL

Primary Sidebar

Footer

  • 8.8ReviewerRating
  • 10UsersUser Reviews
  • Shopify Review For Getting Started With Your Online Store
    9.3
  • WordPress Review – Pros and Cons of Automattic’s WordPress
    9.5

More Services

Domains
Website Builder
Web Hosting
Website Security
Marketing Tools
Business Email
Managed Wordpress Hosting
Resources

Tech Help Canada · Copyright © 2020

All posts or content is for informational purposes only. Tech Help Canada, it's authors, and any associates assumes no liability for actions taken in reliance upon the information contained herein. You use all information given, recommended or stated at your own risk.


Terms and Conditions
Privacy Policy
Cookie Policy
Disclaimer