📖 Description
Currently, Edulume pages may not display properly when shared on social media platforms like Facebook, Twitter, or LinkedIn.
This issue aims to create default and section-specific Open Graph (OG) images and ensure OG meta tags are correctly implemented using the existing SEO component.
📌 Parent Issue
Part of #68 – SEO Improvements: Structured Data, Missing Pages & Performance
🎯 Scope of Work
-
Default OG Image
- Create a default OG image (1200×630px) with:
- Edulume logo
- Tagline or short description
- Used as fallback for pages without unique OG images
- File path suggestion:
client/public/og-image.png
-
Section-specific OG Images
- Create unique OG images for main sections:
- Courses
- Roadmaps
- Discussions
- Resources (PDFs, Ebooks)
- Images should reflect the section theme
-
Implement OG tags in SEO component
- Ensure the SEO component includes:
og:titleog:descriptionog:imageog:typeog:url
- Use dynamic values wherever applicable (page title, description, section image)
✅ Acceptance Criteria
- Default OG image exists and is used as fallback
- All main sections have unique OG images
- OG meta tags render correctly in
<head> for each page
- Social previews tested on:
- Facebook
- Twitter
- LinkedIn
- No broken images or incorrect meta tags
🛠️ Implementation Notes
- Use the existing SEO component:
- Images should be optimized for web (preferably WebP if supported)
- Maintain consistent branding across OG images
🧪 Testing Checklist
🏷️ Labels
frontend, seo, design, swoc2026, medium
🙌 Contribution Notes
- Focus only on OG images and social sharing metadata
- Do not modify structured data or page SEO metadata (handled in separate issues)
- Document any image design or naming conventions in the PR
📖 Description
Currently, Edulume pages may not display properly when shared on social media platforms like Facebook, Twitter, or LinkedIn.
This issue aims to create default and section-specific Open Graph (OG) images and ensure OG meta tags are correctly implemented using the existing SEO component.
📌 Parent Issue
Part of #68 – SEO Improvements: Structured Data, Missing Pages & Performance
🎯 Scope of Work
Default OG Image
client/public/og-image.pngSection-specific OG Images
Implement OG tags in SEO component
og:titleog:descriptionog:imageog:typeog:url✅ Acceptance Criteria
<head>for each page🛠️ Implementation Notes
🧪 Testing Checklist
<head>tags in browser DevTools🏷️ Labels
frontend,seo,design,swoc2026,medium🙌 Contribution Notes