チャプター8

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

Meta robotタグは、検索エンジンが常に尊重するディレクティブ（指示）です。これらのrobotsタグを追加することで、ウェブサイトのインデックス作成が容易になります。

ディレクティブとサジェスチョン（推奨）には違いがあります。

Meta robotsタグまたはrobots.txtファイルはディレクティブであり、常に遵守されます。**Canonicalタグ**は、Googleが遵守するかどうかを決定できる推奨です。

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

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

robotsタグは、おそらく最も一般的に見られるタグです。デフォルトでは値はindex,followとなり、指定する必要はありません。allも有効な代替バージョンです。

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

上記の例のようにrobotsタグをnoindex,nofollowに設定することで、検索エンジンに以下を指示します。

noindex：このページを検索結果に表示しない。noindexを省略すると、ページはインデックス作成可能で検索結果に表示されることを示します。ウェブサイトを構築する際、特定のページをインデックスしたくない場合があります。一般的なユースケースとしては、設定ページ、内部検索ページ、ポリシーなどが挙げられます。
nofollow：このページのリンクをたどらない。これを省略すると、ボットはページ上のリンクをクロールしてたどることができます。他のページにあるリンクはクロールを可能にする場合があるため、nofollowを省略すると、Googleはページ上のリンクをクロールしてたどることができます。他のページにあるリンクはクロールを可能にする場合があるため、もしリンクAがXおよびYのページに表示され、Xにnofollowのrobotsタグがあり、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プロパティを使用できます。これにより、タグは一度だけレンダリングされます。