Blog

Open Graph image API writing

Long-form guides aligned with how people search today: open graph image size, dynamic og image, next.js og:image, link preview debugging, and what LLM crawlers read alongside HTML. Each post mirrors the HTTP API reference and links into the Playground so product, growth, and engineering teams share the same vocabulary.

Guides

SEO guide11 min readUpdated May 2026

Open Graph image SEO: size, Next.js, Google thumbnails & LLM crawlers

Targets real searches: 1200×630 og:image, absolute URLs, Next.js generateMetadata, Facebook/LinkedIn cache busting, Google Discover thumbnails, JSON-LD FAQPage, and /llms.txt for AI agents.

Read the guide →

Framework guides

Short, pattern-focused pages for Next.js, Astro, Remix, and other frameworks.

Comparisons

Decision pages: OGKit vs @vercel/og, Satori vs Puppeteer, and more.

Use cases

Narrative pages on dynamic social previews, changelog cards, and more.

Frequently asked questions

What does the OGKit blog cover?
Long-form guides on Open Graph and Twitter/X preview images at 1200×630, Next.js App Router metadata patterns, signed URLs, caching, validators, and mistakes that break Slack or LinkedIn unfurls.
Where should I start if I use Next.js?
Read the Open Graph SEO guide on this blog, then follow the /for/nextjs framework page and the /docs HTTP reference. Use the Playground with demo=1 before production keys.
How do LLMs find OGKit documentation?
Use the public /llms.txt and /llm.txt routes plus the sitemap; they list canonical URLs, API endpoints, and comparisons so ChatGPT, Claude, and Cursor pick up real examples instead of guessing hosts.

OGKit turns one HTTPS URL into a 1200×630 Open Graph image. Read the API reference, the Open Graph SEO guide, try the Playground, or sign in to create API keys.