Guide: preview Open Graph and Twitter Card tags
Slack, Discord, and X read `og:title`, `og:image`, `og:description` — not always your `<title>`. Crawler caches lag; previewing avoids cropped images or empty titles.
Enter a public URL or paste meta tags manually. Preview fetch may proxy — use reachable staging URLs or `<head>` metas without exposing admin routes.
Use before shipping landings, blog posts, or changelogs. Validate 1200×630 images, text limits, and canonical `og:url` for analytics.
Step by step
- Provide URL or meta tags — URL should be public HTTPS; or paste the meta block from generated HTML.
- Review title, description, image — Check image crop and whether `og:title` intentionally differs from SEO title.
- Test Twitter/X variants — `twitter:card` summary_large_image vs summary changes preview height.
- Ship and bust cache — After deploy, use network debuggers if old cards linger — CDNs may cache HTML.