Skip to content
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

per-page SEO (meta tags, opengraph) via next-seo #244

Merged
merged 4 commits into from
Aug 20, 2021
Merged

Conversation

mattxwang
Copy link
Member

@mattxwang mattxwang commented Aug 18, 2021

This PR implements per-page SEO tags via next-seo. Under-the-hood, the package handles basic meta tags, and OpenGraph URLs; according to the documentation, Twitter now also parses OG data, and thus doesn't generate twitter-specific metadata.

I then manually write and apply copy for each page: the home page, about, committees, events, sponsors, and tech gala. We'll have to backport this to other new pages, like the ones introduced in #238 and #235. I chose not to add any default templating or abstract this to a component, since I think the copy differs enough where boilerplate doesn't help us too much.

For reviewers - it would be great if you could test this on a variety of social media platforms (Facebook, Twitter, Discord, Instagram. etc.). I've done Discord testing in the #test3 moderator channel of the server, as well as DMing myself on FB messenger.

Closes #116, (hopefully) closes #194.

@mattxwang mattxwang marked this pull request as draft August 18, 2021 22:04
@mattxwang mattxwang requested a review from a team August 18, 2021 22:37
@mattxwang mattxwang marked this pull request as ready for review August 18, 2021 22:39
@mattxwang
Copy link
Member Author

Oh also, this is probably easier to review w/ whitespace changes hidden.

Copy link
Member

@evanzhong evanzhong left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Really great stuff. No huge blockers from merging, I think there's a small typo to fix but that's about it.

pages/about.js Outdated Show resolved Hide resolved
@mattxwang mattxwang merged commit 354a8a4 into main Aug 20, 2021
@mattxwang mattxwang deleted the per-page-seo branch August 20, 2021 04:26
mattxwang added a commit that referenced this pull request Aug 20, 2021
This PR implements per-page SEO tags via [`next-seo`](https://github.com/garmeeh/next-seo). Under-the-hood, the package handles basic meta tags, and OpenGraph URLs; according to the documentation, Twitter now also parses OG data, and thus doesn't generate twitter-specific metadata.

I then manually write and apply copy for each page: the home page, about, committees, events, sponsors, and tech gala. We'll have to backport this to other new pages, like the ones introduced in #238 and #235. I chose not to add any default templating or abstract this to a component, since I think the copy differs enough where boilerplate doesn't help us too much.

For reviewers - it would be great if you could test this on a variety of social media platforms (Facebook, Twitter, Discord, Instagram. etc.). I've done Discord testing in the #test3 moderator channel of the server, as well as DMing myself on FB messenger.

Closes #116, (hopefully) closes #194.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Link embeds are flaky Populate page metadata, social media metadata
2 participants