seo-images

Audits images for SEO and performance, including alt text, formats, and lazy loading.

1|Updated Mar 5, 2026
One-click install
npx skills add https://github.com/Postalocity/template-microsite --skill seo-images-postalocity
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-images
Source: https://github.com/Postalocity/template-microsite/tree/main/.opencode/integrations/claude-seo/seo-images
Command: npx skills add https://github.com/Postalocity/template-microsite --skill seo-images-postalocity

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, and CLS prevention. Use when user says "image optimization", "alt text", "image SEO", "image size", or "image audit".

Core Features & Use Cases

  • Alt Text: Ensures descriptive alt text on images, improving accessibility and SEO.
  • File Size & Format: Checks image sizes, suggests efficient formats (WebP/AVIF) with sensible fallbacks.
  • Responsive Images: Verifies srcset and sizes usage for different device widths and DPRs.
  • Lazy Loading & CLS: Recommends proper lazy loading for below-the-fold images and CLS-safe sizing.
  • Use Case: Optimize image-heavy landing pages to improve LCP, CLS, and accessibility scores.

Quick Start

Run a full image-optimization audit on the target webpage and review the generated recommendations.

Frequently Asked Questions about seo-images

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run an image SEO audit to check alt text and file sizes?

An image SEO audit analyzes your webpage's images to check descriptive alt text, file sizes, formats, and responsive delivery. The audit enforces checks for alt text, efficient formats, and sensible fallbacks to improve SEO rankings.

What is the best way to optimize images for SEO and prevent CLS?

Optimizing images for SEO and preventing CLS involves verifying responsive srcset and sizes attributes, applying safe lazy loading for below-the-fold images, and enforcing CLS-safe sizing to improve user experience and Core Web Vitals.

How do I implement responsive images with srcset and sizes for different devices?

Implementing responsive images requires verifying srcset and sizes usage for different device widths and DPRs. The optimization process checks responsive image delivery to ensure appropriate formats and sizes are served across various screen dimensions.

Does lazy loading images impact SEO and how do I use it safely?

Lazy loading images impacts SEO positively when used safely for below-the-fold images. Safe lazy loading practices include enforcing CLS-safe sizing to prevent layout shifts, ensuring image performance enhances SEO rankings without degrading user experience.

When do I need WebP or AVIF image formats for my website?

You need WebP or AVIF image formats for content-rich websites, ecommerce galleries, and media-heavy pages to improve loading performance. The optimization audit checks image sizes and suggests these efficient formats with sensible fallbacks.

Why does image performance affect my SEO rankings and LCP scores?

Image performance affects SEO rankings and LCP scores because search engines prioritize user experience. Optimizing image-heavy landing pages by auditing file sizes, formats, and lazy loading improves LCP, CLS, and accessibility scores directly.