Open Graph Generator
Fill in your page details and get clean, valid og: and twitter: meta tags ready to paste into your <head>, with a live preview of how the link may look when shared.
Recommendations
Missing: Page title, Page description, Page URL, Image URL, Site name. These tags will simply be omitted from the generated code.
Social sharing preview
An approximation — every platform (Facebook, LinkedIn, Slack, X) renders and crops Open Graph cards slightly differently, and some cache a link's preview after the first share.
Generated code
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:card" content="summary_large_image" />About this tool
Builds valid Open Graph (og:) and Twitter/X meta tags from your page details, ready to paste into your page's <head>.
How to use it
- Fill in your page URL, title, description, and image details.
- Check the live share preview and the recommendations below the form.
- Copy the generated code and paste it inside your page's <head>.
FAQ
What is Open Graph?
Open Graph is a set of meta tags (og:title, og:description, og:image, and others) originally created by Facebook that tell social platforms how to render a link when it's shared — the title, description, and preview image shown in the card.
Do I need every field?
No. og:title, og:description, og:url, og:type, and og:image are the fields most platforms actually use, so this tool treats them as recommended. Any field you leave blank is simply left out of the generated code rather than filled with a placeholder.
Why add width and height for the image?
Declaring og:image:width and og:image:height lets a platform lay out the preview card before it has finished downloading the image, which can make the shared link render faster.
Does this guarantee how my link will look everywhere?
No. Each platform (Facebook, LinkedIn, Slack, WhatsApp, X) renders Open Graph tags with its own cropping, caching, and fallback rules, and some platforms cache a link's preview the first time it's shared — you may need that platform's own cache-refresh tool after changing your tags.
Does this tool store or upload my content?
No account or backend is involved — the fields you type are only used to build the code shown on this page.
Don't see the tool you need?
Goeroe Digital builds custom calculators, generators, and business tools on request.
Request a Custom ToolThis is a free tool provided by Goeroe Digital. All results, generated files, and figures are estimates or drafts for general informational use only. Goeroe Digital accepts no responsibility or liability for any output, outcome, loss, or decision arising from the use of these free tools — always review the results yourself before relying on them.