Meta Tags Previewer
Preview Open Graph and Twitter meta tags before sharing
Import from URL
Fetch metadata from an existing page, then tweak it manually.
Edit Meta Tags
Preview
Generated HTML
<!-- Primary Meta Tags --> <meta name="theme-color" content="#ffffff" /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image" />
Sponsored
Related Tools
PageSpeed Score
Run Google Lighthouse checks with Core Web Vitals and category scores
Sitemap Checker
Fetch and validate any sitemap.xml β count URLs, detect sitemap index, inspect lastmod and priority values. Works with sitemap indexes.
Robots.txt Tester
Fetch and parse any robots.txt file. View crawl directives per user-agent and test whether a specific URL path is allowed or blocked.
API Key Checker
Validate your AI API keys instantly
Free Meta Tags Previewer β Preview Open Graph & Twitter Cards
The meta tags previewer shows you exactly how your web page will appear when shared on Google, Facebook, Twitter/X, and LinkedIn. Edit Open Graph tags, Twitter Card meta, and other SEO meta tags, then see a live preview of how the link card will look in each platform's feed.
You can also paste any public URL to fetch live meta tags from an existing page β great for auditing competitors' OG tags or reviewing your own before a launch.
Key meta tags for social sharing
og:titleβ the headline shown in link previews (50β60 characters recommended)og:descriptionβ supporting text below the title (150β160 characters)og:imageβ preview image shown in feed cards (recommended size: 1200Γ630 px)og:urlβ canonical URL of the pagetwitter:cardβ controls Twitter card format:summaryorsummary_large_imagetwitter:siteβ your Twitter/X handle, shown in the card footer
Why meta tags matter for SEO and CTR
Well-crafted Open Graph tags increase click-through rates on social media by making your links visually appealing and informative. Search engines like Google also use og:title and og:description as fallback metadata, making them important for both social SEO and organic search rankings.
FAQ
Why doesn't my image show on Twitter/X?
Twitter caches card images aggressively. After updating your og:image, use the Twitter Card Validator to force a cache refresh.
What image size is best for Open Graph?
Use 1200Γ630 pixels at 72 dpi. This renders well on all platforms. Minimum accepted size is 200Γ200 px, but small images appear as tiny thumbnails.
Does Facebook/LinkedIn cache my meta tags?
Yes β Facebook uses the Sharing Debugger to clear the cache. LinkedIn has its own Post Inspector.