seo-images-media
Audit and fix image & media accessibility for a page — detect missing/empty/duplicated/keyword-stuffed alt text, check alt quality and length, missing width/height (CLS), legacy formats, and absent VideoObject schema; generate contextual alt and dimensions. Module M9. Feeds both the Search SEO and AI Visibility scores.
适合你,如果你需要提升网页图片的SEO表现和无障碍合规性。
用别的 agent?下载 .zip 解压,把文件夹放进它的技能目录
~/.claude/skills/(项目级 .claude/skills/)~/.codex/skills/npx oh-my-skill add hainrixz/claude-seo-ai/seo-images-mediacurl -fsSL https://oh-my-skill.com/install.sh | bash -s -- hainrixz/claude-seo-ai/seo-images-medianpx oh-my-skill verify hainrixz/claude-seo-ai/seo-images-media怎么用
技能原文 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.
Verification
- Method
dom_assert: re-parse the snapshot and assert the condition (alt non-empty,width+heightpresent, not a filename, etc.). - When dimension checks need the intrinsic size of a remote asset and no fetch tier is available, status is
needs_api, never a falsepass.
Findings
Emit findings per schema/finding.schema.json. Examples (all severity 3, axis both):
M9.alt.missing— content<img>with noaltattribute. statusfail,fixable: proposed, confidenceestablished.evidence.observedquotes the offending<img>tag.M9.img.no_dimensions—<img>lackingwidth/height. statuswarn,fixable: auto, confidencedirectional(CLS link).M9.video.missing_videoobject— embedded video without VideoObject schema. statuswarn,fixable: proposed, confidenceestablished.
Each finding: evidence.observed quotes the page; verification.reproduce is runnable, e.g. node scripts/parse-html.mjs --url <u> then inspect the images block (missing_alt, empty_alt, missing_dimensions). expected_impact is banded + confidence-tagged (no naked %).
Honesty
- Alt text aids accessibility and image/AI understanding; treat ranking lift as
directional, not a guaranteed gain — do not promise traffic from alt rewrites. - Keyword-stuffing alt is harmful, not helpful — flag it, never generate it.
- WebP/AVIF reduce bytes (a real perf input) but format alone is not a documented ranking factor; keep it
advisory/lowmagnitude.