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 and click "Analyze & Preview." The tool will parse your meta tags, show how your page would appear on Twitter, Facebook, and Google, and validate 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.
Want to create your own tool?
Try our free Demo editor or start a 7-day trial with all features included.
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. Paste your JSON and get clean, readable output.
Base64 Encoder/Decoder
Encode text to Base64 or decode Base64 back to text. Useful for data URIs, API tokens, and more.