前回の記事でお知らせした通り、当ブログの URL を blog.yotiosoft.com から blog.yotio.jp に移転しました。

やっぱり短いドメインはスッキリしていいですね。5文字しか短くなってないけど。

ドメイン移転の際にやったこと

このブログは Jekyll で運営しており、サーバは GitHub Pages を利用しています。

この前提を踏まえて、DNS 設定の変更、GitHub Pages での URL 変更、Jekyll の URL 設定の変更、リダイレクト設定、Google Search Console の URL 設定変更、Google Analytics の URL 設定変更を行いました。

1. 移転先ドメインの DNS 設定を変更

今回の移転先である yotio.jp は XServer ドメインで取得しました。

移転前に引き続き移転後も GitHub Pages で運用するので、CNAME で blog.yotio.jp を GitHub Pages に向けて設定しています。

image-20241214052358983

2. GitHub Pages で URL 設定を変更

GitHub Pages に移動し、GitHub Pages の設定画面から Custom domain を変更。

もともと blog.yotio.jp -> blog.yotiosoft.com のリダイレクト用の別のリポジトリに登録していたこともあって、認証はすぐに通りました。

image-20241214052603925

程なくして blog.yotio.jp でアクセスできることを確認できました。

スクリーンショット 2024-12-14 035759

3. Jekyll で URL 設定を変更する

必須かどうかはわかりませんが、Jekyll の _config.yml に URL 設定があるので一応変更しておきます。

# SITE CONFIGURATION
url: "https://blog.yotio.jp"

# THEME-SPECIFIC CONFIGURATION
title: 為せばnull                                        # site's title
description: "YotioSoftのブログ"       					# used by search engines
avatar: assets/img/blog_logo.png                        # Empty for no avatar in navbar
favicon: assets/favicon.ico                             # Icon displayed in the tab

...

4. リダイレクト設定をする

ここに関しては後ほど別記事で詳細を書きます。

書きました。Cloudflare Redirect Rulesで移転先サイトにリダイレクトさせる | 為せばnull

旧 URL から新 URL にリダイレクトさせる方法はいくつかありますが、Cloudflare の Page Rules が便利そうだったのと、yotiosoft.com ドメインを Cloudflare のネームサーバで管理していることもあり、Cloudflare Page Rules でリダイレクトを設定しました。

このツールを使うと 301 Moved Permanently でリダイレクトしてくれます。301 リダイレクトは次の Google Search Console でのアドレス変更設定で必須です。

$ curl -I https://blog.yotiosoft.com
HTTP/2 301
date: Fri, 13 Dec 2024 19:31:33 GMT
content-type: text/html
content-length: 167
location: https://blog.yotio.jp/
cache-control: max-age=3600
expires: Fri, 13 Dec 2024 20:31:33 GMT
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=ffbfHRgswDfYEml9ovmQS5h5vNRIc%2FpODh%2FeBkYKm6klVLHeZi66wjgBNHX8Eyv%2BN9tbOtvj32aBzPJaBj1NhdeXJ%2FAXuxodOVlntfPwA1n2%2BUNOCnmD84wobanTNZH4nIwNX4WO%2FcUxWYIGdwiqOyE%3D"}],"group":"cf-nel","max_age":604800}
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
server: cloudflare
cf-ray: 8f1860075c90afd0-NRT

5. Google Search Console でアドレス変更設定

URL が変更されたことを Google Search Console に通知します。通知が完了すると検索結果に新しい URL が適用されます。

アドレス変更ツール - Search Console ヘルプ

ヘルプページによると、アドレス変更設定の際には 3. で設定したような 301 リダイレクトが必須です。200 を返して JavaScript でリダイレクトする方法ではアドレス変更が適用できないのでご注意を。

ここの手順についても別記事に書きます。

書きました。Google Search Consoleのアドレス変更ツールでサイト移転を通知する | 為せばnull

6. Google Analytics でアドレス変更設定

最後に、アクセス解析用に利用している Google Analytics で URL 設定を変更します。

Google Analytics の「管理」から「データ ストリーム」を選択します。

スクリーンショット 2024-12-14 044134

プロパティを選択し、

スクリーンショット 2024-12-14 044150

「ストリームの詳細」の右上の編集ボタンを押します。

スクリーンショット 2024-12-14 044204

ウェブ ストリームの URL を変更して「ストリームの更新」を選択します。

スクリーンショット 2024-12-14 044227

これにて完了です。

スクリーンショット 2024-12-14 044239

おわりに

各ツールのお陰でスムーズに移転できました。便利な時代ですね。