【Next.js】canonical設定方法について
重複ページまたは非常に類似したページの正規 URL を指定する場合に有効な「rel="canonical"」をNext.jsで指定する場合は、下記を追加します。
1.静的ページの場合
export const metadata = {
alternates: {
canonical: 'https://www.studiobeatle.com/',
},
}
2.動的ページの場合
export async function generateMetadata({ params }) {
return {
alternates: {
canonical: `https://www.studiobeatle.com/${params.slug}/`,
},
}
}