Open Graph Generator Online
Beautify and design metadata card headers.
Runs entirely in your browser
Rate Open Graph Generator4.9(143 votes)Rate Open Graph Generator
How to use Open Graph Generator
- 1Fill in the title, description, image URL, and site URL for your page.
- 2Select the og:type (website, article, product) and add any platform-specific tags.
- 3Preview how your link will appear when shared on social media, then copy the HTML.
Privacy & security
Open Graph tag generation runs in your browser. Your content is never submitted to any server.
Tag generation runs locally in your browser. No content is transmitted.
Frequently asked questions
What are Open Graph tags?
Open Graph (OG) tags are HTML meta tags that control how your page appears when shared on social media — including the title, description, and preview image.
What size should my OG image be?
1200×630 pixels is the recommended size for OG images. This displays clearly on Facebook, Twitter, and LinkedIn.
Why isn't my updated OG image showing on social media?
Social platforms cache OG data. Use Facebook Sharing Debugger or Twitter Card Validator to force a cache refresh after updating your tags.