What is Open Graph Metadata?
Open Graph (OG) is a metadata protocol originally introduced by Facebook in 2010. It standardizes the declaration of metadata properties on web pages, allowing third-party social apps (such as Facebook, LinkedIn, Twitter, Slack, and Discord) to parse and render links as rich visual interactive share cards.
Core Open Graph Tags Explained
To ensure social cards render with high visual fidelity, you must declare these core metadata variables:
- og:title: The headline of your content. Should be punchy and fit on a single line (typically under 60 characters).
- og:description: A short teaser summarizing the page content (typically under 120 characters).
- og:url: The canonical absolute URL of the page. Acts as the unique index key for sharing stats and likes counts.
- og:image: The absolute link to a high-resolution preview image (recommended size: 1200 x 630 pixels for optimal display).
Why Social Cards Improve User Engagement
Plain text links shared on social timelines are easily missed. Links compiled with Open Graph tags display as rich media boxes featuring large banner graphics, descriptive titles, and site domain indicators. Visual share cards improve link scanability and increase user click-through rates (CTR) by up to 250% compared to raw text links.
Frequently Asked Questions
Q: Where do I paste these OG tags?
Paste them inside the HTML document <head> and </head> tags alongside standard SEO meta tags.
Q: How do I clear cached social previews?
Social platforms cache OG images and titles to save bandwidth. If you update your tags, use debuggers (like Facebook Sharing Debugger or LinkedIn Post Inspector) to force the platforms to clear their cache and scrape your page again.