Image Optimization | Alt Text Definition, Tips, & Examples
Có thể bạn quan tâm
- Content Marketing Services
- Linkable Content
- Keyword Focused Content
- Keyword Research Services
- Link Building Services
- Custom Link Building
- White Label Services
- Enterprise Solution
- SEO Consulting Services
- SEO Services
- Digital PR
- Technical SEO Audit
- Case Studies
- About
- Our Process
- Contact Us
- Careers
- Resources
- Enterprise SEO Guide
- Google's Ranking Factors
- Keyword Research Guide
- Link Building ebook
- Link Building Guide
- SEO Audit Guide
- SEO Buyer's Guide
- Glossary
- SEO On Demand
- Nonprofit Guide To SEO
- Blog
Alt text is HTML code that is used to describe an image for visually impaired users that rely on screen-readers.
Table of Contents
What Is Image Alt Text? Alt Text vs. Alt Attribute vs. Alt Tag Why Is Alt Text Important? How To Write Alte Text Correctly Alt Text Examples Table of Contents What Is Image Alt Text? Alt Text vs. Alt Attribute vs. Alt Tag Why Is Alt Text Important? How To Write Alte Text Correctly Alt Text ExamplesWhat Is Image Alt Text?
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.
Alt Text vs. Alt Attribute vs. Alt Tag
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.
Why Is Alt Text Important?
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.
Want to learn more? Visit our blog to learn more about search and search engine optimization. To The BlogSEO Keyword Research
Read our comprehensive SEO keyword research guide to learn how you can get your web pages to show up higher in the SERPs.
Read GuideLink Building Guide
Check out our ultimate link building guide to learn how to earn powerful backlinks to empower your web content in search.
Read GuideHow To Write Alt Text Correctly
Once learned, writing alt text is a straightforward practice. Here are some tips to writing optimized alt text:
- Be specific: Since alt text is supposed to help visually impaired users, the text should be able to explain exactly what’s going on in the image.
- Keep it short: Screen-reading tools stop reading at approximately 125 characters.
- Use keywords: As stated above, image optimization can help with SEO, though keyword stuffing is still to be avoided.
- Avoid using “picture of” or “image of”: Alt text already refers to a picture, so using those terms is redundant.
Alt Text Examples
(Source)
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
(Source)
Bad alt text: Cute ducklings
Good alt text: Five ducklings swimming in a diamond formation
(Source)
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.
Services
- Content Marketing Services
- Keyword Research Services
- Link Building Services
- SEO Consulting Services
- SEO Services
- Technical SEO Audit
Resources
- Blog
- Case Studies
- Keyword Research Guide
- Link Building Guide
- SEO Buyer's Guide
- SEO On Demand
- Careers
Contact Us
We believe in helping businesses find success in search.
Through our partnerships, we help you acquire more business with sustainable link building and strategic content.
Better Links. Better Content. Better Service. Page One Power.
7154 W State Street, Suite 325Boise, ID 83714
208.229.7046Contact
x2023 PRICING SHEET
Every website is unique. Our link building campaigns are tailored to your specific SEO needs to ensure we utilize the best tactics for your site. In addition, each campaign comes complete with a dedicated project manager who provides full transparency throughout the entire campaign.
Fill out the form to get Page One Power’s 2023 Pricing Sheet to learn more about our services and pricing.
Copyright © 2023 Page One Power. All rights reserved.
Online PolicyTừ khóa » Html Alt Tag Meaning
-
What Is An ALT Tag? AT Internet Definition
-
HTML Img Alt Attribute - W3Schools
-
HTML Alt Attribute - W3Schools
-
Alt Text: Why It's Important For Accessibility & SEO - Moz
-
What Is An Alt Tag, And How Does It Impact SEO [2018]? | BigCommerce
-
What Is An Alt Tag - Definition And Examples - CoSchedule
-
Alt Attribute - Wikipedia
-
Image ALT Tag Tips For HTML - Accessibility At Penn State
-
What Is The ALT Attribute? - Raven Tools
-
What Is Alt Text (alternative Text)? - Definition From
-
Image Alt Text: What It Is, How To Write It, And Why It Matters To SEO
-
Alt Tag And Text For SEO: Definition And Best Practices
-
Alt Text: What Is It And How Does It Work? - Semrush
-
Alt Tag Definition - Loomly Blog