# Website SEO

App is very well optimized with industry-standard SEO practices. There are 2 layers for SEO:

• AppSeo
• Page-level SEO

App SEO is basically the global file for everything related to SEO. Can be found in app/components/seo/AppSeo.tsx. This file contains

• global values
• incoming page-level values

Now each page can have few SEO entires that can be dynamic. For eg. title of a page can be dynamic.

Each page has a method to prepare page-level SEO data. Can be found in app/utils/seo. Let's take home page as an example...

If you goto app/utils/seo/home.ts, you will find a method returning few entries.

// http://localhost:3000/
export const prepareHomePageSeo = (): IAppSeoProps => {
  return {
    title: 'Home',
    description: 'Home',
    canonical: `${appConfig.global.baseUrl}${getHomePageUrl()}`,
    keywords: [''],
  }
}

Now these entries will be passed on to AppSeo.tsx, that component will create a final SEO package and dump at the head of the page.

What else can a page SEO method return?

title: string
description: string
canonical: string
keywords: string[]
noIndex?: boolean
noFollow?: boolean
openGraph?: {
  title?: string
  description?: string
}
twitter?: {
  card?: 'summary' | 'summary_large_image'
  title?: string
  description?: string
}
imageUrl?: string
structuredData?: {
  breadcrumbList?: { [key: string]: any }
  FAQs?: { [key: string]: any }
  product?: { [key: string]: any }
}

Let's understand what these keys mean