Web サイトを公開しても、検索エンジンに正しく認識されなければユーザに届きません。SEO（Search Engine Optimization） は検索エンジンがサイトの内容を正確に理解し、適切にインデックスするための技術的な基盤です。Next.js App Router は generateMetadata API や Route Group、Private Folder といった機能を提供しており、SEO に必要なメタデータ管理を効率的に行うことができます。一方で、Pages Router 時代のテンプレートをベースにしたプロジェクトでは、next/head によるレガシーな SEO 実装が残存しているケースも少なくありません。今回のブログでは、Next.js App Router における SEO の一般的なプラクティスを紹介しつつ、個人ブログで実施した SEO 強化の内容を紹介したいと思います。
- Published on