Open Graph Preview & Tag Generator
See how your page will look when shared on Facebook, X/Twitter, LinkedIn, and Slack — then copy the exact Open Graph and Twitter Card meta tags to make it happen.
<meta property="og:title" content="Essel — AI-Powered Content Intelligence"> <meta property="og:description" content="Plan, create, and optimize content with AI. Essel surfaces what's working, fills the gaps, and helps you publish faster."> <meta property="og:type" content="website"> <meta property="og:url" content="https://contentpilot.ai"> <meta property="og:image" content="https://contentpilot.ai/og?title=Hello"> <meta property="og:site_name" content="Essel"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Essel — AI-Powered Content Intelligence"> <meta name="twitter:description" content="Plan, create, and optimize content with AI. Essel surfaces what's working, fills the gaps, and helps you publish faster."> <meta name="twitter:image" content="https://contentpilot.ai/og?title=Hello">
Why Open Graph tags matter
When someone shares your URL, social platforms read your Open Graph (og:) and Twitter Card meta tags to build the link card — the title, description, and image people actually see. Without them, your link shows up bare or with whatever the platform guesses, tanking click-through.
Preview before you ship
Fill in your title, description, image URL, and site name, and the tool renders the link card the way major platforms display it. Catch a truncated title or a wrong-aspect-ratio image before it's live, not after it's been shared a hundred times.
Copy-paste meta tags
The tool outputs a complete, correctly-named set of og: and twitter: meta tags ready to drop into your page's head. Use a 1200×630 image for the cleanest card across platforms.
Frequently asked questions
What image size should I use for Open Graph?
1200×630 pixels (a 1.91:1 ratio) is the safe default — it renders cleanly as a large card on Facebook, LinkedIn, and Slack, and as a summary image on X/Twitter.
Do I need separate Twitter Card tags?
X/Twitter falls back to Open Graph tags, but adding twitter:card and twitter:image gives you explicit control over how the card renders. This tool generates both sets.
Why isn't my new image showing when I share?
Platforms cache scraped metadata. After updating your tags, use the platform's debugger (such as Facebook's Sharing Debugger) to force a re-scrape.
Where do the tags go?
In the head of your HTML document, alongside your other meta tags.
Stop doing SEO by hand
These tools handle one step. Essel runs the whole pipeline — it researches, writes, optimizes, and publishes SEO content autonomously, so you don't have to.
Try Essel free