※ブログを移行しました。
BlogをMDXとNext.jsで作成したこのブログはHugoを使って作成したのですが、SEO関連の設定が中途半端だったので今回一通り設定しました。
設定したのは以下の2つです。
事前にGoogleのアカウントは作っておきましょう。
Google Analytics
アクセス解析ができます。Webサイト運営においてはもはや必須ツールですね。導入は非常に簡単なので、サクッとやっちゃいましょう。
- Google Analyticsアカウントを作成する アカウントを作成することで生成されるトラッキングIDを利用します。
※ Google Analytics管理画面 > 管理 > プロパティ設定 からも確認できます。
- Hugoリポジトリの
config.toml
に1行追加する
googleAnalytics = "トラッキングID"
- リモートリポジトリに反映、デプロイする
これで設定完了です。トップページにアクセスして、Google Analyticsのリアルタイムアクティブユーザーに反映されていれば成功です。
Google Search Console
Google検索結果に反映し、掲載順位の改善等を行ってくれます。ブログを公開しているならこちらも必須の設定ですね。
URLプレフィックスにサイトURLを入力する
HTMLファイルをダウンロードし、リポジトリに配置する。 e.g.
static/googlexxxxxxx.html
リモートリポジトリに反映、デプロイする
HTMLファイルにアクセスができるようになるので、確認を押すと以下の画面が表示される
サイトマップのURLを入力する Hugoのプロジェクトであれば、public/sitemap.xmlが自動生成されるので、
sitemap/xml
を入力すればOK
以上です。設定後、Google Analyticsで 集客 > Search Console > 検索クエリ
から Google Search Consoleとの紐付けを行えば、より精密に分析ができるみたいなので、こちらも設定しておきましょう。
翌日には検索結果に反映され、分析結果も表示されるはずです。