📝Markdown & HTML

Open Graph (Social) Tags

Control how your website looks when shared on social media.

Explanation

Open Graph tags (og:) are used by Facebook, LinkedIn, and Twitter to generate link previews.

Examples

OG Shell
Output
<meta property="og:type" content="website">

Code Examples

HTML 
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://vaima.co/">
<meta property="og:title" content="Vaima Tools">
<meta property="og:description" content="Professional web utilities.">
<meta property="og:image" content="https://vaima.co/og-image.png">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">

💡 Tips

  • Image size should ideally be 1200x630 pixels
  • Always test with the Facebook Sharing Debugger
  • Twitter requires its own "twitter:card" tag

⚠️ Common Pitfalls

  • Using relative URLs for og:image (absolute URLs are required)
← Back to All Templates