seo-images-media
Installation
SKILL.md
seo-images-media (M9)
Accessible, well-described media is read by both ranking systems and AI extractors — alt text is the primary semantic handle for an image. Reference: references/schema-tier1.md (VideoObject row).
Audits
Working from the PageSnapshot (rendered_dom if present, else raw_html):
- Alt presence: every content
<img>has analtattribute. Distinguish decorative images (alt=""+role="presentation"is correct, not a finding) from missingaltentirely (fail). - Alt quality: not empty on a content image; not the filename (
IMG_2031.jpg); not duplicated verbatim across distinct images; not keyword-stuffed (comma-separated keyword lists are an anti-pattern). Alt should be descriptive and contextual to surrounding content. Target length ~80-140 chars — long enough to be specific, short enough that screen readers/AI don't truncate. - Dimensions:
widthandheightset on<img>(or aspect-ratio reserved in CSS) to prevent layout shift (CLS, a Core Web Vitals input — defer the CWV measurement itself to the perf module). - Format: flag legacy
jpg/pngwhere a modern format (WebP/AVIF) or a responsive<picture>/srcsetwould serve smaller bytes. - Video: embedded video (
<video>, YouTube/Vimeo iframe) withoutVideoObjectJSON-LD — coordinate with M5; required/recommended props inreferences/schema-tier1.md.
Fixes
- AUTO (
fixable: auto): addwidth/heightto<img>from the source asset's intrinsic dimensions (deterministic, additive, verifiable) — emitted as a diff forfix. - PROPOSED (
fixable: proposed): generate contextual alt text inferred from the image plus its surrounding heading/caption/paragraph. Drafts require per-item human accept (alt is editorial). Never fabricate what an image depicts beyond what the page context supports — leave a clearly-markedTODO: describe imageplaceholder when context is insufficient, or ask the user. - ADVISORY (
fixable: advisory): format upgrades (WebP/AVIF,srcset). The tool cannot transcode binaries, so it never writes these — it recommends only.