Image Optimization

This one brings together Google's image SEO guidance with Core Web Vitals performance basics in one pass. It covers the full stack: discovery through HTML img elements and image sitemaps, format selection (WebP, AVIF, SVG), responsive images with srcset, lazy loading strategy, alt text best practices, and how to influence the thumbnail that appears next to your title in search results using primaryImageOfPage schema or og:image. The scope is practical. It separates above-fold hero images that need eager loading for LCP from below-fold content you can lazy load, walks through figcaption for context signals, and includes specific guidance on image dimensions for Google Discover. Good for landing pages, product pages, or any content where images carry SEO weight.

Install to Claude Code

npx -y skills add kostja94/marketing-skills --skill image-optimization --agent claude-code