Image Analysis Issues

4 Intentional Issues

This page demonstrates intentional image SEO failures: missing alt text, non-descriptive filenames, missing dimensions, unoptimized formats, and missing figcaption.

Missing Alt Text#42Issue #42: Images missing descriptive alt text

↑ This <img> has no alt attribute at all (Issue #42)

Non-Descriptive Filenames#51Issue #51: Image filenames are non-descriptive (img001.jpg, photo123.jpg)

↑ Filename: photo123.jpg — not descriptive (Issue #51)

Unoptimized Format & Missing Dimensions#22Issue #22: Image not in WebP/AVIF format — large JPEG used#23Issue #23: Image missing width and height attributes

↑ JPEG format (not WebP/AVIF), no width/height attributes (Issues #22, #23)

Missing Figure & Figcaption#142Issue #142: Images with captions not wrapped in <figure>/<figcaption>

All images below have visible caption-like text but are wrapped in plain <div> elements instead of <figure><figcaption>. This prevents crawlers from associating the caption with the image.

BROKEN: <div> instead of <figure>

Figure 1: Q1 2025 revenue growth showing 42% YoY increase across enterprise accounts

← caption in <p> inside <div>, NOT in <figcaption> (Issue #142)

BROKEN: <div> instead of <figure>

Figure 2: Real-time analytics dashboard showing active user sessions and conversion funnels

← caption in <p> inside <div>, NOT in <figcaption> (Issue #142)

✓ Correct implementation (not rendered, shown as code only):

<figure>
  <img src="/chart.jpg" alt="Revenue chart" />
  <figcaption>Figure 1: Q1 2025 revenue growth</figcaption>
</figure>

Next.js Image Without Optimization Props#22Issue #22: Next/Image used without fill or explicit dimensions

↑ alt="" (empty), unoptimized=true (Issues #42, #22)