Setup
Open config.js file and add values for appName, appDescription, and domainName. These values will be used as default SEO tags. The helper /libs/seo.js adds all the important SEO tags (with your default values) to all pages thanks to the main /app/layout.js file.
To add custom SEO tags to a page without rewritting all the tags, do this:
1
2
3
4
5
6
7
8
9
10
11
12
import { getSEOTags } from "@/libs/seo";
...
export const metadata = getSEOTags({
title: "Terms and Conditions | ShipFast",
canonicalUrlRelative: "/tos",
});
export default async function TermsAndConditions() {
...
I recommend setting title andcanonicalUrlRelative for each pages.
When relevant, add Structured Data to a page using the renderSchemaTags() function in /libs/seo.js. It helps Google understand better your website and can get you a rich snippet. Open the component for more documentation. Here's an example:
Add your root URL to siteUrl (i.e. https://yourdomain.com) in the next-sitemap.config.js file, in the root folder. It will generate a sitemap.xml & robots.txt file for all your pages (at build time).
Claim your domain ownership on Google Search Console to help indexing
