seo-images

Analyze webpage images for alt text, size, format, responsiveness, lazy loading, and CLS compliance.

3|2|Updated Mar 14, 2026
One-click install
npx skills add https://github.com/ryan-mt/claude-backup --skill seo-images-ryan-mt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-images
Source: https://github.com/ryan-mt/claude-backup/tree/main/config/skills/seo-images
Command: npx skills add https://github.com/ryan-mt/claude-backup --skill seo-images-ryan-mt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Read, Grep, Glob, Bash, WebFetch, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenges of image optimization for search engine optimization (SEO) and overall website performance, ensuring images are properly formatted, sized, and tagged.

Core Features & Use Cases

  • Alt Text Analysis: Checks for the presence, descriptiveness, and keyword relevance of alt text.
  • File Size Assessment: Evaluates and suggests target sizes for different image categories.
  • Format Recommendations: Advises on the most appropriate image formats for different use cases.
  • Responsive Images: Ensures images are correctly sized for various screen resolutions.
  • Lazy Loading: Validates proper implementation for images below the fold.
  • CLS Prevention: Checks for proper use of dimensions and aspect ratios to prevent layout shift.

Quick Start

Run the seo-images skill with the URL of the webpage or image you want to analyze.

Frequently Asked Questions about seo-images

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

FAQPage Schema
How do I audit images on a webpage for SEO and performance issues?

To audit images for SEO and performance, you need to analyze page elements like alt text, file size, format, responsive sizing, and lazy loading. This requires extracting webpage assets and evaluating them against optimization criteria to identify missing tags or oversized files.

What is the best way to check if my images are causing Cumulative Layout Shift (CLS)?

Preventing CLS requires checking that images have proper dimensions and aspect ratios defined in the markup. An image audit validates these attributes to ensure the browser reserves space, stopping layout shifts from occurring during page rendering.

How do I assess if my image file sizes are too large for web performance?

Assessing image file sizes involves evaluating the byte weight of image assets and comparing them against target sizes for their specific category. This analysis identifies oversized files that slow page load and suggests appropriate format recommendations for compression.

Can I check alt text relevance and responsiveness for images in local files?

Yes, you can check alt text relevance and responsiveness for images in local files by running an analysis script on the file path. The process extracts image elements and evaluates the descriptive quality of alt tags and responsive source sets.

Does lazy loading need to be validated for above-the-fold images?

Lazy loading validation targets images below the fold to defer off-screen loading. Proper implementation checks ensure above-the-fold images load immediately for performance, while lower viewport images use lazy attributes to save bandwidth.

What image formats are recommended for optimal web performance?

Optimal image formats depend on the specific use case, balancing quality and file size. An image audit advises on the most appropriate formats for different contexts, ensuring images are correctly formatted for both performance and SEO rankings.