All tools

OG Meta Tag Generator

Code

Generate and preview Open Graph and Twitter card meta tags

Fill in a title, description, and image URL to generate Open Graph and Twitter Card meta tags, with a live preview approximating how the link will render when shared on Slack, Twitter, or Facebook. It also validates existing tags: paste markup you already have and it flags missing required fields, non-absolute image URLs, and titles or descriptions that run past each platform's practical length limit. This tool works entirely from values you paste or type in; it doesn't crawl a live URL to pull existing tags for you, so grabbing the current markup is a manual step. For final verification before shipping, cross-check with Facebook's Sharing Debugger or Twitter's Card Validator, since caching on those platforms can behave differently from this preview.

ogmetaopengraphtwitterseo

How to use OG Meta Tag Generator

  • 1.Fill in your page's title, description, and image URL to generate the Open Graph and Twitter Card meta tags to paste into your HTML `<head>`.
  • 2.Use the live preview to see how your link will look when shared on Slack, Twitter/X, or Facebook before you ship the page.
  • 3.Paste an existing page's meta tags in to check whether required fields like `og:image` dimensions are missing, which often causes previews to fail silently.

Frequently asked questions

Does this fetch and check my live site's tags?
No, you paste or fill in values manually — this tool doesn't crawl a URL, so it won't tell you whether your production site's tags are actually deployed correctly.
Why isn't my link preview showing up on social media even with correct tags?
Platforms cache link previews aggressively — use each platform's own debugger (Facebook Sharing Debugger, Twitter Card Validator) to force a re-scrape after fixing tags.
What image size should I use for og:image?
1200x630px is the widely recommended size for compatibility across Facebook, Twitter, LinkedIn, and Slack previews.
Is my data sent anywhere?
No, tag generation and preview rendering happen entirely in your browser.

Use via API, SDK, or MCP

cURL# Free: 1,000 req/day · Pro: 10,000 req/day
curl -X POST https://api.utilix.tech/v1/tools/og-preview \
  -H "Authorization: Bearer utx_live_..." \
  -H "Content-Type: application/json" \
  -d '{"url": "https://utilix.tech"}'

REST covers fetching and previewing OG/Twitter meta tags from an existing URL, not generating new meta tag HTML from scratch.

Get an API key from your dashboard · Full API docs →