Repository navigation
feat(seo): add Open Graph and Twitter card tags to dashboard - #196
Closed
adamshatzkamer wants to merge 1 commit into
Closed
adamshatzkamer wants to merge 1 commit into
adamshatzkamer wants to merge 1 commit into
Conversation
Shared dashboard links showed no preview card. Adds og:title, og:description, og:type, og:url, og:image (1200x630 PNG derived from assets/banner.svg) plus og:image dimensions/type and twitter:card summary_large_image tags to frontend/index.html. Adds PROGRESS.md entry and link-preview screenshot evidence. Closes DepRadarOrg#169
3 tasks
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.
Closes #169
Problem
Shared dashboard links show no preview card —
frontend/index.htmlhad only title + description, no Open Graph or Twitter card tags.Changes
frontend/public/og-image.png— 1200×630 PNG derived fromassets/banner.svg(same background gradient, teal→blue title gradient, radar mark, "LIVE ON STELLAR TESTNET" pill). Committed under tracked assets so it survives builds.frontend/index.html— addedog:type,og:url,og:title,og:description,og:image(+ width/height/type) andtwitter:cardsummary_large_image+twitter:title/twitter:description/twitter:image. The image URL points at the raw GitHub asset, so the preview resolves immediately on merge regardless of hosting; swap it for the deploy URL if the dashboard gets one ([CONTRIBUTING discusses hosting? N/A]).PROGRESS.md— entry added per the Definition of Done.Link-preview evidence
Harness replicates the rendered preview: image card + title + description, as X/Discord/Slack would show it.
Verification
npm run lint— 0 warnings, 0 errorsnpm run typecheck— cleannpm test— 21/21 passingnpm run build— succeedsIf this is useful, there's a $1 tip option at https://grantshatz.gumroad.com/l/mpkqyq — no pressure, just helps fund more open-source maintenance.