NextJSにおけるサイトのメインレイアウトのメタデータ

さて、前のレッスンでは、メタデータを挿入する様々な方法があることを確認しました。 最も簡単な方法は、以下の構造を使用してレイアウトファイルで設定することです：

app/layout.jsxexport const metadata = {
  title: 'Test site',
  description: 'This is my page description.',
};

この場合、タイトルとメタ説明は私たちが指定したものに変更されます。 しかし、このアプローチには重大な問題があります。 それは、メタデータがサイトのメインレイアウトにハードコードされていることです。つまり、すべてのURLに対して同じメタデータが設定されることになります。 これは、SEOの観点からも、サイトの使いやすさの観点からも適切ではありません。