この記事では、noindexタグとは何か、なぜ使うのか、どうやって使うのかを、HTMLとCSSの基礎知識がある方向けにやさしく解説していきます。
noindexタグとは？
noindexタグとは、検索エンジンに対して「このページを検索結果に表示しないで」と伝えるためのメタタグです。
通常、WebページはGoogleやBingなどの検索エンジンにクロール（巡回）され、検索結果に表示されます。しかし、noindexを使うと、そのページが検索結果から除外されます。
具体的には、こんな感じで使います：
<head>
<meta name="robots" content="noindex">
</head>
このように<head>タグ内に記述することで、そのページは検索エンジンにインデックスされなくなります。
メタタグとは？
メタタグ（metaタグ）は、HTMLドキュメントの<head>セクション内で使われ、Webページに関する情報を提供するタグです。この情報はページの外観やコンテンツの直接的な表示に影響しない場合が多いですが、検索エンジンやブラウザに対する重要な指示を行うために使われます。
どんなときに使うの？
検索エンジンへの情報提供
「せっかく作ったページなのに、なんで検索に出ないようにするの？」と思うかもしれません。でも、noindexが必要なケースもあるんです。
主な使いどころ：
-
管理画面やログインページ
管理者だけが使うページは、検索に出る必要はありません。 -
重複コンテンツ
同じ内容のページが複数あるとSEO評価が下がることがあります。その場合は、一方にnoindexを入れて対策します。 -
テスト用のページや下書きページ
開発中のページを誤ってインデックスされないようにするために使います。
noindexの正しい使い方
1. HTMLに直接書く方法
先ほど紹介したように、HTMLの<head>に次のように記述します：
<meta name="robots" content="noindex">
これは、Googleなどの検索ロボットに「このページは検索結果に表示しないで」と伝える命令です。
2. X-Robots-Tag（HTTPヘッダーでの指定）
こちらはサーバー設定で使う方法ですが、初心者のうちはHTML内のmetaタグで十分です。
noindexを使うときの注意点
実は、noindexを入れてもページの内容はクロールされる（読み込まれる）ことがあります。検索結果には表示されませんが、リンクなどはたどられます。
完全にクロールもされたくない場合は、「noindex, nofollow」や「robots.txt」で制御しましょう。
<meta name="robots" content="noindex, nofollow">
これで、検索結果に表示されず、リンクもたどられなくなります。
まとめ
- noindexとは？
- ページを検索結果に出さないためのmetaタグ
- なぜ使う？
- 管理画面、テストページ、重複コンテンツのSEO対策など
- 使い方
<meta name="robots" content="noindex">をheadタグ内に記述
- 注意点
- 必要に応じて「nofollow」や「robots.txt」と併用する
noindexタグは、SEO対策における「守り」のテクニックともいえます。正しく使えば、検索結果を整理し、ユーザーと検索エンジンにとって質の高いサイトづくりに貢献できます。
まだまだ学ぶことが多いSEOの世界ですが、ひとつひとつ覚えていけば大丈夫です！次回は「nofollowタグとの違い」や「robots.txtとの使い分け」も紹介していきますね。
コメント