FeaturesSEO
Setup
- Open the
<TagSEO />
component and add your default values (title, description, etc..) - Add the
<TagSEO />
component to each new pages your create and populate with the right values (title, description, canonicalSlug—at least) - When relevant, add the
<TagSchema />
component to your pages/components. It helps Google understand better your website and can get you a rich snippet. Open the component for more documentation. - 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.
Claim your domain ownership on Google Search Console to help indexing
_document.js
The _document.js file has the most basic SEO tags (applied to all pages)
When you create a new page, add the component <TagSEO />
to get all your SEO metatags in place and rank on Google.
page.js
1return (
2 <>
3 <TagSEO
4 title="Short React Tutorial for Beginners | ReactTutorial"
5 canonicalSlug="/tutorial"
6 />
7 <main>
8 <h1>Tutorial</h1>
9 </main>
10 </>
11)