Cloudflareで大量URLの301リダイレクトを無料で実現する方法
はじめに
こんにちは、Web制作＆Webマーケティング事務所CreaT（クレアト）です。この度、ホームページのリニュアルにあたり、大量（といっても30個程度）のURLリダイレクトを無料で実現したので簡単に共有します。
301リダイレクトとは
新サイトに旧URLからユーザーを正しく転送させたい。
そんなときに便利なのが、CloudflareのBulk Redirects（アカウント単位）とリダイレクトルール（ドメイン単位）。ただ、制限も多く少しハマってしまいました。
なお以下参考にさせていただいたサイトの一部。
状況：10年前に作ったHPのリニューアル
概要：今回は10年前に作ったHPのリニューアル。多言語HPだったので、そこそこリダイレクトするページが発生したケース。
CMS：STUDIO（独自ドメイン接続）
DNS管理：Cloudflareに移行済み（ネームサーバーをCloudflareに。またプロキシON）
旧URL：HTMLページベース（例：/about-me.html）
新URL：クリーンなパス構造（例：/about）
実現したかったこと
/ja/feedback.html を /ja/feedback にリダイレクトしたい
http:// でアクセスしてきた人を https:// に強制
www. あり／なしどちらでもリダイレクトさせたい
SEOを考慮し、301リダイレクトを使いたい
できる限り無料で完結させたい（Proプランに課金せず）
直面したハードル
❌ リダイレクトルール機能は個数が限られている
ドメインごとに設定できるリダイレクトルールは無料プランだと10個まで。これでは30個のURLを転送しきれない
❌ Bulk Redirectのリストを増やそうとしてもルールを追加できない
ならばアカウントごとに設定できるBulk Redicrectで一括リダイレクトしようとした
Bulk Redirectのリストは5つまでとの情報があるが、なぜか1リスト20件で上限に達する
実はCloudflare側が一部アカウントでリストあたりのルール数に暫定制限（20件）をかけていたらしい
❌ Cloudflareに追加したドメインのプロキシをONにすると、動かない
This page isn’t working. Example.com redirected you too many times. Try deleting your cookies. ERR_TOO_MANY_REDIRECTS みたいなのが出てしまう
解決に至った方法とポイント
✔ ChatGPTに聞く
以下、諸々ChatGPTに聞きつつ作業しました。
✔ プロキシON（オレンジ雲）必須！
DNS画面で michiko.ch や www のレコードがグレーだと、Cloudflareはリクエストを見ていない
必ず ☁️ をオレンジにしておく
✔ HTTP → HTTPS でループしないように注意
Cloudflareの「SSLモード」を Flexible → Full に変更
これをしないと STUDIO 側とCloudflareでリダイレクトループが起きて ERR_TOO_MANY_REDIRECTSとなる
以上で無事に解決され、Bulk Redirects（アカウント単位）とリダイレクトルール（ドメイン単位）の合せ技でなんとか全部リダイレクトできました。
以下は当事務所サービスのPRになります。当事務所では「適正価格で効果の出るHP制作」をモットーに、ホームページ制作を承りまっております。
プロが集客に強いホームページを制作します
✅当事務所の特徴
当事務所は 「即レス＆高品質＆低コスト」をモットーに、中小法人・個人事業主様の集客につながるプロフェッショナルなホームページ制作・LP制作・Webコンサルティングを請け負っております。マネージャークラスと若手メンバーでチームを組み、かつスケールメリットを効かせることによって、高品質＆低コストを実現しております。
✅このようなクライアント様にオススメです
新規開業等に伴い、案内用のシンプルなホームページが欲しい
費用を抑えつつも、モダンなデザインで集客成果の出るWebサイトを作りたい
レスポンシブデザイン（PC/スマホ/タブレット対応）を重視したい
HP制作後は、自分で簡単に更新したい
✅プラン内容
STUDIO、Wix、またはWordPressによる制作
独自ドメイン利用可
ページ構成：トップページ＋下層ページ7枚（商品/サービスページ、会社/法人概要、実績紹介、お問い合わせ、ブログ、FAQ等）
⇒基本情報さえいただければ、具体的なコンテンツ丸投げでもOKです◎足りないコンテンツはフリー素材/生成AIにてご用意可能
レスポンシブデザイン：PC/スマホ/タブレット様々な画面サイズに最適化
基本SEO/メタタグ設定：Google検索に登録されやすい形で納品
お問い合わせフォーム：メール転送 or Googleフォーム連携も可
その他、アクセス分析機能追加、SNS連携、Googleマップ挿入、常時SSL化等ももちろん対応
✅アフターフォロー
当初のご依頼内容である限り、修正回数無制限◎
運用後、ご不明点があればいつでも無償で質問対応◎
ご依頼をお待ちしております。
コメント