Tesshu's Blog

gatsbyjs製ブログをGoogle Search Consoleに登録する方法

February 11, 2020

sitemapをGoogle Search Consoleに登録して、googleの検索に当ブログがヒットするようにしたい。 Google Search Conosleに登録するためには、サイトの所有権を証明しないといけません。複数のやり方がGoogle Search Consoleから提示されますが、 metaデータをサイトに仕込んで証明する方法が一番簡単そうだったので、その方法を紹介します。

1. Google Search Consoleに登録

1-1. Google Search Consoleにブログを登録

Google Search Consoleに会員登録したら、自分のブログをプロパティに追加します。 プロパティに追加する際、追加するサイトが自分のサイトかどうか確認をする作業が発生します。 私は、こちらを参考に、metaデータにGoogle Search Consoleが提示するkeyを追加して対応しました。

1-1-1. 所有権確認のためのmetaデータ設定

下記画像にあるcontent以下をコピーします。 check ownership

metaデータを記述しているコードを修正します。 当サイトと同じテンプレを使っている場合、src/components/seo.jsを修正します。

    <Helmet 
    meta={(
        ・・・,
        {
          name: 'google-site-verification',
          content: '[上記でコピーしたkey]',
        }
    ).contact(meta)}>

1-1-2. 設定したmetaデータ確認。

デプロイ後、コンソールから設定したmetaデータが入っていることが確認できます。 確認ができたら、Google Search Consoleにて、確認ボタンを押し、所有権が証明されます。

check meta

Written by Tesshu Ohkura who lives and works in Tokyo building useful things. Click Here or the thumbnail to know me more!