fix(layout): set Fastify logo as og:image for social shares - #486
Merged
Conversation
ilteoood
force-pushed
the
fix/og-image-fastify-logo
branch
from
August 19, 2026 07:48
4a86bd8 to
e036c51
Compare
Crawlers fell back to scraping a random inline icon from the page because BaseLayout only declared og:title and og:description. Add a proper 1200x630 OG card backed by the existing favicon logo, plus the favicon variants and webmanifest the audit (Google, X, LinkedIn, WhatsApp, Slack, iOS home screen) expect. - public/og-image.png (1200x630, logo on dark background) — declared as og:image, twitter:image and in the webmanifest - public/favicon.ico (32x32, real ICO container), favicon-32x32.png, apple-touch-icon.png (180x180) — cross-platform favicon fallbacks - public/site.webmanifest — PWA / 'Add to Home Screen' metadata - BaseLayout: og:url, og:image:alt, og:site_name, og:locale, twitter:card=summary_large_image, twitter:site=@fastifyjs, the new link tags, and a minimal WebSite JSON-LD block. Assets are committed; scripts/generate-og-assets.mjs regenerates them from public/favicon.svg via sharp (already a transitive dep).
ilteoood
force-pushed
the
fix/og-image-fastify-logo
branch
from
August 19, 2026 07:54
e036c51 to
37a6ce6
Compare
Eomm
approved these changes
Aug 19, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Without `og:image` meta tags, social-media crawlers scrape the page for any icon and end up picking a random inline one. This now ships a 1200×630 PNG card backed by the Fastify logo, plus the cross-platform favicon fallbacks and webmanifest the OG/SEO audit expects.
Assets (all derived from `public/favicon.svg` via `scripts/generate-og-assets.mjs`):
`BaseLayout.astro` now declares everything the audit was missing:
`biome check` and `astro check` are clean. The Astro hints listed in the audit's `npm run check` output all predate this change.