How to Fix Missing Alt Text on Images
Missing alt text is one of the most common and most overlooked SEO issues on the web. Every image without alt text is a missed opportunity to rank in Google Image Search, reinforce your page's keywords, and make your site accessible to users who rely on screen readers. The fix takes seconds per image.
What Is Alt Text?
Alt text (alternative text) is an HTML attribute added to image tags that describes what the image shows. It was originally created for accessibility — screen readers read it aloud to visually impaired users — but it's also one of the signals Google uses to understand images and rank pages.
The HTML looks like this:
<!-- Without alt text (bad) --> <img src="iphone-screen-repair.jpg"> <!-- With alt text (correct) --> <img src="iphone-screen-repair.jpg" alt="Technician replacing cracked iPhone 15 screen at MobileBarn Sydney">When Google crawls your site, it cannot "see" images the way humans do. Alt text is the primary way you tell Google what an image contains — which directly affects whether that image shows up in Google Image Search and whether the surrounding page ranks for related keywords.
Why It Matters for SEO
How to Check Your Alt Text
Clarity SEO's free SEO Audit scans every image on your site and lists every <img> tag that is missing an alt attribute — including images you may have forgotten about deep in your pages.
→ Run a free SEO audit with Clarity SEO
The full Report Card also flags alt text issues as part of its 29-point site check.
→ Get your free SEO Report Card
How to Fix It
For HTML/Generic
Find every <img> tag in your HTML and add a descriptive alt attribute:
<!-- Product image --> <img src="/images/iphone-15-case-clear.jpg" alt="Clear protective case for iPhone 15 Pro Max with raised edges"> <!-- Team photo --> <img src="/images/team-photo.jpg" alt="MobileBarn repair team at our Sydney store location"> <!-- Decorative image (intentionally empty alt) --> <img src="/images/decorative-divider.svg" alt="">Rules for writing good alt text:
alt="" attribute to tell screen readers to skip it.For WordPress
Via the Media Library:
This retroactively updates alt text for that image wherever it's used across your site.
Via the Block Editor (Gutenberg):
For WooCommerce product images:
Bulk fix: Plugins like SEO Optimized Images or Image SEO can auto-generate alt text from filenames or titles for existing images. Useful for large sites with hundreds of images.
For Shopify
For product images:
For theme images (banners, hero images):
For blog post images:
For Wix / Squarespace / Webflow
Wix: Click any image in the editor → Image Settings → What's in the image? field (this is the alt text). Save.
Squarespace: Click an image block → Edit → Filename field is used as alt text. For more control, use the Alt Text field in the Image Block settings (newer Squarespace versions).
Webflow: Select the image in the Designer → right panel → Alt text field. For CMS images, bind alt text to a collection field so each item auto-populates it.
Common Mistakes to Avoid
alt="iPhone repair iPhone screen fix iPhone broken iPhone Sydney" — this is spam. Write naturally.alt="" (empty) — not no alt attribute at all. Without it, screen readers read the filename aloud.alt="MobileBarn", you're wasting three SEO opportunities.FAQ
What is alt text for images?
Alt text is an HTML attribute (alt) added to <img> tags that describes the image content. It serves two purposes: making images accessible to screen reader users and helping search engines understand what the image shows.
Does image alt text affect SEO?
Yes. Alt text is a confirmed on-page SEO factor. It helps your images rank in Google Image Search and reinforces the topical relevance of your page for keyword rankings. Missing alt text is a missed ranking opportunity.
How long should alt text be?
Alt text should be concise but descriptive — typically 5 to 15 words or fewer than 125 characters. Focus on accurately describing the image, including your target keyword if it's naturally relevant.
Should I add alt text to every image?
Add descriptive alt text to every image that contains meaningful content. For purely decorative images (borders, background patterns, spacers), use an empty alt attribute (alt="") so screen readers skip them.
What happens if I leave alt text blank?
If the alt attribute is missing entirely (not the same as alt=""), screen readers will typically read the image filename aloud (e.g., "IMG_4832.jpg"), which is useless. Google also has less information to work with when ranking the page.
Summary
Alt text takes seconds to add and pays dividends through Google Image Search traffic, stronger page relevance, and better accessibility compliance. Audit your images now, add descriptive alt text to every meaningful image, and use empty alt="" for purely decorative ones.
Find every image with missing alt text across your site with a free Clarity SEO audit.