Settings
OG / Social Preview
SEOPreview how your page appears on Twitter, Facebook, and Google. Paste your HTML head to validate OG tags.
Why social previews matter
When someone shares your URL on social media, the platform generates a preview card using your Open Graph meta tags. A compelling preview with a clear title, concise description, and eye-catching image dramatically increases click-through rates. Pages without proper OG tags often display with missing images, truncated text, or the wrong content entirely, reducing shares and engagement by up to 50%.
How each platform renders previews
Twitter shows a card with title, description, and image in either summary or summary_large_image format. Facebook uses Open Graph tags to create a link preview with a prominent image. LinkedIn follows the same OG standard but may cache previews for extended periods. Google search results display the title tag and meta description, not the OG tags. Each platform has slightly different requirements, so testing your previews before publishing is essential.
Debugging common OG issues
The most common OG issues are missing og:image tags (no image in preview), incorrect image dimensions (cropped or pixelated previews), and stale caches (old preview showing after updates). Use this tool to validate your tags before deploying. After deployment, use platform-specific debuggers: Twitter Card Validator, Facebook Sharing Debugger, and LinkedIn Post Inspector to force cache refreshes.
Frequently Asked Questions
How do I use this tool?
Paste the HTML <head> content of your page into the text area. The tool automatically parses your meta tags in real time, shows how your page would appear on Twitter, Facebook, and Google, and validates whether required tags are present.
Why does my social preview show an old image?
Social platforms cache OG data aggressively. After updating your tags, use the Facebook Sharing Debugger, Twitter Card Validator, or LinkedIn Post Inspector to force a cache refresh for your URL.
What is the minimum set of OG tags I need?
At minimum, include og:title, og:description, og:image, and og:url. For Twitter, add twitter:card with a value of summary_large_image. These five tags cover the most common social sharing scenarios.
Part of 23+ free developer tools from BigDevSoon
Want to create your own tool?
Try our free Demo editor or start a 7-day trial with all features included.
No signup needed for demo editor
More Developer Tools
Meta Tag Generator
Generate HTML meta tags for SEO, Open Graph, and Twitter Cards. Preview how your page appears in search results.
JSON Formatter
Format, validate, and minify JSON data with line numbers. Real-time validation as you type.
Base64 Encoder/Decoder
Encode text to Base64 or decode Base64 back to text in real time. Useful for data URIs, API tokens, and more.