Home›Free Tools›Open Graph Tag Generator
Social Preview

Open Graph Tag Generator

Generate complete Open Graph and Twitter Card meta tags with a live social preview. Paste the code into your HTML head.

Free Tool

Open Graph Tag Generator

Generate complete Open Graph and Twitter Card meta tags for any page. Improve how your content looks when shared on social media.

Page Information
Recommended: 60–70 characters
Recommended: 150–160 characters
Recommended: 1200×630px
Twitter Card
Social Preview
yourwebsite.com
Your Page Title
Your page description will appear here...
Generated Code
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="DigiSutra Solutions" />

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />
Best Practices
  • ✓ Image: 1200×630px for best display across all platforms
  • ✓ Title: Under 70 characters to avoid truncation
  • ✓ Description: 150–160 characters for optimal display
  • ✓ Paste the code inside your HTML <head> tag