skills.rest
upmarking
upmarkingOFFICIAL
Explore all skills by this author →
GitHub

seo-images

Analyze and optimize webpage images for SEO and performance.

Updated Mar 22, 2026
Search Tags:#webp#seo#avif#lazy-loading#image-optimization#responsive-images#alt-text
One-click install
npx skills add https://github.com/upmarking/fastesthr-20077824 --skill seo-images-upmarking
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: seo-images
Source: https://github.com/upmarking/fastesthr-20077824/tree/main/.agents/skills/seo-images
Command: npx skills add https://github.com/upmarking/fastesthr-20077824 --skill seo-images-upmarking

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Images often become bottlenecks for SEO and user experience when not optimized: missing alt text, large file sizes, non-optimal formats, and poor delivery strategies degrade accessibility, crawlability, and page speed.

Core Features & Use Cases

  • Alt Text checks ensure all images have descriptive, non-deceptive alt text that supports accessibility and SEO.
  • File Size and Format optimization enforces thresholds and converts to modern formats (WebP/AVIF) to reduce bandwidth.
  • Responsive Images and srcset/sizes usage provide appropriate resolutions for devices while preserving visual quality.
  • Lazy Loading and fetchpriority handling improve LCP by deferring non-critical imagery without harming above-the-fold rendering.
  • CLS Prevention through explicit dimensions or aspect-ratio to stabilize layout shifts.
  • Descriptive, hyphenated file names and consistent asset organization to aid indexing and caching.
  • Image SERP Analysis (DataForSEO) to compare on-page images against competitors and identify optimization opportunities.
  • Image File Optimization pipeline that converts, resizes, and injects metadata (IPTC/XMP) for rich results.

Quick Start

Run the image-audit workflow on the target webpage to begin optimizing all images for SEO and performance.

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 improve page speed?▼

Image optimization for SEO involves scanning pages for missing alt text, converting files to WebP or AVIF, and implementing lazy loading. This skill automates these tasks to improve search visibility and page speed.

What is the best way to prevent Cumulative Layout Shift from images?▼

Preventing Cumulative Layout Shift requires setting explicit dimensions or aspect ratios on images. This skill scans your web pages to ensure images have proper sizing attributes, stabilizing layout shifts during rendering.

How do I implement responsive images with srcset and sizes attributes?▼

Implementing responsive images requires using srcset and sizes attributes to serve appropriate resolutions for different devices. This skill analyzes your image variants to ensure responsive delivery without degrading visual quality.

Does lazy loading affect LCP and above-the-fold image rendering?▼

Lazy loading can impact LCP if applied to above-the-fold images. This skill handles fetchpriority attributes to defer non-critical imagery while preserving optimal rendering for images needed immediately on load.

Can I analyze competitor image SERP rankings with DataForSEO?▼

Yes, when DataForSEO is available, this skill performs image SERP analysis to compare your on-page images against competitors. This identifies specific optimization opportunities to improve your image search rankings.

How do I add IPTC and XMP metadata to images for rich results?▼

Adding IPTC and XMP metadata to images involves injecting structured data directly into image files. This skill includes an optimization pipeline that converts, resizes, and embeds metadata to qualify your images for rich search results.

Related Skills

Explore More Marketing & Sales Skills→
adobeadobe
162

scrape-webpage

Extract webpage content, metadata, and images into a structured bundle.

Official
Advanced
evolv3aievolv3ai
3

responsive-images

Generate responsive images with srcset, sizes, WebP, AVIF, and lazy loading.

Community
Advanced
nazlicancaglarnazlicancaglar

seo-auditor

Audit websites for technical and on-page SEO issues with prioritized remediation guidance.

Community
Advanced
beel-collabbeel-collab
1

image-manipulation-image-magick

Performs image resizing, format conversion, and metadata extraction with ImageMagick.

Community
Advanced