image-seo

Audit AEM Edge Delivery Services page images for SEO, accessibility, and performance attributes.

Updated May 14, 2026
One-click install
npx skills add https://github.com/Focus-GTS/eds-content-ops-skills --skill image-seo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: image-seo
Source: https://github.com/Focus-GTS/eds-content-ops-skills/tree/main/skills/image-seo
Command: npx skills add https://github.com/Focus-GTS/eds-content-ops-skills --skill image-seo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Image SEO and accessibility issues in AEM Edge Delivery Services (EDS) can hurt Core Web Vitals and create WCAG failures when alt text, dimensions, loading behavior, or fetch priority are wrong.

Core Features & Use Cases

  • Alt text auditing with actionable fixes: Detects missing alt attributes, filename-as-alt, overly generic wording, and incorrect use for decorative images, then proposes improved alt text.
  • Performance and accessibility checks for real HTML attributes: Flags missing width/height (CLS risk), lazy-loaded LCP images (P0), missing fetchpriority for LCP, and above-the-fold/below-the-fold loading mistakes by inspecting raw <img> attributes.
  • Per-page, role-specific remediation guidance: Separates fixes into author fixes (edit image alt text in Google Docs/Word) vs developer fixes (adjust loading and fetchpriority in block code or EDS scripts), and produces a structured report.

Quick Start

Use the image-seo skill to fetch an EDS page’s raw HTML, audit every authored image’s alt/performance/accessibility attributes, and generate a per-page report with specific author and developer fix instructions.

Frequently Asked Questions about image-seo

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

FAQPage Schema
How do I audit image SEO and accessibility issues in AEM Edge Delivery Services?

To audit image SEO and accessibility in AEM Edge Delivery Services, analyze raw HTML attributes for alt text, loading behavior, fetchpriority, and dimensions to detect WCAG failures and Core Web Vitals risks. This generates a structured report separating author edits from developer code changes.

Why does lazy loading my LCP image hurt Core Web Vitals performance?

Lazy loading your LCP image hurts Core Web Vitals because it delays the largest contentful paint. Fetching raw HTML attributes detects P0 lazy-loaded LCP images and flags missing fetchpriority, providing specific developer fixes to adjust loading behavior for above-the-fold content.

How do I fix missing alt text for images authored in Google Docs or Word for EDS?

To fix missing alt text for images authored in Google Docs or Word, the audit separates author fixes from developer fixes. It detects missing alt attributes and filename-as-alt, proposing improved alt text that authors can directly edit in their source documents.

Can I check for missing image width and height attributes to prevent CLS?

Yes, you can check for missing image width and height attributes to prevent CLS. By inspecting raw responsive `<picture>/<img>` HTML renderings without attribute-stripping transformations, the audit flags missing dimensions and outputs per-page remediation guidance.

What is the best way to handle decorative vs content images for WCAG compliance?

The best way to handle decorative vs content images for WCAG compliance is to audit incorrect alt text usage. The audit detects inappropriate alt attributes on decorative images and generic wording on content images, generating actionable fixes to meet a11y compliance standards.

Does this image audit work on raw HTML without stripping attribute transformations?

Yes, the image audit works on raw HTML without stripping attribute transformations. It satisfies requirements to inspect raw `<img>` attributes directly, detecting loading behavior, fetchpriority, and dimension signals exactly as rendered for accurate performance and accessibility checks.