Improve search engine results' summaries (as well as social media post previews) for layer5.io/community/members/{member-name} page through react-helmet-async lib

[MarioArriaga92]

Current Behavior

Google search results: Perhaps pretty low priority, but couldn't help notice that when googling "meshery member {x member}" the Google result shows link to community member (i.e. https://layer5.io/community/members/mario-arriaga):

but shows part of the page's footer, as description:

twitter/x: For twitter, not sure what would be better but this is what a layer5 member page looks like today:

Desired Behavior

It'd be nice if site could be tweaked as shown in freecodecamp.org / How to Use React Helmet – With Example Use Case to improve how search engines crawlers index these results by using react-helmet-async lib to instead show member profile summary (or an excerpt of it)

Maybe something similar for twitter and other social media.

Screenshots / Mockups

N/A

Implementation

Acceptance Tests

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[yash37158]

I would like to take up this issue @MarioArriaga92

[leecalcote]

@yash37158 you have other outstanding issue assignments that need to be completed first, yes?

[AbiodunVlad]

I want to fix this issue. @leecalcote @abhijeetgauravm @ritiksaxena124

[abhijeetgauravm]

@yash37158 are you still up for the issue?

[AbiodunVlad]

I just saw that I've been assigned this. I've been up and about end-of-year activities. I'll get on it. @abhijeetgauravm