Implement On Page SEO Support

Use next seo

So far, we have created these metatags using standard Next.js primitives. There's nothing wrong that approach & what we did previously is all you need most of the time.

But there's a package called next-seo, which wraps most of these functionalities into a nice React component. It has support beyond "Open Graph" and helps you to handle various other SEO related tasks.

JSON LD Support

You can use next-seo to add JSON LD metadata in your web pages. We don't need them for a blog app. But if you are building e-commerce or a product that generates user-generated content, Google can use JSON LD to render your web pages with more information.

Refer the documentation to get started.

šŸ™ We need your help

We need your help to keep maintain & add new content to this course. Here's how you can support us: