Skip to content

Improve SEO metadata and crawler support#111

Open
saurabhhhcodes wants to merge 1 commit into
Mohit-368:mainfrom
saurabhhhcodes:codex/seo-optimization-94
Open

Improve SEO metadata and crawler support#111
saurabhhhcodes wants to merge 1 commit into
Mohit-368:mainfrom
saurabhhhcodes:codex/seo-optimization-94

Conversation

@saurabhhhcodes
Copy link
Copy Markdown

Summary

Fixes #94

This PR adds a production-ready SEO layer for the React/Vite application while keeping the existing UI intact.

What changed

  • Expanded the shared SEO component to manage route-specific titles, descriptions, keywords, canonical URLs, robots metadata, Open Graph tags, Twitter Card tags, and JSON-LD structured data.
  • Added a centralized SEO config for the home, README maker, and how-to-use routes.
  • Added crawler assets for Netlify deployment: robots.txt, sitemap.xml, and a lightweight social preview image.
  • Improved baseline index.html metadata so crawlers get useful defaults before React hydrates.
  • Added small semantic/accessibility improvements around navigation, the builder workspace, theme controls, and screenshot previews.

Validation

  • npm run build
  • git diff --check
  • Browser verification on local Vite preview for /, /readme-maker, /how-to-use, /robots.txt, and /sitemap.xml
  • Lighthouse SEO checks:
    • / -> 100
    • /readme-maker -> 100
    • /how-to-use -> 100

Notes

The implementation avoids adding a new runtime dependency and keeps the current React Router + Netlify fallback behavior unchanged.

@netlify
Copy link
Copy Markdown

netlify Bot commented May 15, 2026

Deploy Preview for makeareadme ready!

Name Link
🔨 Latest commit 3d9e54b
🔍 Latest deploy log https://app.netlify.com/projects/makeareadme/deploys/6a0854136d1d2c0008c762a8
😎 Deploy Preview https://deploy-preview-111--makeareadme.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@saurabhhhcodes
Copy link
Copy Markdown
Author

Small GSSoC label follow-up: once this PR is reviewed, could you please add the required gssoc:approved label if it is accepted?

Suggested scoring labels for this scope: level:advanced, quality:clean, type:performance.

I’m keeping this note separate from the implementation details so the contribution is easy to count under the updated GSSoC tracker rules.

@saurabhhhcodes saurabhhhcodes force-pushed the codex/seo-optimization-94 branch from b718be0 to 3d9e54b Compare May 16, 2026 11:25
@saurabhhhcodes
Copy link
Copy Markdown
Author

Rebased this PR onto the latest upstream main and resolved the conflicts in the navbar/builder files while preserving the SEO/accessibility updates.

Validation after rebase:

  • node node_modules/vite/bin/vite.js build
  • git diff --check

GitHub now reports the PR as mergeable from my side. Once reviewed/accepted, please add gssoc:approved, level:advanced, quality:clean, and type:performance so the contribution is counted correctly under the updated GSSoC rules.

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.

Improve SEO Optimization for React Application

1 participant