Cloudflare Pagesのカスタムドメインへ元のドメインからリダイレクト

このブログは、notion + astro-notion-blog で作り Cloudflare Pages に置いて運用しています。

Cloudflare Pages では、デフォルトで「xxx.pages.dev」というようなドメインが割り振られて使うことになります。

Cloudflare Pages でカスタムドメインを設定しても、このデフォルトのドメインは残される模様。そのため同じコンテンツが２つの URL で見れる形になってしまいます。

同じコンテンツが複数の URL にあるのはあまりよくないので、URL の正規化（１つにする）をしました。

参考）URL の正規化について

Cloudflare の「一括リダイレクト」を利用します。

step1. Cloudflare の左ナビゲーションから「一括リダイレクト」をクリック。

step2. 一括リダイレクトページの「一括リダイレクトルールの作成」をクリック。

step3. リダイレクトの名前と説明を追加する。わかりやすいものであれば何でもOK。入力したら「次へ」をクリック。

step4. 「リダイレクトする URL を追加する」ページの下部、「または、手動で URL リダイレクトを追加します」をクリック。

step5. 「ソースURL」にデフォルトの URL、「ターゲットURL」にリダイレクト先となるカスタムドメインの URL、「ステータス」は 301 のまま、に設定。

「パラメータを編集する」をクリックして、以下の 3 つにチェックを入れる。

最後に「次へ」をクリック。

step6. 「URL リダイレクトの確認と編集」ページになるので、内容が OK か確認して「次へ」をクリック。

step7. 「一括リダイレクトルールを追加してセットアップを完了します。」ページになるので、「リダイレクトルールに進む」をクリック。

step8. 「一括リダイレクトのルールを追加する」ページになるので、「ルール名」を入力し、最初に設定したリダイレクトの名前のほうにチェックを入れて、「保存してデプロイする」をクリック。

step9. リダイレクトがちゃんと動いているか確認して完了！