Fix OG image tags not rendering on social platforms (Issue #50)

[petercr]

Summary

This PR fixes social preview metadata so Open Graph images render reliably across platforms.

Changes

• Use correct Open Graph attribute keys (property="og:*" instead of name="og:*").
• Normalize social metadata URLs to absolute URLs.
• Add canonical base URL resolution with fallback order:
  • VITE_SITE_URL / SITE_URL
  • absolute VITE_BASE_PATH
• Emit og:image/twitter:image only when an absolute URL can be produced.
• Ensure og:url and twitter:url resolve correctly for route URLs.

Verification

• Verified in Chrome MCP on local app:
  • / includes absolute og:image and twitter:image
  • /contact includes absolute og:url, twitter:url, and og:image

Closes #50

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
ccw	Ready	Preview, Comment	Apr 29, 2026 8:25pm