🖼️ feat(seo): social preview image for every page - #58
Merged
Merged
Conversation
Links to wpbones.com shared on X, Mastodon, Slack or LinkedIn showed no image: the metadata had no og:image, so Next.js rendered a plain `summary` card. app/opengraph-image.jpg (1200x630, 176 KB, with an alt text) becomes og:image on every route, and Next.js copies it to twitter:image; the card is now summary_large_image. twitter:site held a URL; it is the @wpbonesx handle the footer links to.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
There was a problem hiding this comment.
Copilot review overview
🟢 Approval recommended
No unresolved review issues were identified.
Review effort: Lite
Findings: None
What changed in this PR
Adds a site-wide social preview image and updates Twitter metadata for richer link previews.
Changes:
- Adds Open Graph image assets and accessible alt text.
- Configures
summary_large_imagecards and the@wpbonesxhandle.
| File | Description |
|---|---|
config/index.ts |
Updates Twitter metadata configuration. |
app/opengraph-image.alt.txt |
Provides accessible image description. |
💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.
This branch was successfully deployed
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
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.
Summary
app/opengraph-image.jpg(1200×630, 176 KB) +opengraph-image.alt.txt: Next.js emitsog:image(with type, size and alt) on every route and copies it totwitter:image.twitter.card: 'summary_large_image', andtwitter.siteis now the@wpbonesxhandle instead of a URL.Before: the live home page had no
og:image/twitter:imageandtwitter:cardwassummary, so a link on X showed no preview image.Verification
yarn testandyarn buildpass./and/docs/migrating-to-v2: both carryog:imageandtwitter:imagehttps://wpbones.com/opengraph-image.jpg?…, 1200×630,summary_large_image,@wpbonesx.