Open Graph Meta Generator
Fill in your page details and get the complete Open Graph and Twitter card meta tags, ready to paste.
<meta property="og:type" content="website" /> <meta name="twitter:card" content="summary" />
About the Open Graph Meta Generator
Open Graph meta tags control what appears when a page is shared: the title, description, and preview image you see in Slack, WhatsApp, LinkedIn, iMessage, and everywhere else links unfurl. Pages without them get a bare URL or whatever the platform scrapes, which is usually worse than nothing.
Fill in the form and copy the complete tag block into your page's <head>. It includes both the Open Graph properties (used by most platforms) and the Twitter card tags, with character counters so titles and descriptions fit before the platforms truncate them.
The image matters most: links with a 1200 by 630 pixel preview image get dramatically more engagement than text-only unfurls. The image URL must be absolute (including https://) and publicly reachable, since the platforms fetch it from their own servers.
Reach developers and designers who use these tools every day. Privacy-first, no trackers.
Frequently asked questions
Why does my page still show the old preview after updating tags?
Platforms cache unfurls aggressively, often for weeks. Each has a debugger that forces a refresh: Facebook Sharing Debugger, LinkedIn Post Inspector, and Twitter Card Validator. Run your URL through them after changing tags.
What size should the og:image be?
1200 by 630 pixels (1.91:1 ratio) is the standard that looks right everywhere. Keep important content away from the edges, since some platforms crop to a square on mobile.
Do I need both Open Graph and Twitter tags?
X/Twitter falls back to Open Graph tags when its own are missing, but including twitter:card explicitly is what enables the large image format. The generated block includes both, which is the safe default.