検索エンジン向け特別メタタグ

メタロボットタグは、検索エンジンが常に従うディレクティブ(指示)です。これらのロボットタグを追加することで、ウェブサイトのインデックス登録を容易にすることができます。

ディレクティブとサジェスチョン(提案)には違いがあります。

メタロボットタグrobots.txtファイルはディレクティブであり、常に従われます。一方、カノニカルタグサジェスチョンであり、Googleが従うかどうかを決定できます。

ページレベルのメタタグには多くのオプションがありますが、以下はSEOで一般的に関連付けられる例です:

<meta name="robots" content="noindex,nofollow" />

ロボットタグはおそらく最も一般的なタグです。デフォルトではindex,followの値を持つため、指定する必要はありません。allも有効な代替バージョンです:

<meta name="robots" content="all" />

上記の例のように、ロボットタグをnoindex,nofollowに設定すると、検索エンジンに次のように指示します:

  • noindex: このページを検索結果に表示しない。noindexを省略すると、ページはインデックスされ検索結果に表示される可能性があります。ウェブサイトを構築する際、特定のページをインデックスさせたくない場合があります。一般的な使用例には、設定ページ、内部検索ページ、ポリシーページなどがあります。
  • nofollow: このページのリンクをたどらない。これを省略すると、ロボットはこのページのリンクをクロールしてたどることができます。他のページで見つかったリンクはクロールを可能にするため、nofollowを省略すると、Googleはこのページのリンクをクロールしてたどることができます。例えば、リンクAがページXYに表示され、Xnofollowロボットタグがあり、Yにない場合、Googleはリンクをクロールする可能性があります。

注: Googleの公式ドキュメントでディレクティブの完全なリストを確認できます。

Googlebotタグ

<meta name="googlebot" content="noindex,nofollow" />

googlebotタグが表示されることもあります。ほとんどの場合、robotsタグだけで十分です。googlebotタグはGoogle専用です。Googlebotに対して別のルールを設定し、他の検索ボットに対して一般的なルールを設定したい場合にこのタグを使用します。

競合するタグがある場合、より制限の厳しいタグが適用されます。

robots.txtにクロールさせたくないURLを追加できるのに、なぜこれらのタグが必要なのか疑問に思うかもしれません。メタタグを使用すると、ページをオンデマンドでnoindexとしてマークする柔軟性が得られます。

たとえば、商品ページにフィルターを適用して結果が得られない場合、このページをnoindexにするのが一般的な方法です。

robots.txtファイルによってボットのクロールが制限されているURLはGoogleによってクロールされることはありませんが、ルールが追加される前にページがすでにインデックスされている場合、ページはインデックスされたままになる可能性があります。ページがインデックスされないようにする最良の方法は、noindexタグを使用することです。

注: Googleはクロールせずにページをインデックスすることがあります。これは非常にまれですが、Googleが特定の検索結果を満たすためにページが必要であり、そのページにユーザーが期待する内容が含まれていると確信している場合に発生します。

Googleタグ

nositelinkssearchbox

<meta name="google" content="nositelinkssearchbox" />

ユーザーがあなたのサイトを検索すると、Google検索結果には、サイト専用の検索ボックスや他の直接リンクが表示されることがあります。このタグは、Googleにサイトリンク検索ボックスを表示しないように指示します。

notranslate

<meta name="google" content="notranslate" />

Googleは、サイトの内容がユーザーが読みたいと思われる言語ではないと認識すると、検索結果に翻訳へのリンクを提供することがよくあります。

一般的に、これにより、より多くのユーザーに独自の魅力的なコンテンツを提供する機会が得られます。ただし、これが望ましくない状況もあります。このメタタグは、Googleにこのページの翻訳を提供しないように指示します。

ここまでで、よく見かける一般的なタグについて説明しました。以下は、それらのタグを使用したページの例です:

import Head from 'next/head';
 
function IndexPage() {
  return (
    <div>
      <Head>
        <title>Meta Tag Example</title>
        <meta name="google" content="nositelinkssearchbox" key="sitelinks" />
        <meta name="google" content="notranslate" key="notranslate" />
      </Head>
      <p>Here we show some meta tags off!</p>
    </div>
  );
}
 
export default IndexPage;

この例でわかるように、next/headを使用しています。これは、ページのheadに要素を追加するための組み込みコンポーネントです。head内でタグが重複しないようにするには、keyプロパティを使用します。これにより、タグが1回だけレンダリングされるようになります。

On this page