Open Graph Preview
Preview how your content looks when shared on Facebook, Twitter, LinkedIn, and other social platforms.
0/70 chars (ideal: 40-60)
0/200 chars (ideal: 60-110)
Recommended: 1200×630px
Facebook Share Preview
1200 × 630
example.com
Your Page Title
Your page description will appear here. Make it compelling to increase click-through rates from social media.
Frequently Asked Questions
What are Open Graph tags?▼
Open Graph (OG) tags are HTML meta tags that control how your content appears when shared on social media platforms like Facebook, Twitter, LinkedIn, and Slack. They define the title, description, image, and URL shown in the social preview card.
What size should the OG image be?▼
The recommended OG image size is 1200×630 pixels (1.91:1 ratio). This works well across Facebook, Twitter, and LinkedIn. Use PNG or JPG format, under 5MB.
How do I add Open Graph tags to my page?▼
Add meta tags in your HTML <head>: <meta property="og:title" content="Your Title" />, <meta property="og:description" content="Your description" />, <meta property="og:image" content="https://example.com/image.png" />, <meta property="og:url" content="https://example.com/page" />.
Why does my social preview look wrong?▼
Social platforms cache OG data. After updating tags, use Facebook's Sharing Debugger (developers.facebook.com/tools/debug) or Twitter's Card Validator to refresh the cache. Changes may take a few minutes to propagate.
Social previews matter — so does the content behind them
OG tags get the click. But is the content behind the link actually on-brand? TeamBench lets you build custom reviewers that score social content, blog posts, and landing pages against your quality criteria.
- Score social media content for brand voice and quality
- Review blog posts and landing pages before sharing
- Consistent quality across every channel your team publishes on
- Free to start — no credit card required