※ブログを移行しました。

BlogをMDXとNext.jsで作成した

このブログはHugoを使って作成したのですが、SEO関連の設定が中途半端だったので今回一通り設定しました。

設定したのは以下の2つです。

事前にGoogleのアカウントは作っておきましょう。


Google Analytics

アクセス解析ができます。Webサイト運営においてはもはや必須ツールですね。導入は非常に簡単なので、サクッとやっちゃいましょう。

  1. Google Analyticsアカウントを作成する アカウントを作成することで生成されるトラッキングIDを利用します。

※ Google Analytics管理画面 > 管理 > プロパティ設定 からも確認できます。

  1. Hugoリポジトリの config.toml に1行追加する
googleAnalytics = "トラッキングID"
  1. リモートリポジトリに反映、デプロイする

これで設定完了です。トップページにアクセスして、Google Analyticsのリアルタイムアクティブユーザーに反映されていれば成功です。


Google Search Console

Google検索結果に反映し、掲載順位の改善等を行ってくれます。ブログを公開しているならこちらも必須の設定ですね。

  1. URLプレフィックスにサイトURLを入力する

  2. HTMLファイルをダウンロードし、リポジトリに配置する。 e.g. static/googlexxxxxxx.html

  1. リモートリポジトリに反映、デプロイする

  2. HTMLファイルにアクセスができるようになるので、確認を押すと以下の画面が表示される

  3. サイトマップのURLを入力する Hugoのプロジェクトであれば、public/sitemap.xmlが自動生成されるので、 sitemap/xml を入力すればOK

以上です。設定後、Google Analyticsで 集客 > Search Console > 検索クエリ から Google Search Consoleとの紐付けを行えば、より精密に分析ができるみたいなので、こちらも設定しておきましょう。

翌日には検索結果に反映され、分析結果も表示されるはずです。