VuePressに GoogleSearchConsole のメタタグを埋め込む

概要

ブログがどれだけ人に見られてるかってのは更新するモチベーションの1つです。
そこで、VuePress で作成したサイトに GoogleSearchConsole のメタタグを追加してアクセス解析を閲覧できるようにします。

GoogleAnalytics の場合は標準でトラッキングコードの埋め込みが用意されていますし、公式ドキュメントで案内されています。
しかし、GoogleSearchConsole のメタタグを追加については公式ドキュメントに記載がないので紹介しておきます。

目次

• 環境
• VuePressでGoogleSearchConsoleを使う
  • GoogleSearchConsoleのメタタグの追加
• 雑感

環境

• Mac OS X Mojave 10.14.3
• VisualStudio Code 1.32.2

$ node -v
v11.12.0
$ npm -v
6.7.0
$ vuepress -V
0.14.10

VuePressでGoogleSearchConsoleを使う

私の場合は独自ドメインなのでDNS経由でサイトの所有権確認をしましたがあとで気付きました。
「そういえばメタタグ埋め込めるんだからそれでやればいいんじゃ…」でビンゴでした。

GoogleSearchConsoleのメタタグの追加

VuePressでのメタタグの追加方法は以下の公式ドキュメントで紹介されています。

• Config Reference#head | VuePress 🔗

GoogleSearchConsole でプロパティの追加を実施すると認証用文字列が提示されます。
下記ドキュメントの様に所有権の認証方法が複数種類提示されます。
今回はHTMLタグを追加する方法で認証します。

• サイトの所有権を確認する - Search Console ヘルプ 🔗

config.js 内で下記の様に記述します。（これだけです…）

• config.js

module.exports = {
  head: [
    [
      "meta",
      {
        name: "google-site-verification",
        content: "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",
      },
    ],
  ],
};

雑感

サイトマップ作ってないから結局意味ないんですけどね…