SEO Checklist for Nextjs 14

LAST UPDATED: August 19, 2024

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.