SEO On-Page: Image Optimization

Guides image optimization for Google Search (text results, Image Pack, Google Images, Discover), Core Web Vitals (LCP), and accessibility. Consolidates image-related best practices from components (hero, trust-badges) and pages (landing-page). References: Google Image SEO, Semrush Image SEO.

When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.

Scope

• Discovery & indexing: HTML img elements, image sitemap
• Format & performance: WebP, responsive images, lazy loading, LCP; full CWV optimization in core-web-vitals
• Metadata: Alt text, file names, captions
• Preferred image: primaryImageOfPage, og:image; thumbnail next to title/description in search results
• Structured data: ImageObject, image in Article/Product/etc.

Initial Assessment

Project context: Read root contextus.md when present and load only the modules relevant to this task. Without Contextus, use available project material or user-provided facts and ask for missing information; do not create a parallel context system.