Implement Dynamic SEO Meta Tags for User Profile Pages #1073
Description
Is your feature request related to a problem? Please describe.
Currently, all user profile pages (e.g., /some-user) have the same static HTML title: "DevDisplay". This negatively impacts SEO, as search engines cannot distinguish between different user profiles. It also provides a poor user experience when sharing links on social media or having multiple profiles open in browser tabs, as they all have the same title.
Current Behavior:
- Browser tab title for all profiles is "DevDisplay".
- The
<meta name="description">tag is generic or missing.
Describe the solution you'd like
I propose to implement dynamic metadata for user profile pages using the built-in Next.js 13+ Metadata API.
For a user profile at /[username], the metadata should be generated as follows:
- Title:
<title>[User's Name] | DevDisplay</title> - Description:
<meta name="description" content="[User's Bio or a generated summary]">
This will be accomplished by exporting an async generateMetadata function from the src/app/[username]/page.js file. The function will fetch the user's data and construct the metadata accordingly.
Why this is important
- Improved SEO: Helps search engines index individual profiles correctly.
- Better Social Sharing: When a profile link is shared, it will display a rich preview with the user's name and details.
- Enhanced User Experience: Makes it easier for users to identify profiles in their browser tabs.
Additional context
This seems like a valuable enhancement for the project. As a GSSoC '25 contributor, I would be happy to work on implementing this feature.