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

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

export const metadata = {
	title: 'Test site',
	description: 'This is my page description.',
};

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

あなたのサイトのメインレイアウトのタイトルを変更してください。変更されていることを確認してください。

あなたのサイトのメインレイアウトのメタ説明を変更してください。その後、サイトのソースコードを開き、変更されていることを確認してください。