Open Graph Generator
Social preview cards for your links
Live preview
An approximation of how your link card will look when shared.
Add an og:image URL to preview the card image.
example.com
Your page title will appear here
Your page description will appear here.
Generated tags
<meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" />
Generated entirely in your browser. Nothing is sent or stored anywhere.
About this tool
A bare link gets ignored; a rich preview card gets clicked. Open Graph tags control that card, and getting them right means more traffic from every share.
Fill in your title, description and image, preview the card exactly as social platforms will render it, then copy the complete tag block into your page.
How to use the open graph generator
- 1Enter title, description and image URL.
- 2Watch the live social card preview.
- 3Copy the og: and Twitter Card tags.
Frequently asked questions
Related tools
More free tools you might find useful.
Meta Tag Generator
Generate SEO meta tags in seconds
Developer ToolsSitemap Generator
Generate XML sitemaps from a URL list
Developer ToolsImage Resizer
Resize JPG, PNG and WebP images to exact pixel dimensions
Image ToolsRegex Tester
Test regular expressions live with highlighted matches
Developer ToolsPart of Developer Tools on JoliTools, free tools, no sign-up.