SEO Checklist for Nextjs 14

The check-list covers on-page and technical SEO, providing a comprehensive guide for optimizing your website's search engine performance. It includes crucial elements such as meta tags, sitemap and robots.

Meta tags

Add meta tags to your app in layout.tsx use Metadata API If you are new to SEO, here is a beginner guide

Robots

Add or generate a robots.txt file that matches the Robots Exclusion Standard in the root of app directory to tell search engine crawlers which URLs they can access on your site.

Sitemap

You can use the generateSitemaps function to generate multiple sitemaps for your application.

Structured data (JSON-LD)

JSON-LD is a format for structured data that can be used by search engines to understand your content. For example, you can use it to describe a person, an event, an organization, a movie, a book, a recipe, and many other types of entities.

Open Graph and Twitter Card metadata

The opengraph-image and twitter-image file conventions allow you to set Open Graph and Twitter images for a route segment. They are useful for setting the images that appear on social networks and messaging apps when a user shares a link to your site. Docs

Web app manifests

Add or generate a manifest file that matches the Web Manifest Specification in the root of app directory to provide information about your web application for the browser.

Favicon, icon, and apple icon

Learn what formats are allowed and where to put these files in project here

Analyzing your SEO performance

Scan your application using SEO tool SEO site checkup or On-Page SEO Checker to evaluate its search engine optimization score.