skills.rest
itdevwork-git
itdevwork-gitCOMMUNITY
Explore all skills by this author →
GitHub

seo-image-gen

Generate SEO-ready images with alt text and schema markup guidance.

Updated May 10, 2026
Search Tags:#image generation#schema markup#mcp tools#webp optimization#og preview#seo images#banner thumbnails
One-click install
npx skills add https://github.com/itdevwork-git/claude-seo --skill seo-image-gen-itdevwork-git
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: seo-image-gen
Source: https://github.com/itdevwork-git/claude-seo/tree/main/extensions/banana/skills/seo-image-gen
Command: npx skills add https://github.com/itdevwork-git/claude-seo --skill seo-image-gen-itdevwork-git

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill removes the time-consuming work of designing SEO-critical images by generating production-ready visuals aligned to common search, sharing, and schema requirements.

Core Features & Use Cases

  • AI image generation for SEO assets: Create OG/social preview images, blog hero images, schema images, product photos, infographics, thumbnails, and other SEO visuals from a text description.
  • SEO-optimized sizing and formats: Applies sensible aspect ratio and resolution defaults per use case (e.g., OG/social 16:9 at 1K-like presets, hero at higher resolution presets).
  • Post-generation SEO guidance: Helps you produce alt text, SEO-friendly filenames, recommends WebP conversion targets, and provides ImageObject/og:image snippet reminders for implementation.
  • Batch and variation support: Generate multiple variations to speed up iteration for campaigns and content refreshes.

Quick Start

Install the banana extension, then run /seo image-gen og <description> to generate an OG/social preview image for your page or article.

Frequently Asked Questions about seo-image-gen

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate SEO images for schema markup and OG previews?▼

Generate SEO images by providing natural-language prompts to create OG/social previews, hero images, and schema visuals. The workflow applies use-case specific aspect ratio and resolution defaults, and outputs alt text, naming, and markup guidance.

Can I create multiple variations of hero images for content campaigns?▼

Yes, batch variation support allows generating multiple hero image variations to speed up iteration for campaigns and content refreshes. You can produce different visual options while maintaining consistent SEO-friendly resolutions.

What's the best way to ensure my blog hero images are SEO-optimized?▼

Use SEO image generation to apply sensible aspect ratio and resolution defaults for hero images. Post-generation guidance helps produce alt text, SEO-friendly filenames, and WebP conversion targets to ensure full optimization.

Does this workflow require the banana extension to generate webp optimized images?▼

Yes, it requires the banana (nanobanana MCP) image tools to set aspect ratios and generate images deterministically within the extension workflow, which then provides WebP conversion recommendations and markup guidance.

How do I add ImageObject schema markup to my generated product photos?▼

After generating product photos, the workflow provides ImageObject and og:image snippet reminders for implementation. It delivers post-generation SEO guidance including alt text and schema markup to ensure proper structured data integration.

What aspect ratio defaults are applied when generating OG social preview images?▼

OG and social preview images use a 16:9 aspect ratio at 1K-like resolution presets, while hero images use higher resolution presets. These defaults are automatically applied based on the specific SEO use case.

Related Skills

Explore More Design & Creative Skills→
shenxingyshenxingy
8

seo-image-gen

Generate SEO-ready images with aspect ratio and resolution defaults for web and social assets.

Community
Advanced
somarjunsomarjun

seo-image-gen

Generate SEO-ready images with alt text, WebP conversion, and ImageObject markup.

Community
Advanced
pixels-and-codepixels-and-code

SEO optimisation

Guide technical SEO, on-page elements, and JSON-LD structured data implementation.

Official
Intermediate
WebDevPeterGriffinWebDevPeterGriffin
38

seo-image-gen

Generate SEO-ready images with aspect ratio presets via Gemini.

Community
Advanced