Analyzes and optimizes web images for search engine performance, accessibility, and page load speed.
The SEO Image Optimizer is a comprehensive skill designed to audit and improve the performance and search visibility of images within web projects. It performs deep analysis of image tags, checking for descriptive alt text, proper dimensions to prevent layout shifts (CLS), modern file formats like WebP or AVIF, and efficient loading strategies such as native lazy loading and high fetch priority for hero elements. Whether you are debugging Core Web Vitals or improving accessibility compliance, this skill provides actionable reports and code-ready snippets to ensure your media assets are fully optimized for both users and search engine crawlers.
Key Features
012 GitHub stars
02Comprehensive audit of alt text for SEO relevance and accessibility compliance
03Core Web Vitals optimization through CLS prevention and LCP prioritization techniques
04Tiered file size analysis with warnings for oversized assets across different categories
05Format recommendations favoring WebP and AVIF with fallback pattern generation
06Validation of responsive image attributes including srcset and sizes for mobile optimization
Use Cases
01Refactoring legacy image tags into modern, responsive picture elements with proper fallbacks
02Fixing accessibility issues by identifying missing or non-descriptive alternative text
03Auditing a landing page to improve PageSpeed Insights and Core Web Vitals scores
