Social & Open Graph Issues
Social media metadata determines how your content appears when shared on Facebook, Twitter, LinkedIn, and other platforms. Proper implementation improves click-through rates and brand presentation across social channels.
Why Social Metadata Matters
When users share your content on social platforms:
- Open Graph tags control preview images, titles, and descriptions on Facebook, LinkedIn, and most platforms
- Twitter Cards provide enhanced previews on Twitter/X
- Pinterest Rich Pins display product and article metadata
- Proper metadata increases engagement by 40-100% compared to default previews
Issues in This Category
- Missing Open Graph Tags - Facebook and LinkedIn preview issues
- Twitter Card Issues - Twitter/X preview configuration
- Image Dimension Issues - Incorrectly sized social preview images
- Social Preview Caching - Stale previews after content updates
- Pinterest Rich Pins - Pinterest metadata validation
- WhatsApp Link Preview - WhatsApp and messaging app previews
Common Symptoms
- Generic or missing images when content is shared
- Wrong title or description in social previews
- Broken or distorted images on social platforms
- Old content appearing after updates
- LinkedIn showing incorrect author or company info
Diagnostic Tools
| Tool | Purpose |
|---|---|
| Facebook Sharing Debugger | Validate OG tags, clear Facebook cache |
| Twitter Card Validator | Test Twitter Card implementation |
| LinkedIn Post Inspector | Debug LinkedIn previews |
| Pinterest Rich Pin Validator | Validate Pinterest metadata |
| Open Graph Preview | Cross-platform preview testing |
Quick Checklist
Required Open Graph Tags
<meta property="og:title" content="Page Title">
<meta property="og:description" content="Page description">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">
Required Twitter Card Tags
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description">
<meta name="twitter:image" content="https://example.com/image.jpg">
Platform-Specific Implementation
For platform-specific social metadata setup: