Add Open Graph tags so shared links look right

30 min Impact: medium Effort: low ✓ Scan-verified — no manual checkbox

Open Graph tags control how your page looks when shared on Facebook, LinkedIn, Slack, and most other platforms — without them, a shared link shows a generic, unappealing preview (or none at all) instead of a proper title, description, and image, hurting click-through on every social share.

Without og:title, og:description, and og:image, a link to your site shared on Facebook, LinkedIn, or Slack shows a broken or generic preview instead of your actual content.

How to fix it

1

Add core Open Graph tags

og:title, og:description, og:image, and og:url in the <head> of every important page.
2

Use a properly sized image

1200x630px is the standard recommended size for og:image — smaller or oddly-cropped images look poor in preview cards.
3

Write OG-specific title/description if needed

These can differ slightly from your page title/meta description if a more social-friendly phrasing works better for sharing context.
4

Test actual rendering

Use each platform's own debugging tool to see exactly how the share preview will look before it goes live.

Common mistakes

Platforms aggressively cache Open Graph data — after fixing your tags, you often need to use that platform's specific cache-refresh/debug tool to see the corrected preview, not just wait.

How you'll know it's done

Every important page has complete Open Graph tags with a properly sized image, and preview cards render correctly on major platforms.

Tools that help

Facebook Sharing Debugger ↗

Preview and force-refresh how a URL renders when shared.

H.I.V.E. checks this automatically

Fix it, then re-scan — the check confirms itself. No manual checkbox, the scan is the truth.

Run this check in H.I.V.E. →