Skip to content
SnapTools

Open Graph Tag Generator

Runs in your browser

Generate Open Graph and Twitter Card meta tags so links to your page preview correctly on social platforms, Slack, WhatsApp, and iMessage.

About this tool

When a link is shared, most platforms don't fetch and render your page — they read a handful of og: and twitter: meta tags to build the preview card. Without them, you get a bare link or a preview pulled from whatever the platform can scrape, which is often wrong or missing entirely. This tool generates a complete, correctly-formatted set of both tag families, since not every platform reads Open Graph the same way Twitter/X does.

How to use

  1. Fill in the title and description you want shown in the preview card.
  2. Add an absolute image URL — relative paths won't work for crawlers.
  3. Copy the tags into your <head>, then test with each platform's own preview debugger.

When to use this tool

  • Fixing a broken or missing preview when your page is shared on social media.
  • Setting a custom preview image different from your page's visible content.
  • Adding social tags to a page that only has basic meta tags today.

Tips

  • Preview images work best around 1200×630px — that's the aspect ratio most platforms crop to.
  • The image URL must be absolute (https://...) — crawlers won't resolve a relative path.
  • Platforms cache previews aggressively; use each platform's debugger to force a re-scrape after changes.

Limitations

  • og:image must be an absolute URL reachable by crawlers — most platforms silently ignore relative paths.

FAQ

Do I need both Open Graph and Twitter tags?
Yes for full coverage — X/Twitter primarily reads its own twitter: tags and falls back to Open Graph, while most other platforms (Slack, Facebook, LinkedIn, iMessage) read Open Graph only.
Is my content sent anywhere?
No. The tags are built in your browser from the fields you type.

Related tools