• トップページ
• Blog
• Gatsbyで作ったサイトをGoogle Search Consoleに登録する

Gatsbyで作ったサイトをGoogle Search Consoleに登録する

サイトをGoogle Search Console（サーチコンソール）に登録する場合、適切なGoogle Analyticsタグが入っていればすぐに登録できます。しかし、Gatsbyで制作したサイトにgatsby-plugin-google-analyticsでGoogle Analyticsのタグを入れている場合うまく登録できませんでした。

今回はGoogle Analyticsのタグを使わずにSearch Consoleに登録する方法を試してみました。

Metaタグに確認コードを入れてみる

Google Analyticsコードを入れる代わりにMetaタグにgoogle-site-verificationを設定してSearch Consoleに認証してもらう方法があるので試してみました。gatsby-plugin-react-helmetを入れた上でメタタグを追加します。

<Helmet
      title="ページのタイトル"
      meta={[
        {
          name: 'google-site-verification',
          content:
            'Googleから発行されたコードをコピー&ペースト',
        },
      ]}
    />

例えば、サイトのトップページ(pagesの中のindex.jsなど)に上記コードを追加して本番環境にデプロイするとmetaタグとしてsite-verificationコードがHTML上で表示されます。以下のような形になります。

<meta data-react-helmet="true" name="google-site-verification" content="Googleから発行されたコード">

atnr.net の RSS登録はこちらから

コメントは受け付けていません。