SEO
Open Graph Protocol (OG Tags)
Tags that control what your website looks like when someone shares a link on Facebook or LinkedIn.
Detailed Explanation
The Open Graph protocol enables web developers to control how web pages are presented when shared across social networks (Facebook, LinkedIn, Discord, Slack, and X). By including `<meta property="og:..." />` tags in the HTML `<head>`, publishers specify the featured preview image, title, description, and canonical URL displayed in social share cards. You can test this using the Open Graph Generator.
Key Technical Takeaways
- Essential meta tags include `og:title`, `og:description`, `og:image`, `og:url`, and `og:type`.
- Optimal Open Graph image dimensions are 1200x630 pixels (1.91:1 aspect ratio).
- Significantly increases social media click-through rates (CTR) and visual branding.
- Works alongside Twitter Cards to ensure consistent multi-platform link previews.
Interactive Companion Tool
Try the Open Graph Generator
Run calculations and transformations instantly in your browser with zero latency.