feat(web): add site metadata and Mustaverse Digital favicon - #73
Merged
Conversation
The head only carried `<title>Aurayale</title>` with no description or Open Graph tags, so link scrapers fell back to scraping visible DOM text and produced a garbled preview built from concatenated nav labels. Metadata: - title and description now read Mustaverse Digital / 邁思達數位, with a one-line studio intro drawn from the existing landing hero copy - full Open Graph set (type, site_name, title, description, url, locale + zh_TW alternate, image with dimensions and alt) - twitter summary_large_image card via @MustaverseLab - canonical link Favicon, generated from the company logo: - multi-res favicon.ico plus 16/32/192/512 PNGs and a 180px Apple touch icon, and a webmanifest referencing the 192/512 pair - theme-color sampled from the logo background Also fixes two pre-existing bugs in the old icon tag: the href was relative (`img/favicon.jpg`), so it failed to resolve on nested routes, and it declared type="image/png" while pointing at a .jpg. og-cover.png is built from the layered-card art rather than the Aurayale key art, whose wordmark collided with the type and read as a competing logo. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Dependency Review✅ No vulnerabilities or license issues or OpenSSF Scorecard issues found.Scanned FilesNone |
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.
Problem
The document head only carried
<title>Aurayale</title>— no description, no Open Graph tags. With nothing to read, link scrapers fell back to scraping visible DOM text, producing a garbled preview built from concatenated nav/UI labels:The tab icon also still pointed at the old Aurayale favicon rather than the company mark.
Changes
Metadata —
src/pages/_document.tsx<title>anddescriptionnow read Mustaverse Digital 邁思達數位, with a one-line studio introog:type,og:site_name,og:title,og:description,og:url,og:locale(+zh_TWalternate),og:imagewith dimensions and alt textsummary_large_imagecard, attributed to@MustaverseLab(taken from the existing footer)<link rel="canonical">The intro line reuses the site's own hero copy from
src/i18n/locales/en.ts— "IP on cards, on-chain." / "把品牌與角色打造成集換式卡牌經濟。" — so the preview matches the landing page rather than inventing new positioning.Favicon — generated from
public/images/Company Logo.pngfavicon.icofavicon-16x16.png,favicon-32x32.pngfavicon-192x192.png,favicon-512x512.pngapple-touch-icon.pngsite.webmanifestAlso added
theme-color(#15161a), sampled from the logo's own background so mobile browser chrome matches the mark.OG image —
public/images/og-cover.png(1200×630)Built from the layered-card art (
card_layer.jpeg), which carries the TCG + on-chain story. Two rejected alternatives, for the record:banner_03.png— only 735×554, too small and the wrong aspect ratio for asummary_large_imagecardDrive-by fixes
The old icon tag was
<link rel="icon" type="image/png" href="img/favicon.jpg" />, which had two latent bugs:href— no leading slash, so it resolved against the current route and would fail to load on nested paths. Now root-absolute.type="image/png"while pointing at a.jpg.Verification
pnpm tsc --noEmitcleanpnpm buildsucceeds/platform), covering the relative-path bugNotes for the reviewer
taglineAurayale/rights/ contact body). This PR only changes metadata to "Mustaverse Digital" as requested; a sitewide rename felt out of scope. Happy to follow up.Logo.svgis vector and no rasterizer was available in this environment, so the card uses typography instead. Drop a PNG of the logo lockup in and it can be added.public/images/m_banner.png(3.2 MB, unreferenced anywhere in the codebase) was deliberately excluded from this branch.🤖 Generated with Claude Code