Skip to main content

What is Alt Tag

An alt tag (short for “alternative text”) is a short description you add to an image on a website so people — and computers — know what the image shows.

🧠 Imagine this:​

Think of a picture book. If someone closes their eyes, the alt text is like you reading the picture out loud so they still understand what’s there.

✅ Why alt tags matter​

  • Accessibility: Screen readers read the alt text to visually impaired users
  • SEO: Search engines understand your images better
  • Fallback: If the image doesn’t load, the text appears instead

🖼️ Example​

If your image is a puppy playing with a ball:

Bad alt text: alt="image"

Good alt text: alt="Golden retriever puppy playing with a red ball"

💻 Simple HTML example​

<img src="puppy.jpg" alt="Golden retriever puppy playing with a red ball" />

Here are clear good vs bad alt text examples so you can see what works 👍

🐶 Example 1 — Simple photo​

Image: Dog running on the beach

❌ Bad alt="dog"

✅ Good alt="Brown dog running along the beach at sunset"

👉 Why: The good one gives useful detail.

🛒 Example 2 — Product image​

Image: Black Nike running shoes

❌ Bad alt="shoes"

✅ Good alt="Black Nike Air Zoom Pegasus men's running shoes"

👉 Why: Includes brand + model (great for SEO and users).

📊 Example 3 — Chart/graph​

Image: Bar chart showing sales growth

❌ Bad alt="graph"

✅ Good alt="Bar chart showing sales increased from $10k in January to $25k in June"

👉 Why: Explains the takeaway, not just the object.

🎨 Example 4 — Decorative image​

Image: Fancy divider line

❌ Bad alt="decorative line"

✅ Best practice alt=""

👉 Why: Empty alt tells screen readers to ignore purely decorative images.

👩‍💻 Example 5 — Person photo​

Image: Woman coding on laptop

❌ Bad alt="woman"

✅ Good alt="Woman coding on a laptop in a modern office"

👉 Why: Adds context and action.

⭐ Quick rule to remember​

Ask yourself:

“If someone can’t see this image, what would they need to know?”

Write that — briefly.

Nice 😎 here’s a simple formula you can use every time.

🧩 The Perfect Alt Text Formula

1️⃣ What is it?

  • 2️⃣ Key details (only if important)

  • 3️⃣ Context or action (if relevant)

📝 Formula template​

[Object/Subject] + [Important details] + [Action/Context]

Keep it:

  • ✔ Specific
  • ✔ Short (usually under 125 characters)
  • ✔ Natural (like you’re describing it to someone)

🔥 Examples Using the Formula​

🐶 Photo​

Image: Golden retriever catching a frisbee

Alt text:

"Golden retriever jumping to catch a red frisbee in a park"

Breakdown:

  • What: Golden retriever
  • Details: red frisbee
  • Context: jumping in a park

👟 Product​

Image: White Adidas sneakers

Alt text:

"White Adidas Ultraboost running shoes"

  • What: running shoes
  • Details: white, Adidas, Ultraboost

No extra fluff needed.

📊 Chart​

Image: Line graph showing traffic growth

Alt text:

"Line graph showing website traffic increasing from 1,000 to 5,000 visitors over six months"

Focus on the takeaway.

🎯 Decorative image​

If the image adds no meaning:

<img src="divider.png" alt="" />

Empty alt is correct.

🚫 What NOT to do

  • Don’t say: “image of…” or “picture of…”
  • Don’t stuff keywords
  • Don’t write a paragraph
  • Don’t describe obvious things that don’t matter

💡 Golden Rule

If the image disappeared, would your alt text give someone the same useful information?

If yes → you did it right.

Perfect — alt text is especially important for e-commerce 🛒 because it helps with SEO, accessibility, and product discovery.

Here are realistic e-commerce alt text examples you can copy.

🛍️ Product Image (Main Photo)

Goal: Clearly identify the product.

Image: Blue cotton t-shirt front view

❌ Bad alt="tshirt"

✅ Good alt="Men's blue cotton crew neck t-shirt front view"

Formula used:

  • Product type
  • Key attributes
  • View (front/back)

👟 Product Variant Image

Image: Same shoe in red color

✅ Good alt="Nike Air Zoom Pegasus running shoes red color"

👉 Include the variant difference (color, size, etc.).

🔍 Product Detail / Close-up

Image: Close-up of leather texture

✅ Good alt="Close-up of brown genuine leather texture on men's wallet"

👉 Focus on what the user is supposed to notice.

👕 Product Lifestyle Image

Image: Model wearing jacket outdoors

✅ Good alt="Woman wearing black waterproof hiking jacket on mountain trail"

👉 Include:

  • Who (if relevant)
  • Product
  • Context

📦 Product in Use

Image: Blender making smoothie

✅ Good alt="High-speed blender making strawberry banana smoothie in kitchen"

👉 Show the benefit/use case.

🧭 Category Thumbnail

Image: Category banner for running shoes

✅ Good alt="Men's running shoes collection"

Short and clear.

🎨 Decorative Banner (important!)

If purely decorative:

<img src="sale-banner.jpg" alt="" />

✅ Empty alt is correct.

🚀 E-commerce Alt Text Cheat Sheet

Always include (when relevant):

  • Product name/type
  • Brand
  • Color
  • Gender (if applicable)
  • Material
  • View (front/back/side)

Avoid:

  • Keyword stuffing
  • Repeating the same alt text for every image
  • Writing long sentences

⭐ Pro Tip (SEO boost)​

Each product image should have unique alt text, even for the same product:

Example for one shoe product:

  • Front view
  • Side view
  • Top view
  • Sole view
  • Lifestyle shot

Each gets different alt text.

If you want, paste one of your product titles and I’ll write perfect alt text variations for it.

Perfect — here are ready-to-use alt text options for the cover image of Word Power Made Easy 📘

✅ Best standard alt text​

"Word Power Made Easy book cover by Norman Lewis"

✔ Clear ✔ SEO-friendly ✔ Accessible

🔍 Alternative variations (pick one)​

Option 1 (more descriptive)

"Cover of Word Power Made Easy vocabulary building book by Norman Lewis"

Option 2 (with purpose)

"Word Power Made Easy English vocabulary improvement book cover"

Option 3 (minimal clean)

"Word Power Made Easy book cover"

🛒 If used on an e-commerce product page (recommended)​

Best practice version:

"Word Power Made Easy paperback book by Norman Lewis cover"

🚫 Avoid​

  • ❌ alt="book"
  • ❌ alt="Word Power Made Easy image"
  • ❌ Keyword stuffing like repeating the title many times