Overview
Social Cards control how your content appears when shared on Facebook, Twitter, LinkedIn, and other social platforms. GEO AI automatically generates OpenGraph and Twitter Card meta tags with customizable defaults.Optimized social cards can increase click-through rates by up to 40% on social media.
Supported Platforms
Uses OpenGraph protocol for rich link previews
Twitter Cards with large image support
OpenGraph tags for professional sharing
OpenGraph for messaging previews
Slack
Rich unfurling for team channels
Discord
Embed previews in chat messages
Configuration
Set Twitter Options
- Select card type: Summary or Summary Large Image
- Enter your Twitter handle (e.g., @yoursite)
Implementation Details
Social Meta Handler
includes/class-geoai-social.php
OpenGraph Tags
GEO AI outputs the following OpenGraph meta tags:og:type
og:type
Content type (usually “article” for posts)
og:title
og:title
Title displayed in social share previewSource priority:
- Per-post override
- Post title
og:description
og:description
Description shown below title in previewSource priority:
- Per-post override
- Post excerpt (trimmed to 30 words)
og:url
og:url
Canonical URL of the content
og:image
og:image
Preview image shown in social sharesSource priority:
- Per-post override image
- Post featured image
- Site default OpenGraph image
Twitter Card Tags
twitter:card
twitter:card
Card type (summary or summary_large_image)Options:
summary: Small square imagesummary_large_image: Large rectangular image (recommended)
twitter:title
twitter:title
Title (same as og:title)
twitter:description
twitter:description
Description (same as og:description)
twitter:image
twitter:image
Image URL (same as og:image)
twitter:site
twitter:site
Your Twitter handle
Image Requirements
Recommended Specifications
Dimensions
1200 x 630 pixelsAspect ratio: 1.91:1
File Size
Under 8MB (ideally under 1MB)Larger files may not load on mobile
Format
JPG or PNGAvoid WebP for maximum compatibility
Content
Include text overlayAdd brand name or key message
Platform-Specific Requirements
| Platform | Minimum Size | Recommended Size | Max File Size |
|---|---|---|---|
| 200 x 200px | 1200 x 630px | 8 MB | |
| 300 x 157px | 1200 x 628px | 5 MB | |
| 1200 x 627px | 1200 x 627px | 5 MB | |
| 300 x 200px | 1200 x 630px | - |
Complete Output Example
For a blog post, GEO AI outputs:Testing Social Cards
- Facebook
- Twitter
- LinkedIn
Open Sharing Debugger
Best Practices
Design for Mobile
Ensure images and text are readable on small screens. Avoid tiny text in images.
Add Text Overlay
Include your brand name or key message on the image for better recognition.
Use High Contrast
Ensure text stands out against the background for maximum readability.
Keep It Simple
Avoid cluttered designs. One clear message works better than multiple.
Test Colors
Verify colors look good on both light and dark modes (Twitter, Facebook).
Include Branding
Add your logo or site name to build brand recognition.
Per-Post Overrides
Customize social cards for individual posts:Per-post overrides are planned for the admin UI in a future update. Currently available programmatically.
Common Issues
Old image shows when sharing
Old image shows when sharing
Cause: Social platforms cache previewsSolution:
- Use Facebook Sharing Debugger to “Scrape Again”
- Clear LinkedIn cache with Post Inspector
- Wait 24-48 hours for Twitter cache to expire
Image not appearing
Image not appearing
Check:
- Image URL is absolute (not relative)
- Image is publicly accessible (not password protected)
- Image meets minimum size requirements
- No robots.txt blocking image access
Wrong title or description
Wrong title or description
Check:
- No other SEO plugin is overriding tags
- Compatibility mode is configured correctly
- View page source to verify GEO AI tags are present
Duplicate OpenGraph tags
Duplicate OpenGraph tags
Design Tools
Create professional OpenGraph images:Canva
Templates for social media graphics (1200x630px)
Figma
Design custom social card templates
Adobe Express
Quick social media image creation
Related Features
Meta Titles
SEO title and description tags
Schema Markup
Structured data for search engines
AI Audit
Content optimization analysis