hreflang tags + canonical URL audit

[truthixify]

Tier: S (1-2 days) | Type: seo

Context. Wave 7 shipped react-i18next with EN + ES, but the site emits no hreflang alternates and canonical URLs are inconsistent per page. Google is currently guessing which locale to serve and duplicate-content risk is real once Wave 8 adds a third locale (see issue #13).

Scope.

• Add <link rel="alternate" hreflang> entries for every localized route, plus hreflang="x-default" pointing to EN.
• Add a single canonical URL per route using react-helmet-async (already in the dep tree per src/pages/Blog.tsx).
• Audit every existing page (Home, Faq, Privacy, Newsletter, UseCases, Stellar, Roadmap, Grants, CaseStudies, Careers, About, Vitals, Contributors, Blog, Ecosystem) for consistent canonical + description + og:* metadata.
• Central helper in src/utils/seo.ts so future pages inherit correctly.

Acceptance.

• Every route emits <link rel="canonical"> with the absolute production URL
• Every localized route emits hreflang alternates for every shipped locale + x-default
• curl -sL usewraith.xyz/es/faq | grep -c hreflang >= 2 in a staging test
• Build passes
• Lighthouse SEO stays >= 90

Files. src/utils/seo.ts (new), every src/pages/*.tsx.

[Salauayo]

@Salauayo has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I've gone through your requirement thoroughly, I will fix this issues and implement a clean pull request to match your acceptance criteria.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Salauayo to this issue.

[sanusishafii989]

@sanusishafii989 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hi maintainer,

I would like to take on issue #125 to complete the hreflang tags and canonical URL audit across the site.

Technical Implementation Plan:

Centralized SEO Helper: Create src/utils/seo.ts using react-helmet-async to generate canonical URLs, hreflang alternates (en, es, and x-default pointing to EN), and open graph metadata using absolute production URLs.

Route Audit and Integration: Update all page components under src/pages/.tsx to use the central SEO helper, ensuring consistent title, description, og: tags, and localized alternate links.

Testing and Verification: Verify that curl checks on localized routes emit proper hreflang tags and confirm Lighthouse SEO scores remain >= 90.

CI and Build Check: Ensure clean TypeScript compilation and that npm run build passes without errors.

Ready to start immediately upon assignment!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @sanusishafii989 to this issue.

[drips-wave]

Congratulations, @sanusishafii989! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

🧑‍💻 @sanusishafii989: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊