---
title: ページがGoogle等の検索に引っかからないようにしたいです。
discription: フロントエンド側でrobots.txtの配置や、noindexのメタタグで実装をお願いします。
category: howto
---

import StructuredDataFaqs from '@site/src/components/StructuredDataFaqs';

<StructuredDataFaqs faqs={[
    { question: "ページがGoogle等の検索に引っかからないようにしたいです。", answer: "フロントエンド側でrobots.txtの配置や、noindexのメタタグで実装をお願いします。" }
]} />

フロントエンド側でrobots.txtの配置や、noindexのメタタグで実装をお願いします。

## robots.txtを配置する場合
フロントエンドのルートディレクトリにrobots.txtを配置ください。  
Nuxt.jsの場合は`/static`ディレクトリに配置します。

## noindexのメタタグをセットする場合
`<meta name="robots" content="noindex">`のメタタグをセットください。  
Nuxt.jsの場合は、以下のようになります。

```js
export default {
  head () {
    return {
      meta: [
        { hid: 'robots', name: 'robots', content: 'noindex' }
      ]
    }
  }
}
```

:::caution
noindex が有効に機能するためには、robots.txt ファイルでページまたはリソースをブロックせず、クローラがページにアクセスできる必要があります。
:::

## 参考
- [robots.txt の概要](https://developers.google.com/search/docs/advanced/robots/intro?hl=ja)
- [noindex を使用して検索インデックス登録をブロックする](https://developers.google.com/search/docs/advanced/crawling/block-indexing?hl=ja)
- [Meta Tags and SEO](https://nuxtjs.org/ja/docs/features/meta-tags-seo/)