Product Hunt OG Image Guide: Nail Your Launch Card Preview

Make sure your Product Hunt launch card looks perfect. Learn the exact og:image specs, common failures that tank launch-day CTR, and how to fix them fast.

Why your Product Hunt link preview matters

When hunters share your product on Twitter/X, Slack, LinkedIn, or Discord, the link unfurl is the first impression for people who haven't seen it yet. A broken or generic og:image means fewer clicks, fewer upvotes, and a weaker launch. A polished, intentional preview card can meaningfully improve launch-day traffic.

The Product Hunt OG image situation

Product Hunt generates its own preview card for your product's PH page (https://www.producthunt.com/posts/your-product) — you can't fully control that image. But you can and must control the og:image on your own product's website — the URL you submit to Product Hunt.

When someone clicks your PH listing and shares your product website URL, the OG preview they see comes entirely from your site's meta tags.

What your product homepage og:image should show

Your launch-day og:image should communicate 3 things at a glance:

  1. What it is: Product name + logo, clearly readable
  2. What it does: One-line value prop or tagline
  3. Why it's interesting: A UI screenshot, hero visual, or striking graphic

Size: 1200×630px. Keep critical text in the center 900×500px safe zone. High contrast — it renders as a small thumbnail on mobile.

Common Product Hunt launch OG mistakes

  • No og:image at all: Site shows a generic grey box or the first image on the page (which might be a user avatar or a small icon). Fix: add explicit og:image meta tag.
  • Wrong og:image (old cached version): You updated the image after a previous launch attempt but platforms still show the old one. Fix: run Facebook Debugger and Twitter Card Validator to force re-scrape.
  • Image too small: og:image must be at least 600×315px. Anything smaller and Facebook/Twitter won't show it as a large card — it falls back to the "summary" small thumbnail layout.
  • Text is unreadable: Dark text on a dark background, or 10px font on a 1200px canvas that renders at 400px wide. Always preview at small size.
  • og:title is missing or generic: "Home" or your domain name is not a compelling title. Write something like "ProductName — What it does in one line."

Required OG tags for launch day

<meta property="og:title"       content="YourProduct — One-line value prop" />
<meta property="og:description" content="2-3 sentence description of what it does and who it's for" />
<meta property="og:image"       content="https://yoursite.com/og/launch.png" />
<meta property="og:url"         content="https://yoursite.com" />
<meta property="og:type"        content="website" />

<!-- Twitter/X card -->
<meta name="twitter:card"        content="summary_large_image" />
<meta name="twitter:title"       content="YourProduct — One-line value prop" />
<meta name="twitter:description" content="2-3 sentence description" />
<meta name="twitter:image"       content="https://yoursite.com/og/launch.png" />

Pre-launch OG checklist

  1. Set all 9 required OG + Twitter card meta tags on your homepage
  2. og:image is 1200×630px, under 1MB, HTTPS URL
  3. Run OGFixer to verify all tags and preview how the card looks
  4. Run Facebook Sharing Debugger to pre-warm the cache
  5. Run Twitter Card Validator to confirm summary_large_image renders
  6. Share the URL to yourself on Slack and Discord to see the live embed

Verify your launch OG tags in 3 seconds

Paste your product URL into OGFixer to see exactly how your link will look on Twitter, Slack, Discord, and LinkedIn before your Product Hunt launch goes live.

Related guides