Skip to content

fix: resolve 4 broken OG social-preview images#40

Open
VaultSparkStudios wants to merge 1 commit into
mainfrom
fix/broken-og-images-social-preview
Open

fix: resolve 4 broken OG social-preview images#40
VaultSparkStudios wants to merge 1 commit into
mainfrom
fix/broken-og-images-social-preview

Conversation

@VaultSparkStudios

Copy link
Copy Markdown
Owner

What

Four pages referenced og:image / twitter:image filenames that do not exist on disk, causing blank or broken thumbnails whenever these URLs are shared on Twitter/X, Discord, Slack, LinkedIn, etc.

Page Broken reference Fixed to
/vault-member/ assets/og-vault-member.png assets/og/og-projects-vault-member.png
/vaultsparked/ assets/og-vaultsparked.png assets/og/og-membership.png
/games/vaultspark-football-gm/ assets/og-vsfgm.png assets/og/og-vaultspark-football-gm.png
/games/vaultfront/ assets/og-vaultfront.png assets/og-games.png

Each replacement is the closest semantically appropriate image that exists on disk. For VaultSpark Football GM both og:image and twitter:image were broken; same for VaultFront — both tags were updated.

Why it matters

Social platforms (and Discord link previews) fetch the OG image at share time. A 404 on that file means the post shows no thumbnail — hurting click-through on the most engagement-critical pages (the active SPARKED game, the membership funnel).

What to verify

  • Share each of the four URLs on a social preview checker (e.g. opengraph.xyz) and confirm a real image appears
  • Confirm the /vaultsparked/ and /games/vaultspark-football-gm/ pages — both public, indexed — show correct thumbnails
  • No regressions on the rest of the site (only 4 meta tags changed, no layout/JS/CSS touched)

Notes

  • /vault-member/ is noindex, follow — the OG fix still matters for direct link sharing (Discord, DMs)
  • The og-vaultfront.png file may warrant a custom image in a future design pass; og-games.png is the correct short-term fallback
  • No content, styling, or navigation was changed

Generated by Claude Code

Four pages referenced og-image filenames that don't exist on disk,
causing broken/empty thumbnails when shared on Twitter/X, Discord,
Slack, and other social platforms. Point each to the closest
semantically appropriate image that actually exists:

- vault-member: og-vault-member.png → assets/og/og-projects-vault-member.png
- vaultsparked: og-vaultsparked.png → assets/og/og-membership.png
- games/vaultspark-football-gm: og-vsfgm.png → assets/og/og-vaultspark-football-gm.png
  (og and twitter:image both updated)
- games/vaultfront: og-vaultfront.png → assets/og-games.png
  (og and twitter:image both updated)

Co-Authored-By: Claude <noreply@anthropic.com>

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 0eded35949

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

<meta property="og:type" content="website" />
<meta property="og:url" content="https://vaultsparkstudios.com/games/vaultfront/" />
<meta property="og:image" content="https://vaultsparkstudios.com/assets/og-vaultfront.png" />
<meta property="og:image" content="https://vaultsparkstudios.com/assets/og-games.png" />

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Keep bespoke OG cards instead of shared fallbacks

This switch uses the section-level og-games.png card even though the page-specific assets/og-vaultfront.png still exists in this tree, so VaultFront now shares its social preview with games/index.html instead of showing its own card. Running node scripts/check-og-images.mjs now emits the repo's own “shared ... each page should have a unique social card” warning for this page and the other edited pages, so these changes regress bespoke link previews rather than fixing missing assets; keep or regenerate the page-specific cards instead of replacing them with shared fallbacks.

Useful? React with 👍 / 👎.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants