Next.js App Routerにおける「noindex」の設定

noindex とは

noindex タグとは、Google などの検索エンジンにサイトやページをインデックスさせないようにするためのメタタグのこと

設定方法

設定は簡単で、metadata = {}のなかに、指定の記述を行うだけ。

layout.tsx

export const metadata: Metadata = {
  title: {
    template: '%s | タイトル',
    default: 'タイトル',
  },
  description:
    'デスクリプション',
  robots: {
    index: false, // noindexの設定
  },
};

Google のクローラーをブロックする場合

export const metadata: Metadata = {
  // 省略
  robots: {
    googleBot: {
      index: false,
    },
  },
};