Elite Outsiders ← Tools menu

OG share-card preview

Validate before pushing to public site · 2026-05-08

What this is. Visual mock of what LinkedIn, X / Twitter, and Facebook will display when each public page URL is shared, side-by-side : the CURRENT rendering (with the OG tags as they exist today) vs. the PROPOSED rendering after we ship the fix.

Image strategy. Shipped /assets/img/og-card.jpg — a proper 1200×630 landscape generated from hero.jpg (square 1600×1600 letterboxed on a black canvas, since the source is on a black background the bars are invisible). LinkedIn previously had to crop + downscale + re-encode the square → blurry preview. With the dedicated 1200×630 file, no crop, no scaling — sharp result. Used by all 5 pages with OG tags.

Source of truth. Each card uses the exact og:title / og:description we'd write into the page's <head>. What you see here is what LinkedIn will scrape after deploy + Post Inspector refresh.

OG complete OG partial (image missing) OG broken (no preview)

Trauma Map

eliteoutsiders.com/trauma-map Broken — needs all 3
og:title
Trauma Map. Map what you survived.
og:description
Map what you survived, what you've built, and where you stand. Trauma survivor to trauma survivor.
og:image
/assets/img/og-card.jpg
CURRENT — what LinkedIn / X / FB show today
LinkedIn
X / Twitter
Facebook
PROPOSED — after we ship the OG tags
LinkedIn
X / Twitter
Facebook

Library

eliteoutsiders.com/library Broken — needs all 3
og:title
Library — Elite Outsiders
og:description
Archive of Alexandre Corne's writing. Frameworks, essays, dispatches.
og:image
/assets/img/og-card.jpg
CURRENT
LinkedIn
X / Twitter
Facebook
PROPOSED
LinkedIn
X / Twitter
Facebook

Frameworks

eliteoutsiders.com/frameworks Broken — needs all 3
og:title
Frameworks — Elite Outsiders
og:description
Proprietary visual thinking from inside the tension. Field maps for trauma survivors.
og:image
/assets/img/og-card.jpg
CURRENT
LinkedIn
X / Twitter
Facebook
PROPOSED
LinkedIn
X / Twitter
Facebook

Work with Alex

eliteoutsiders.com/workwithalex Partial — only image missing
og:title
Coaching — Elite Outsiders (unchanged)
og:description
Done With You. I work 1:1 with trauma survivors so they don't rebuild alone. (unchanged)
og:image
/assets/img/og-card.jpg (adding — currently missing)
CURRENT — title/desc fine, but no image so platforms show empty thumbnail
LinkedIn
X / Twitter
Facebook
PROPOSED
LinkedIn
X / Twitter
Facebook

Homepage (reference — already OK)

eliteoutsiders.com/ OK — no change
LinkedIn
X / Twitter
Facebook

Manifesto (reference — already OK)

eliteoutsiders.com/manifesto OK — no change
LinkedIn
X / Twitter
Facebook

Next steps if you validate this preview :

1. I prepare the diff on eliteoutsiders-site (4 files : trauma-map.html, library.html, frameworks.html, workwithalex.html) — adds og:title, og:description, og:image, plus the matching twitter:title/description/image.

2. You review the diff, schedule the deploy in your Gantt (/public-site-deploy-process rule).

3. After ship : I run the URLs through LinkedIn Post Inspector, Twitter Card Validator, Facebook Sharing Debugger to force a re-scrape so the new previews show up.

4. Optional later : create 4 dedicated 1200×630 landscape images (one per page) and swap the og:image URLs — no other change needed.