Launch Playbook
Social Media Metadata
Part of SEO & Social Metadata Setup - detailed guidance for this specific area.
Social Media Metadata
Social media metadata controls how your links appear when shared on Facebook, Twitter, LinkedIn, and other platforms. Getting this right is crucial for launch day sharing.
Open Graph (Facebook, LinkedIn, etc.)
og:title - Page title for social sharing
Keep it under 60 characters, make it compelling and clickable
og:description - Summary of the page
2-3 sentences explaining what the page is about, max 300 characters
og:image - Visual preview (1200x630px)
High-quality image, include text overlay, show app interface or value prop
og:url - Canonical URL of the page
Clean, permanent URL without tracking parameters
Twitter Cards
twitter:card - Card type
Use "summary_large_image" for best visual impact
twitter:title & twitter:description
Can be same as OG tags or Twitter-optimized versions
twitter:image - Visual for Twitter
Can reuse OG image or create Twitter-specific version
twitter:site & twitter:creator
Your Twitter handle (@username) for attribution
Meta Tags Template
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://yourapp.com/">
<meta property="og:title" content="Your App Name - Short Value Proposition">
<meta property="og:description" content="Clear description of what your app does and its key benefits">
<meta property="og:image" content="https://yourapp.com/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://yourapp.com/">
<meta property="twitter:title" content="Your App Name - Short Value Proposition">
<meta property="twitter:description" content="Clear description of what your app does and its key benefits">
<meta property="twitter:image" content="https://yourapp.com/og-image.jpg">
<meta name="twitter:creator" content="@yourusername">
<meta name="twitter:site" content="@yourusername">OG Image Design Tips
Technical Requirements
- • Size: 1200x630 pixels (1.91:1 ratio)
- • File size: Under 300KB
- • Format: JPG or PNG
- • Safe zone: Keep text away from edges
Design Best Practices
- • Include your app name/logo
- • Use large, readable fonts (min 24px)
- • Show your app's interface or value
- • Use brand colors and consistent styling
Testing & Validation
Free Testing Tools
- • Facebook Sharing Debugger
- • Twitter Card Validator
- • LinkedIn Post Inspector
- • App Launcher OG Checker
Testing Checklist
App Launcher's OG Checker
Use App Launcher's free OG Checker tool to validate your social media previews:
Test your OG tags before launch day. Social media platforms cache previews, so fixing issues after sharing can be difficult.