Updated: 2026-07-11
How to Use the π± Social Card Preview
Using the π± Social Card Preview is quick and easy. Here's how it works:
-
Enter Your Content
Start by entering or pasting your content into the input area. The tool accepts standard text input and processes everything locally in your browser β no data is uploaded to any server. -
Configure Settings (Optional)
Adjust any available options or parameters to customize the output. Most settings update in real-time, so you can preview changes instantly without clicking anything. -
Copy or Download the Result
Once you're happy with the output, click the "Copy" button to copy it to your clipboard, or use "Download" to save it as a file. You can repeat the process as many times as you like β completely free, with no limits.
Enter URL or Fill OG Info
Or fill manually:
Card Preview
Facebook / Open Graph Card
Fill info and click "Update"
Twitter / X Card
Fill info and click "Update"
LinkedIn Card
Fill info and click "Update"
WeChat Card
Fill info and click "Update"
OG Meta Tags
π‘ What are Open Graph Tags?
Open Graph (OG) tags are meta tags in your HTML head that control how your webpage appears when shared on social media. Proper OG tags make your links display as rich cards on Facebook, Twitter, LinkedIn, and more.
Essential OG Tags
og:title - Card title (keep under 70 chars)
og:description - Card description (150-200 chars)
og:image - Card image (1200Γ630px recommended)
og:url - Page canonical URL
Best Practices
β Image size: 1200Γ630px (1.91:1 ratio for OG standard)
β Keep titles concise, 40-70 characters
β Summarize page content in 150-200 characters
β Avoid text in images (cropping varies by platform)
β Don't exceed 90 chars for title (will be truncated)