Open Graph Tag Generator
Fill in the basics for a page and generate copyable Open Graph and Twitter card tags for better social previews.
Create better social previews
When someone shares your page on LinkedIn, Facebook, Slack, or X, the platform builds a preview card from your Open Graph tags. Without them, that card falls back to whatever the platform can scrape — often the wrong title, a missing description, or no image at all — and a bare, unappealing link gets far fewer clicks. This generator lets you set the title, description, URL, and image once and produces a clean, complete set of tags.
It outputs both Open Graph properties and the matching Twitter/X card tags, since several platforms read one or the other. Values are HTML-escaped automatically so quotes and ampersands in your copy won't break the markup. For the image, use a 1200×630 file for the safest large-card preview across networks.
Paste and go
Drop the generated tags into your <head> — an Astro layout, a CMS head field, or static HTML —
then confirm the result with each platform's sharing debugger. Everything is generated locally in your browser.
Frequently Asked Questions
What are Open Graph tags?
Open Graph tags tell social platforms what title, description, image, and URL to use when someone shares your page.
Do I need Twitter card tags too?
They are still useful for controlling previews on X/Twitter and other systems that read the same metadata.
Does this validate image dimensions?
No. It generates tags. Use a 1200 x 630 image for the safest large-card preview.
Need metadata, content structure, and technical SEO cleaned up across a full site? I can help.