Announcements

Open Graph Preview โ€“ Day 11 of Ship Advent

Preview how your website appears on social media. Test Open Graph and Twitter Card tags instantly. See exact link previews before sharing on Facebook, LinkedIn, Twitter, and more.

2 min read
Open Graph Preview tool showing website link preview with meta tags from Ship Advent Day 11

Day 11 unlocks the Open Graph Preview – instantly see exactly how your website appears when shared on social media, with full meta tag inspection and copy-to-clipboard support.

Three Powerful Views

Social Media Preview: Watch your link transform into a card exactly as it appears on Facebook, LinkedIn, Twitter, and messaging apps. See the headline, description, image, and domain in real time. No guessing, no surprises.

Open Graph Tags: Inspect all og:* meta tags extracted from the page – og:title, og:description, og:image, og:url, og:type, og:site_name, and more. Copy any tag value instantly to clipboard.

Twitter Card Tags: Full twitter:* tag inspection – twitter:card, twitter:title, twitter:description, twitter:image, twitter:site, twitter:creator. Perfect for debugging card type issues.

Real Developer Scenarios

  • Before You Publish: Test your homepage, blog posts, or product pages before going live. Catch missing images or truncated descriptions instantly.
  • Debugging Shared Links: Why does your LinkedIn share look broken? Paste the URL and see exactly which meta tags are missing or wrong.
  • Cross-Platform Testing: Different social networks show different meta tags. Test once, see all variations.
  • Localhost Development: Test your local dev site (http://localhost:3000) and production site (https://yoursite.com) back-to-back for comparison.
  • SEO & Social Audits: Verify og:image dimensions, og:type values, and Twitter card types are correct for each page.

Mobile-Friendly Layout

Responsive design shines on mobile – stacks preview and tags vertically on small screens. Tables become scannable card views on phones. Copy buttons always accessible without horizontal scrolling.

Input supports any URL format – simple domains, subdomains, ports, paths, query strings, fragments. Works with http:// and https://.

One-Click Testing

Quick buttons for instant testing: Localhost pre-fills http://localhost:3000 for local dev testing. Ship Advent pre-fills https://shipmas-advent.com for production testing. Clear resets everything.

No accounts, no requests tracked, no ads. Just paste a URL and see your social previews instantly.

Stop wondering how your links look on social media. See exact previews and debug meta tags in seconds.

Visit Day 11 now – already unlocked, free forever! 14 more tools through Christmas.