Open Graph Meta Generator
Fill in the page details, preview how a shared link may appear, and copy clean Open Graph and Twitter Card tags for your HTML.
A QUICK WALKTHROUGH
How to use this tool
- Enter the page title, description, URL, image, and optional social profile details.
- Review the escaped tags and the compact social preview.
- Copy the tags or download them as an HTML snippet, then test the final page with the target platform.
Standard fields, local output
The form covers the core Open Graph title, description, URL, image, image alt, site name, and locale fields plus Twitter card, creator, and image fields. Values are HTML-escaped before they are inserted into attributes, so quotes, ampersands, and angle brackets remain text.
A preview is a guide
The preview approximates a shared-link card using your text and image URL. It does not make a network request, inspect the image dimensions, or promise that Facebook, LinkedIn, X, or another crawler will render the same card. Confirm the published page with the platform’s current debugger.
GOOD TO KNOW
Common questions
Does this upload or fetch my image?
No. The page only places the image URL into the generated tags and preview; it does not fetch, upload, or validate the image.
Are my values escaped?
Yes. Text inserted into HTML attributes is escaped for ampersands, quotes, angle brackets, and apostrophes.
Does this guarantee a social preview?
No. Crawlers may cache tags, apply platform-specific limits, or require a publicly reachable HTTPS page and image. Test the deployed page with the relevant platform tools.