💾

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

gatsbyプラグインをインストール

下のリンクを参考にプラグインをインストールします。


cd (フォルダー名)
npm install --save gatsby-plugin-react-helmet react-helmet

インストールしたらgatsby-config.jsに下のコードを書きます。

plugins: [`gatsby-plugin-react-helmet`]

caution

公式サイトにも書かれていますが、gatsby-plugin-offlineを使っている場合、バックグラウンドでタブを開くとタイトルが表示されない場合があるみたいです。そのような場合は後で紹介するコードに下のオプションを追加してください。


<Helmet title="ページのタイトル" defer={false} />

index.jsに書いてみる

下のコードをpages/index.jsに書きます。gatsby developでは分かりませんが、gatsby buildでデプロイするとmetaタグとして書き出されます。


<Helmet
      title="ページのタイトル"
      meta={[
        {
          name: 'google-site-verification',
          content:
            'Search Consoleのコード',
        },
      ]}
    />







WEBデザインブログ「Koblog」の管理人。現役高校生。趣味は音楽鑑賞とネットサーフィン・読書。主にWEBデザイン・プログラミング・GatsbyJS・はてなブログ関連のことについて発信していきます。投げ銭をしてくれる方を募集しています。

donation