Skip to content

feat(frontend): Add SEO meta tags and Open Graph cards for all pages #601

Description

@KuchiMercy

Description

The root layout.tsx metadata export (lines 13-16) only sets a generic title and description. There are no Open Graph, Twitter Card, canonical URL, or robots directives. Links shared on Slack, Discord, or Twitter show no preview card. Every page (homepage, dashboard, escrow detail) shares the same generic title.

File: apps/frontend/app/layout.tsx (metadata export), all page files

Acceptance Criteria

  • Add openGraph metadata to root layout: og:title, og:description, og:image, og:url, og:type
  • Add twitter card metadata: card type, site handle, creator
  • Add alternates.canonical URL pointing to production domain
  • Add per-page metadata overrides:
    • Homepage: compelling title + description for sharing
    • Dashboard: "My Escrows — Vaultix" (no sensitive data in meta)
    • Escrow detail: "Escrow #xxx — Vaultix" (status, no amounts)
    • Admin pages: robots: { index: false, follow: false } to prevent indexing
  • Create a branded OG image (1200x630) stored in public/
  • Add manifest.json link for PWA basics
  • Test with Facebook Sharing Debugger, Twitter Card Validator, and LinkedIn Post Inspector
  • Ensure no sensitive data (amounts, addresses) leaks in meta tags

Points: 100 | Difficulty: Trivial

Activity

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

Metadata

Metadata

Assignees

Labels

100 pointsTrivial difficultyStellar WaveIssues in the Stellar wave programenhancementNew feature or requestfrontendgood first issueGood for newcomersphase-4Sprint 7-8: Scale & Advanced Features

Type

No type

Projects

No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions