blogブログ

【Next.js】canonical設定方法について

【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}/`,
   },
  }
}

TOP