🖼️ Complete Image SEO Guide

Optimize images for faster loading and better search rankings

🏛️ 4 Pillars of Image SEO

1

File Naming

Descriptive, keyword-rich file names

2

Alt Text

Accessible descriptions for all images

3

Compression

Optimized file sizes for speed

4

Format

Modern formats like WebP

📝 File Naming Best Practices

❌ Bad Names

  • IMG_1234.jpg
  • DSC0001.png
  • screenshot.webp
  • photo (1).jpg
  • untitled.png

✅ Good Names

  • psilocybe-cubensis-golden-teacher.jpg
  • microdosing-capsules-scale.png
  • blue-bruising-mushroom-identification.webp
  • lion-mane-mushroom-growing.jpg
  • trip-preparation-checklist.png

📋 Naming Rules

  • ✓ Use hyphens, not underscores
  • ✓ Include target keywords
  • ✓ Keep names under 50 chars
  • ✓ Be descriptive of content
  • ✓ Use lowercase letters only
  • ✓ Avoid special characters
  • ✓ No spaces in file names
  • ✓ Match page topic

🏷️ Alt Text Examples

🍄

Product Image

❌ "mushroom"
✅ "Golden Teacher psilocybe cubensis dried mushrooms in glass jar"
⚖️

Equipment Photo

❌ "scale"
✅ "Digital milligram scale measuring 0.1g microdose capsule"
📊

Chart/Infographic

❌ "chart.png"
✅ "Psilocybin dosage chart showing threshold, low, medium, high, and heroic doses"
🌿

Identification Photo

❌ "IMG_4523"
✅ "Blue bruising on psilocybe azurescens stem indicating psilocybin presence"

📁 Image Formats Comparison

Format File Size Quality Transparency Browser Support Best For
WebP Smallest Excellent Yes 95%+ All images
AVIF Smallest Best Yes 85% Modern browsers
JPEG Medium Good No 100% Photos
PNG Large Lossless Yes 100% Graphics, logos
GIF Large Limited Yes 100% Simple animations

⚡ Compression Tools

🖼️

TinyPNG

Best for PNG and JPEG compression with smart lossy optimization

Up to 70% reduction
🔄

Squoosh

Google's free tool for all formats including WebP and AVIF

Up to 80% reduction
⚙️

ImageOptim

Mac app for batch optimization without quality loss

Up to 50% reduction
🌐

Cloudinary

CDN with automatic format selection and optimization

Automatic optimization
📦

ShortPixel

WordPress plugin for automatic image optimization

Up to 90% reduction
🎨

SVGOMG

SVG optimizer for icons and vector graphics

Up to 60% reduction

⏳ Lazy Loading Implementation

<img
  src="mushroom-species.webp"
  alt="Psilocybe cubensis identification guide"
  width="800"
  height="600"
  loading="lazy"
  decoding="async"
/>
🚀
Faster Initial Load

Only load visible images first

📉
Less Bandwidth

Save data for users who don't scroll

📊
Better Core Web Vitals

Improve LCP and FID scores

✅ Image SEO Checklist

📝 File Prep

  • Descriptive file name
  • Keywords in name
  • Hyphens not underscores
  • No spaces or special chars
  • Lowercase only

🏷️ HTML Attributes

  • Alt text added
  • Alt is descriptive
  • Width/height specified
  • loading="lazy" added
  • decoding="async" added

⚡ Optimization

  • Compressed (under 200KB)
  • WebP format used
  • Correct dimensions
  • Not upscaled
  • CDN delivery