SEO

Adding SEO to Page

You can add seo to your pages by adding seo object in routes.

The below example shows how seo object is added to the about page of the boilerplate.

const routes = [
  {
    path: "/about",
    component: About,
    layout: DefaultLayout,
    
    seo: {
      title: "About Page",
      description: "This is all of the description more than 200 characters",
      keywords: "some,awesome,keywords",
      image: "http://example.com/img.jpg",
      site_name: "Site Name",
      type: "article",          // article/product
      type_details: {
        price: {
          currency: "USD",
          amount: "15",
          currency_symbol: "$",
        },
        color: "black",
        section: "Lifestyle",       // Lifestyle/sports/news
        site_name: "Site name",
        published_time: "2013-09-17T05:59:00+01:00",
        modified_time: "2013-09-17T05:59:00+01:00",
      },
      meta: [
        {
          name: "Tirth",
          content: "Bodawala"
        },
      ],
    },
    routes: [
      {
        path: "/about/:section?",
        bundleKey: "about",
        exact: true,
        component: AboutSection
      }
    ]
  }
];
  
export default routes;