Open Graph Preview

See how your content looks when shared on social media.

Preview

📘 Facebook

OG
example.com
Your Page Title
This is your meta description that appears when shared on social media....

🐦 Twitter

Twitter
Your Page Title
This is your meta description that appears when shared on social media....
🔗 example.com

💼 LinkedIn

LinkedIn
Your Page Title
example.com

What are Open Graph Tags?

Open Graph (OG) meta tags control how your content appears when shared on social media platforms like Facebook, Twitter, LinkedIn, and WhatsApp. They define the title, description, and image shown in previews.

Essential OG Tags

<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="This is your meta description that appears when sh...">
<meta property="og:image" content="https://via.placeholder.com/1200x630">
<meta property="og:url" content="https://example.com">

Image Recommendations

  • Facebook: 1200x630 pixels (1.91:1 ratio).
  • Twitter: 1200x600 or 800x418 for summary large image.
  • LinkedIn: 1200x627 pixels.
  • Keep important content centered, as cropping varies.

Testing Tips

After adding OG tags, use platform debuggers: Facebook Sharing Debugger, Twitter Card Validator, and LinkedIn Post Inspector to clear cached previews.