seo-images

Analyze webpage images for SEO and performance issues.

38|2|Updated Mar 29, 2026
One-click install
npx skills add https://github.com/WebDevPeterGriffin/The-VibeCode-Bible --skill seo-images-webdevpetergriffin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-images
Source: https://github.com/WebDevPeterGriffin/The-VibeCode-Bible/tree/main/.agent/skills/claude-seo/skills/seo-images
Command: npx skills add https://github.com/WebDevPeterGriffin/The-VibeCode-Bible --skill seo-images-webdevpetergriffin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Image issues silently hurt SEO and performance by missing alt text, using inefficient formats, loading images in ways that degrade LCP, and causing layout shifts due to missing dimensions.

Core Features & Use Cases

  • Alt text quality checks: Validates presence, descriptive wording (not filenames), keyword use without stuffing, and recommended length.
  • Performance-focused file analysis: Flags oversized images using tiered thresholds by thumbnail/content/hero type and recommends compression targets.
  • Technical SEO & UX best practices: Reviews format choices, responsive image attributes (srcset/sizes), lazy loading correctness, LCP fetch priority, async decoding for non-LCP images, and CLS prevention via width/height or aspect-ratio.
  • Output for actionable remediation: Produces a summary table, prioritized optimization list by potential savings, and clear recommendations for fixes.
  • Use when: You need an image optimization analysis for alt text, image size, image SEO, responsive images, lazy loading/LCP/CLS compliance, or an image audit for a given URL.

Quick Start

Run the seo-images skill against the target page URL to generate a prioritized image optimization report.

Frequently Asked Questions about seo-images

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

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

You can audit image SEO by analyzing rendered <img> elements to identify missing alt text, inefficient formats, oversized assets, and loading issues. This generates a prioritized optimization list by potential savings and clear recommendations for fixes.

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

To check if images cause CLS, audit the HTML for missing width and height attributes or CSS aspect-ratio properties. Preventing CLS requires explicitly defining image dimensions to reserve space before the asset loads fully.

How do I fix lazy loading issues that hurt my Largest Contentful Paint (LCP)?

Fix lazy loading LCP issues by auditing image fetchpriority and loading attributes. Non-LCP images should use lazy loading and async decoding, while LCP images require eager loading and high fetchpriority to load faster.

Does this image audit check for WebP and AVIF format recommendations?

The image audit checks for WebP and AVIF format recommendations by reviewing your current format choices. It flags inefficient formats and suggests modern alternatives alongside responsive image attributes like srcset and sizes.

Can I use this to find missing or weak alt text on any public URL?

You can use this image audit on any public or accessible URL where images are rendered in HTML as <img> elements. It validates alt text presence, descriptive wording, keyword use without stuffing, and recommended length.

What are the file size thresholds for oversized images in an SEO audit?

File size thresholds for oversized images are tiered by image type, categorizing assets as thumbnails, content images, or hero images. The audit flags assets exceeding these specific thresholds and recommends compression targets.