Guide · Ghost

OG images for Ghost, generated automatically

Ghost themes are Handlebars templates, so you can build the image URL from the post title right inside default.hbs. Each page gets a crisp 1200×630 preview image the moment someone shares it — no design work, no image uploads.

Example Ghost OG image generated by OGKit

1. Copy this snippet

<meta property="og:image" content="https://ogkit-api.dsbotz.workers.dev/og?template=blog&title={{encode meta_title}}&site={{encode @site.title}}">

2. Where to paste it in Ghost

Open Settings → Design → Change theme → Advanced → Download, edit default.hbs, paste the tag inside <head> (Ghost already outputs its own og:image from {{ghost_head}}; put OGKit tag after it or turn off the post feature image fallback), zip and upload.

3. Check the result

Paste any page URL into the free link preview checker to see exactly how it will look on X, LinkedIn, Slack and Facebook. Social networks cache previews, so re-share or use their debuggers after changing tags.

Why use OGKit with Ghost?

  • Posts with a large image card get noticeably more clicks than bare links — and most Ghost sites ship without one.
  • Images are rendered once at the edge and cached, so they load in milliseconds for crawlers.
  • 6 designer templates (blog, product, docs, minimal, gradient, photo) and your brand color.
  • Free forever with a small “made with OGKit” badge; paid plans remove it.

Parameters

template, title, desc, site, accent (hex), image (for product/photo), tag, author, date. Or use /auto?url= to read the title from the page itself. Full reference in the docs.

Other platforms