Current Behavior
When sharing links to https://badges.layer5.io on social media platforms, Slack, Discord, or community channels, no link preview image is displayed. The site's HTML head currently lacks Open Graph (og:image) and Twitter Card (twitter:image) metadata.
Expected Behavior
badges.layer5.io should include social metadata tags in its <head> (og:image, og:title, og:description, og:url, twitter:card, and twitter:image) so that sharing the URL generates a rich card preview.
Suggested Image
Use the official Layer5 Recognition Program banner already present in the repository (src/assets/images/recognition-banner.png / .github/readme/images/recognition-banner.webp).
This asset directly represents the program name ("Layer5 Recognition Program"), includes the Layer5 brand mark, displays representative badges, and conforms to standard widescreen social card dimensions.
Environment
- Host OS: Mac Linux Windows
- Platform: Docker or Kubernetes
- Meshery Server Version: stable-v
- Meshery Client Version: stable-v
Contributor Guides and Resources
Current Behavior
When sharing links to https://badges.layer5.io on social media platforms, Slack, Discord, or community channels, no link preview image is displayed. The site's HTML head currently lacks Open Graph (
og:image) and Twitter Card (twitter:image) metadata.Expected Behavior
badges.layer5.ioshould include social metadata tags in its<head>(og:image,og:title,og:description,og:url,twitter:card, andtwitter:image) so that sharing the URL generates a rich card preview.Suggested Image
Use the official Layer5 Recognition Program banner already present in the repository (
src/assets/images/recognition-banner.png/.github/readme/images/recognition-banner.webp).This asset directly represents the program name ("Layer5 Recognition Program"), includes the Layer5 brand mark, displays representative badges, and conforms to standard widescreen social card dimensions.
Environment
Contributor Guides and Resources