DevKits

Meta Tag Preview — Google, Facebook, Twitter/X, LinkedIn Cards

Preview how your page will appear in Google search results and social share cards on Facebook, Twitter/X, and LinkedIn. Parses <title>, meta description, canonical, and full Open Graph / Twitter Card tags with diagnostics. 100% local.

Last updated:

Comments

Frequently Asked Questions

Why can't I just paste a URL?

You can — the tool will try to fetch it. But most third-party sites block cross-origin requests (CORS), in which case the fetch will fail. Fall back to the 'From HTML' tab: right-click any page → 'View Page Source' → copy the whole document into the textarea. That works for 100% of pages including auth-gated ones.

Which tags does the preview check?

The Google preview uses <title>, meta description, and canonical URL. The Facebook / LinkedIn preview uses the full Open Graph set (og:title, og:description, og:image, og:url, og:type, og:site_name). The Twitter/X preview uses twitter:card (summary vs summary_large_image), twitter:title/description/image/site, falling back to Open Graph when Twitter-specific tags are missing.

How do I fix a warning like 'og:image missing'?

Add <meta property="og:image" content="https://your.site/preview.png" /> to your page's <head>. Facebook recommends 1200×630 for large cards. After deploying, use Facebook Sharing Debugger and Twitter Card Validator to purge their caches — they cache aggressively for weeks.

Does this tool obey robots.txt or my paywall?

It uses the browser's fetch, so it inherits your own cookies for the site (if any). It does not run JS, so if your meta tags are injected client-side (single-page apps), you'll need to paste the fully-rendered HTML instead of the raw view-source.

Related Tools