-
-
Notifications
You must be signed in to change notification settings - Fork 1.6k
Add Open Graph and Twitter Card meta tags for improved social sharing #3689
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
🎉 Thanks for opening this pull request! Please check out our contributing guidelines if you haven't already.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR adds Open Graph and Twitter Card meta tags to improve social media sharing previews for the p5.js Web Editor. When links are shared on platforms like Facebook, Twitter, or LinkedIn, these tags enable rich preview cards with titles, descriptions, and images.
- Added Open Graph meta tags (og:title, og:description, og:image, og:url, og:type) to both the main index and project-specific pages
- Added Twitter Card meta tags (twitter:card, twitter:title, twitter:description, twitter:image) to both page templates
- Customized the og:title and twitter:title for project pages to include the project name and username
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
Fixes #3438
Changes
Added Open Graph and Twitter Card meta tags to enable social media preview cards
Verification
npm run lint)npm run test)developbranch