Schema.org to improve SEO

[samuelcastro]

Have you considered to use https://schema.org/ for better SEO experiences?

[Vadorequest]

I studied it a bit (learned about it quite recently) but didn't follow-up. Are you familiar with this? I'm always interested to improve the quality of SEO, any idea how big this would be?

[samuelcastro]

I honestly don't have experience with it, but I don't think it'd be a lot of work since it's just a matter of adding more documentation about specific components/tags, using react-schemaorg this could be easily achievable with something like:

import { Person } from "schema-dts";
import { JsonLd } from "react-schemaorg";

export function GraceHopper() {
  return (
    <JsonLd<Person>
      item={{
        "@context": "https://schema.org",
        "@type": "Person",
        name: "Grace Hopper",
        alternateName: "Grace Brewster Murray Hopper",
        alumniOf: {
          "@type": "CollegeOrUniversity",
          name: ["Yale University", "Vassar College"],
        },
        knowsAbout: ["Compilers", "Computer Science"],
      }}
    />
  );
}

[Vadorequest]

I understand it could be useful, but to do what exactly? I don't see how it's supposed to improve SEO. It's not directly related to SEO AFAICT.

[samuelcastro]

From this article: https://graphcms.com/blog/headless-cms-technical-seo-best-practices I quote:

A joint effort by most of the major search engines, Schema.org provides web developers with a set of pre-defined properties to enrich their HTML tags. The on-page markup adds structure to content and makes it more understandable to search engines. Richer search results can be delivered.

Search Engine bots work hard to understand the content of a page. Helping them by providing explicit clues about the meaning of a page with structured data allows for better indexing and understanding.

[Vadorequest]

Thanks, but how should it be used then? What's the real use-case here? 🤔

[samuelcastro]

You could just create a page example showing up how to use it, it'd enrich the project since the goal is to create a "Flexible production-grade boilerplate" right?

[Vadorequest]

Sure, but what example should be shown? I'm not familiar enough about the benefits and what should actually be done.

Also, since the goal is to improve SEO, I'd use it on all pages, especially the homepage. It seems it could benefit products pages as well.

[samuelcastro]

Ideally in all pages, including a specific example page would be great to illustrate and add more documentation about its usage.

[Vadorequest]

I believe using https://github.com/garmeeh/next-seo might save us time.

[Vadorequest]

https://github.com/garmeeh/next-seo looks great, after reading their doc I strongly inclined in including it and refactoring NRN SEO entirely.