🔍 /

Social Media Post Previewer

Visualize and optimize how your website links appear on Facebook, Twitter, LinkedIn, and Discord. Includes live OG tag editing, meta tag generation, and CTR analysis.

User Rating 0.0 ★★★★★
Total Usage 0 times
Category SMM Tools
Metadata Editor
Ready
Fetches via CORS proxy. If it fails, edit manually below.
Preview
Social Score 0/100
  • Enter a URL to begin analysis.
FB Debugger • Twitter Validator • LinkedIn Inspector
Your Page Name
Just now · 🌎
Check out this amazing link! #webdev #seo
EXAMPLE.COM
Page Title Goes Here
Description of the page goes here.
LikeCommentShare
User Name @username · 1m
Sharing this interesting article!
example.com
Page Title
Description text...
💬 2Wait 5❤️ 12📊 102
Professional User
CTO at Tech Corp · 1m
I found this insightful.
Page Title
example.com
LikeCommentRepostSend
DiscordUser Today at 12:00 PM
Site Name
Page Title
Description...
Site Name
https://example.com
Page Title
Description goes here...
Is this tool helpful?

Your feedback helps us improve.

★ ★ ★ ★ ★

About

In the digital ecosystem, the Link Preview - controlled by Open Graph (OG) and Twitter Card protocols - is often the first interaction a user has with your content. A broken image or truncated description can reduce Click-Through Rates (CTR) by up to 60%. This tool serves as a comprehensive Simulator and Validator for these metadata assets.

Unlike basic debuggers, this environment allows for Non-Destructive Testing. You can modify titles, descriptions, and images in real-time to observe the visual impact on specific platforms (Facebook, Twitter/X, LinkedIn, Discord) before deploying code changes. It incorporates a Heuristic Scoring Engine that evaluates your metadata against platform-specific constraints, ensuring your content sits within the safe_zone of viewport truncation.

open graph link preview twitter cards seo social media meta tags

Formulas

The Optimality Score S is calculated using a weighted penalty function based on character lengths L relative to platform limits MAX and MIN thresholds.

{
Penalty = ∑ max(0, L − Limit) × woverflowS = 100 − log(Penalty + 1)

We also evaluate the Image Aspect Ratio R compared to the standard 1.91:

Deviation = | R − 1.91 |

Reference Data

PlatformCard TypeTitle Limit (Chars)Desc Limit (Chars)Optimal Image Ratio
FacebookFeed Link60 (approx)300 (hidden on mobile)1.91:1 (1200x630px)
Twitter / XSummary702001:1 (144x144px)
Twitter / XLarge Image702001.91:1 (1200x600px)
LinkedInUpdate150200 (often truncated)1.91:1 (1200x627px)
DiscordEmbed2562048Flexible (Thumb or Main)
PinterestRich Pin1005002:3 (1000x1500px)

Frequently Asked Questions

Social platforms aggressively cache metadata to reduce server load. You must manually invalidate this cache. Use the "Facebook Sharing Debugger" or "Twitter Card Validator" tools (links provided in the Utility section of this tool) to force a scrape of your new data.
While "og:image" is the Open Graph standard used by Facebook, LinkedIn, and Discord, Twitter falls back to it if "twitter:image" is missing. However, specifying "twitter:image" allows you to target Twitter's unique aspect ratio or file size limits separately.
For large sites, use a server-side dynamic image generator (like standard library OG image generation in Next.js or generic serverless functions) that overlays the article title onto a base template. This tool helps you preview how those generated images will look once the URL is live.
Facebook's UI is adaptive. If the title is long or if the user is on a mobile device with limited vertical space, Facebook may hide the description entirely to prioritize the image and headline. Prioritize your hook in the Headline.