SEO — Ship Fast ⚡️
Setup
1. Open the
<TagSEO>component and add your default values (title, descrition, etc..)
2. Add the
<TagSEO>component to each new pages your create and populate with the right values (title, descrition, canonicalSlug—at least)
3. 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.
4. 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.
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 well on Google.
return (<> <TagSEO title="Short React Tutorial for Beginners | ReactTutorial" canonicalSlug="/tutorial" /> <main> <h1>Tutorial</h1> </main> </>)