Twitter Card Preview — best
Preview how your page looks when shared on Twitter/X.
<meta name="twitter:card" content="summary_large_image">
How to use Twitter Card Preview
Paste Your URL Into the Input Field
Copy your complete webpage URL and paste it into the 'Enter URL' text box at the top of the tool. Make sure the URL includes the protocol (http:// or https://) and click the blue 'Preview' button below the input field.
Review the Card Preview on the Right Panel
The live preview displays instantly on the right side showing your Twitter Card layout. You'll see the card title, description, image thumbnail, and domain name exactly as it appears when someone shares your link on Twitter/X.
Check Meta Tags in the Code Inspector
Scroll down to view the 'Meta Tags Found' section showing your Open Graph and Twitter Card meta tags in code format. Verify og:title, og:description, og:image, twitter:card, and twitter:image tags are present and correctly formatted.
Optimize Your Meta Tags if Needed
If tags are missing or incorrect, update your website's HTML head section with proper Open Graph meta tags. Use og:title for headline (max 60 chars), og:description for summary (max 160 chars), and og:image for preview image (min 1200x630px).
Re-preview After Updates and Share
After updating your meta tags, paste the URL again and click Preview to confirm changes appear correctly. Once satisfied, your card will display properly when shared on Twitter/X, LinkedIn, and Facebook.