Open Graph Tag Generator
Open Graph is the protocol that controls how a link looks when shared. Facebook created it, and LinkedIn, Slack, WhatsApp, Discord and most messaging apps now read the same tags — so one set of markup covers nearly every platform.
Free, no signupRuns entirely in your browser
Input
Result
<!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://vibeland.site"> <meta property="og:title" content="Vibeland - Productivity Paradise"> <meta property="og:description" content="Over 87+ client-side utility and developer tools in a premium glass-morphic layout."> <meta property="og:image" content="https://vibeland.site/logo.png"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://vibeland.site"> <meta property="twitter:title" content="Vibeland - Productivity Paradise"> <meta property="twitter:description" content="Over 87+ client-side utility and developer tools in a premium glass-morphic layout."> <meta property="twitter:image" content="https://vibeland.site/logo.png">
About
What the Open Graph Tag Generator does
The image is what does the work. A shared link with a proper og:image occupies far more space in a feed than a bare text link and is significantly more likely to be clicked. Use 1200×630 pixels, which is the ratio every major platform crops to cleanly.
How it works
Using the Open Graph Tag Generator
- 1Enter the page title, description and canonical URL.
- 2Add the full absolute URL of your preview image.
- 3Choose the content type — website for most pages, article for blog posts.
- 4The og: tags are assembled into a markup block.
- 5Paste it into the head of your page.
Use cases
What people use it for
- Making a blog post share attractively
- Fixing a preview that shows no image
- Setting a specific image for a landing page
- Standardising share previews across a site
FAQ
Frequently asked questions
6 related
All tools →