seo-images

Analyze HTML image elements for alt text, file size, and format optimization.

Updated Jul 12, 2026
One-click install
npx skills add https://github.com/guaderrama/skills --skill seo-images-guaderrama
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-images
Source: https://github.com/guaderrama/skills/tree/main/skills/seo-images
Command: npx skills add https://github.com/guaderrama/skills --skill seo-images-guaderrama

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps to analyze and optimize images for search engine optimization and overall website performance.

Core Features & Use Cases

  • Alt Text Analysis: Checks the presence and quality of alt text on images.
  • File Size Assessment: Evaluates image file sizes and recommends compression.
  • Format Analysis: Provides guidance on image formats for optimal browser support and compression.
  • Responsive Images: Ensures images are correctly sized for different devices.
  • Lazy Loading: Implements lazy loading for improved load times.
  • LCP and CLS Optimization: Offers recommendations to enhance website loading performance and accessibility.
  • Use Case: Use this Skill to improve the SEO and performance of a website by ensuring that all images are optimized for web use.

Quick Start

Use the 'seo-images' skill to audit and optimize images in the current directory.

Frequently Asked Questions about seo-images

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

FAQPage Schema
How do I optimize images for SEO and web performance?

Optimizing images for SEO and performance involves analyzing HTML image elements to ensure proper alt text, assess file sizes for compression, and support modern image formats, responsiveness, and lazy loading for faster load times.

How does lazy loading affect website loading performance and accessibility?

Lazy loading improves website loading performance by deferring off-screen image downloads, while proper alt text ensures accessibility, and optimized formats prevent layout shifts to maintain a stable user experience.

What is the best way to analyze alt text quality for accessibility and SEO?

Analyzing alt text quality for accessibility and SEO requires auditing HTML image elements to verify the presence and descriptiveness of alt attributes, ensuring screen reader compatibility and search engine indexability.

Can I use this approach to audit images in a specific directory?

Yes, you can audit and optimize images in a specific directory by analyzing the HTML image elements within that path, checking alt text, file sizes, formats, and responsive attributes in a single pass.

When do I need to use modern image formats for progressive enhancement?

You need modern image formats for progressive enhancement when targeting optimal browser support and compression, ensuring images load efficiently across devices while maintaining high visual fidelity and performance.

Why does image optimization impact LCP and CLS scores?

Image optimization impacts LCP and CLS scores because large files delay rendering and missing dimensions cause layout shifts, while proper compression, responsive sizing, and lazy loading directly resolve these performance bottlenecks.