Open Graph Generator
Generate Open Graph and Twitter Card meta tags instantly. Fill in your page details, preview the social card, and copy the ready-to-paste HTML
CODE HTML
0 / 95
0 / 200
Generated Tags
Runs 100% Locally in Your Browser
This tool processes your data entirely on your device. Nothing is uploaded, stored, or sent to any server.
No Uploads
Privacy First
Secure by Default
Related Tools
JSON Beautifier Paste your minified or messy JSON and get clean, properly indented output for easier reading, debugging, and development
JSON Minify Convert formatted or messy JSON into inline JSON instantly. Minify JSON by removing unnecessary whitespace and generate a compact single-line string
CSS Minifier Paste your CSS and get a compact, minified version instantly. Remove comments, whitespace, and redundant characters to reduce file size and improve page load performance
CSS Beautifier Paste minified or messy CSS and get clean, properly indented output instantly. Format your stylesheets for easier reading, debugging, and development
Frequently Asked Questions
What are Open Graph meta tags?
Open Graph tags are HTML meta elements (using the og: prefix) that control how a page appears when shared on social platforms like Facebook, LinkedIn, Slack, and iMessage.
Which tags does this generator produce?
It outputs the core Open Graph tags (og:title, og:description, og:url, og:image, og:type, og:site_name, og:locale) plus Twitter Card tags (twitter:card, twitter:site, twitter:creator).
What is the recommended og:image size?
Facebook and most platforms recommend 1200×630 pixels (1.91:1 ratio) for the best display across feeds, link previews, and messenger apps.
What is the difference between og:title and the page <title>?
The HTML <title> is used by browsers and search engines; og:title is used specifically by social platforms when generating link previews — they can differ.
What Twitter Card type should I choose?
Use summary_large_image for articles and content-rich pages — it shows a full-width image. Use summary for smaller thumbnails on simple pages.
Where do I paste the generated tags in my HTML?
Paste them inside the <head> element of your page, ideally before any script tags and after the <title> tag.
Is my page data sent anywhere when generating tags?
No. The entire generator runs in your browser — no data is transmitted, stored, or sent to any server.