Site icon imagehibiki log

雑多にメモ

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

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

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

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

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

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

Cloudflare で設定

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

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

Image in a image block

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

Image in a image block

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

Image in a image block

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

Image in a image block

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

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

  • クエリ文字列を保持する
  • サブパスの一致
  • パス サフィックスを保持する

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

Image in a image block

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

Image in a image block

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

Image in a image block

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

Image in a image block

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

参考にさせていただいたサイト