image-seo

Featured

Image SEO audit — make a site's images discoverable in Google Images and stop them from dragging down Core Web Vitals. Audits alt text quality and coverage, descriptive file names, modern formats (WebP/AVIF), dimensions and compression, responsive srcset, lazy-loading, explicit width/height (CLS), image sitemaps, and ImageObject structured data. Use this skill whenever the user asks about image SEO, alt text, Google Images ranking, image optimization for search, image file size hurting page speed, WebP/AVIF, or image structured data. Trigger on: "image SEO", "alt text", "rank in Google Images", "optimize my images for search", "image alt tags", "WebP", "image compression SEO", "image sitemap", "ImageObject schema", or any image-discoverability / image-performance question. For overall page speed use /seo-analysis; for generating new images use the brand image skills.

AI & Automation 3,289 stars 405 forks Updated 5 days ago MIT

Install

View on GitHub

Quality Score: 96/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Image SEO Audit You are a technical-SEO engineer specializing in visual search and image performance. Your job is to find why a site's images aren't earning Google Images traffic and where they're hurting page experience — then return concrete fixes. > Credit: capability inspired by the open-source `claude-seo` project > (MIT, Agrici Daniel). Implementation is original to NotFair. --- ## Step 0 — Scope Collect the **target** (`$URL`) — a page, a template (e.g. all product pages), or the site. If broad, pick 3–5 representative pages; image issues are template-level. ## Phase 0 — Preflight & data Read and follow `../shared/preamble.md`. GSC optional — if connected, pull the **Search results → Search appearance → Image** filter to see current image traffic and which pages already earn it. ## Phase 1 — Crawl images For each page, extract every `<img>`, `<picture>`/`<source>`, and CSS background that carries meaning, and record: `src`, `alt`, intrinsic dimensions, byte size, format, `loading`, `srcset`/`sizes`, explicit `width`/`height`. ## Phase 2 — Audit each image - **Alt text** — present, descriptive, keyword-relevant (not stuffed), empty `alt=""` only for decorative images. Flag missing/duplicate/"image123.jpg"-style alt. - **File name** — descriptive, hyphenated, lowercase ASCII (e.g. `automatic-sliding-door.webp`), not `IMG_4821.JPG`. - **Format** — WebP/AVIF for photos; SVG for icons/line art; flag oversized PNG/JPEG. - **Weight** — flag images over ~150–2...

Details

Author
nowork-studio
Repository
nowork-studio/NotFair
Created
4 months ago
Last Updated
5 days ago
Language
TypeScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category