Image SEO: How to Optimize Images for Search and Speed

Image SEO is the practice of optimizing images for search engine visibility, page speed, and accessibility through proper alt text, compression, file format selection, and technical implementation. Since images are typically the largest files on web pages, image optimization has a direct impact on Core Web Vitals scores and ranking performance.

Why Image SEO Matters

Images affect SEO in three ways:

• Page speed: Unoptimized images are the number one cause of slow page loading. Slow pages rank lower and convert worse. Core Web Vitals — particularly LCP (Largest Contentful Paint) — are directly impacted by image size and loading behavior.
• Discoverability: Google Images drives significant traffic, especially for visual industries (real estate, retail, food, design). Properly optimized images appear in image search results and visual carousels.
• Accessibility: Alt text is required for screen readers and accessibility compliance. Google uses alt text to understand image content for ranking purposes.

Alt Text Optimization

Alt text tells search engines what an image shows. It also provides text for users who cannot see the image (screen readers, slow connections, broken image links).

How to Write Good Alt Text

• Be descriptive: Describe what the image actually shows — "Team of SEO specialists reviewing keyword data on a laptop" not just "team"
• Be concise: 1-2 sentences or phrases. Under 125 characters is ideal.
• Include keywords naturally: If the image relates to your target keyword, include it — but only if it is genuinely descriptive
• Skip "image of" or "photo of": Screen readers already announce "image" — adding it to alt text is redundant

Examples

• Bad: alt="image" or alt=""
• Bad: alt="SEO specialist Philippines SEO services SEO expert" (keyword stuffing)
• Good: alt="SEO performance dashboard showing organic traffic growth over 6 months"
• Good: alt="Rustom Gutierrez, Senior SEO Specialist based in the Philippines"

Image Compression

Large image files are the most common cause of slow LCP scores. Target these benchmarks:

• Hero images: Under 200KB
• Content images: Under 100KB
• Thumbnails: Under 30KB
• Icons and logos: Under 10KB (use SVG when possible)

Compression Tools

• TinyPNG/TinyJPG: Free online compression (up to 80% reduction)
• ShortPixel: WordPress plugin for automatic compression
• Squoosh: Google's free tool for manual compression with format conversion
• Imagify: Bulk compression for large sites

File Format Selection

• WebP: Best for most web images. 25-35% smaller than JPEG with equivalent quality. Supported by all modern browsers.
• JPEG: Good for photographs. Use when WebP is not available.
• PNG: For images requiring transparency. Larger files than WebP/JPEG — use sparingly.
• SVG: For icons, logos, and simple graphics. Infinitely scalable, typically very small file size.
• AVIF: Newer format with even better compression than WebP. Browser support is growing but not universal.

Technical Image Implementation

Explicit Dimensions

Always set width and height attributes on images. This prevents Cumulative Layout Shift (CLS) — the page jumping around as images load. Without dimensions, the browser does not know how much space to reserve until the image loads.

Lazy Loading

Add loading="lazy" to images below the fold. This defers loading until the user scrolls near the image, reducing initial page load time. Do NOT lazy load above-the-fold images — your hero image and LCP element should load immediately.

Responsive Images

Use the srcset attribute to serve different image sizes based on the viewer's screen size. A 1200px image on a 375px mobile screen wastes bandwidth and slows loading.

Descriptive File Names

Name image files descriptively before uploading: seo-audit-report-example.webp is better than IMG_4582.jpg or screenshot-2026-04-05.png. File names provide another signal to search engines about image content.

Image SEO for Different Page Types

• Product pages (ecommerce): Multiple angles, zoom capability, descriptive alt text with product name and key features
• Blog posts: Relevant images that break up text and illustrate concepts. Each with unique alt text.
• Service pages: Photos of your work, team, or results. Build trust through visual proof.
• Local SEO: Photos of your physical location, team, and local work. Google Business Profile rewards photo-rich listings.

Measuring Image SEO Impact

Check these metrics before and after image optimization:

• LCP score: Should improve as images load faster (check in PageSpeed Insights)
• CLS score: Should improve with explicit dimensions
• Page load time: Typically drops 30-50% after image optimization
• Google Images traffic: Track in Search Console filtered to "Image" search type

Image optimization is one of the quickest wins in any SEO audit — the changes are simple to implement and the impact on page speed is immediate.