Branded OG cards landed as SVG (/og.svg) on FerrLabs/FerrFlow/FerrTrack/FerrVault/FerrGrowth/FerrGames sites. Modern previewers handle SVG (Slack, Discord, LinkedIn, X, Telegram, iMessage) but some older crawlers + Facebook expect raster.
To get full coverage:
- Add a build step (e.g.
@resvg/resvg-js, sharp, or satori if templating from React) that rasterises og.svg → og.png 1200×630 at build time
- Update
Layout.astro to set both og:image (PNG) AND og:image:type + a fallback chain
- Optionally generate per-page OG images (hero title rendered) via
@vercel/og
Per-repo task. FerrFlow already has a hand-made og.png so only the 4 product sites + holding need the build step (and FerrGames has its own og-image.svg).
Branded OG cards landed as SVG (
/og.svg) on FerrLabs/FerrFlow/FerrTrack/FerrVault/FerrGrowth/FerrGames sites. Modern previewers handle SVG (Slack, Discord, LinkedIn, X, Telegram, iMessage) but some older crawlers + Facebook expect raster.To get full coverage:
@resvg/resvg-js,sharp, orsatoriif templating from React) that rasterisesog.svg→og.png1200×630 at build timeLayout.astroto set bothog:image(PNG) ANDog:image:type+ a fallback chain@vercel/ogPer-repo task. FerrFlow already has a hand-made
og.pngso only the 4 product sites + holding need the build step (and FerrGames has its ownog-image.svg).