What Is An Alt Tag - Definition And Examples - CoSchedule

CoScheduleWhat's CoSchedule?
  • Glossary
  • Download Resources
Alt Tag:

Alt tags are metadata that offer text descriptions of web images for search engines and screen readers for the visually impaired. As a best practice, they often include text that may appear on the image, or a simple summary of the graphic. 

Alphabet Soup
  • Marketing Dictionary
  • a
  • Alt Tag

How Are Alt Tags Used?

They are important because without them, Google (as well as Bing, Yahoo, and other competitors) are unable to interpret visual content beyond scanning image file names for keywords. The visually impaired would also be unable to understand your site’s graphical content, making this an important UX issue to address for all images and graphics.

Example

In WordPress, you can add and edit alternative text easily by clicking the edit button on an image: How to set up an alt tag in WordPress

Here is what it looks like when viewed as source code (look closely for the tag alt=”Thirteen Interactive Content Examples That Will Engage Your Audience”):

Example of an alt tag in HTML

Here is another look at the HTML:

Soup Can

Ready for seconds?

Download Marketing Resources

Download a resource bundle including marketing templates, ebooks, guides, and more. Plus, subscribe to receive updates about new blog content and other resources from CoSchedule.

Download Resources
Additional Resources
  • How to Attract an Audience With the Best Blog Photography Tips
  • How to Make the Best Social Media Images the Easy Way
  • How to Boost Traffic With 34 SEO Tips
Related Terms
  • On-Page SEO
  • Off-Page SEO
  • Infographic
Chef's Hat

Meet The Chef

About CoSchedule

CoSchedule is an industry-leading marketing management and editorial calendar platform. It's mission control for your entire marketing team to help you organize every project in one place.

See How It WorksLive Chat

Từ khóa » Html Alt Tag Meaning