OpenGraph Preview – Free Online Utility
Preview and generate OpenGraph meta tags for social media sharing.
Social Meta Tags
Recommended: 60 characters0/60
Recommended: 155 characters0/155
Generated HTML Tags
<!-- Primary Meta Tags -->
<title></title>
<meta name="title" content="">
<meta name="description" content="">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="">
<meta property="twitter:title" content="">
<meta property="twitter:description" content="">
<meta property="twitter:image" content="">Facebook Preview
No Image
example.com
Page Title
Page description will appear here when you type...
Twitter Preview
example.com
Page Title
LinkedIn Preview
Page Title
example.com
Frequently Asked Questions
OpenGraph is a protocol that allows you to control how your website content appears when shared on social media platforms like Facebook, LinkedIn, and Twitter.
Properly configured social meta tags significantly increase click-through rates and brand visibility by providing a visual and informative preview of your content.
The recommended size for OpenGraph images is 1200 x 630 pixels (1.91:1 ratio) to ensure high-quality display on all major platforms.
Related Free Tools
- Slug Generator — Convert any text into a URL-friendly slug.
- UTM Builder — Create tracking URLs with custom campaign parameters.
- URL Parser — Detailed breakdown of URL components like host, path, and port.