# SEO

It's important to include the right metadata tags information for each page.\
\
The most common are `title` and `description`, but you can customize the open graph preview image, and the social network cards.

The `layout.tsx` page already contains default metadata, taking data from the `config.ts` file.

{% code title="src/app/layout.tsx" %}

```typescript
export const metadata: Metadata = {
  ...getSEOTags({
    metadataBase: new URL(websiteUrl),
    title: landingPageTitle,
    description: landingPageDescription,
  }),
  ...getOpenGraph({
    title: landingPageTitle,
    description: landingPageDescription,
    imageUrl: openGraphImageUrl,
    websiteUrl,
    twitterImageUrl: openGraphImageUrl,
    twitterHandle: "",
    twitterMakerHandle: "",
  }),
};
```

{% endcode %}

You can override the default meta tags, by exporting a metadata object in a `pages.tsx` file.