Webflowで301リダイレクトを1件ずつ設定する手順は？
StudioからWebflowへの移行に伴ってページのURLが変わった場合、手動での転送設定はどこから進めればよいでしょうか。旧URLと新URLの対応表ができていれば、あとはWebflowの管理画面で旧パスと新パスを組みにして登録していくだけです。ただし、Webflowで個別に転送ルールを登録するには、有料Site planの契約、または有料Workspace planに属するサイトが必要です。
すでにWebflow側で同じパスの静的ページが存在していると、リダイレクトの設定で競合が起きます。その場合は設定前に該当ページを削除するか、下書きとして保存するか、あるいはスラッグを変更して旧パスを空けておきましょう。
- Site settingsからPublishingを開き、301 redirectsの欄へ進む
- Old pathに旧パス、Redirect to pathに新パスを入れる
- Add redirect pathをクリックする
- サイトを公開する
- 新しいブラウザタブで旧URLを開き、狙った新URLへ飛ぶか確かめる
画面の詳細はWebflowのリダイレクト設定ヘルプに載っています。注意したいのは、登録しただけでは転送が動き出さない点です。設定を保存したあとにサイトの公開操作を行って初めて、Webflowのサーバー側へルールが反映されます。
ちなみに、Studioで設定していた転送は、そのプロジェクトに接続しているドメインのパスにしか効きません。ドメインをWebflowへつなぎ替えた時点で、Webflow側に登録し直す必要があります。
Webflowの仕様上、登録できる転送ルールの総数に固定の上限は定められていませんが、公式の推奨値は最大1,000件とされています。ワイルドカードでまとめられる転送はまとめたほうが管理も楽になりますね。
Webflowではリダイレクトを一括で登録できますか？
たとえば数十本から数百本に及ぶ記事や固定ページを移行するケースでは、1件ずつ管理画面へ打ち込む作業に大変な時間がかかります。Webflowでは、301リダイレクトの設定をCSVファイルでまとめて取り込んだり、既存の設定を書き出したりできる仕組みが整っています。Studioでは複数ページをまとめて転送する一括設定ができず、ページのパスごとに個別に設定します。これに対してWebflowでは、手元の表計算ソフトでURLの一覧を整えてから一度に取り込めるため、大量のページを移し替える場面で作業の手間を大きく省けますね。
準備するCSVファイルは、1列目に旧パス、2列目に新パスを配置した2列の構成にし、設定ごとに1行ずつ記述します。アップロードできるCSVファイルの容量上限は16MBです。これは容量の制限で、登録できる件数の上限とは別物です。作成したファイルは、管理画面の「Site settings」内にある「Publishing」から「301 redirects」へ進み、「Import」ボタンから読み込ませます。手順はCSVの取り込み・書き出しヘルプで確認できます。
ここで気をつけてほしいのが、取り込みによって既存のリダイレクトがすべて消えて上書きされる仕様です。すでに手入力した設定があるなら、先にExportで書き出し、そのCSVに追加分を足してから取り込みましょう。バックアップとして保存するだけでは足りず、残したい行を取り込むファイルに入れておかないと消えてしまいます。
取り込みが終わっても転送はまだ動いておらず、サイトを公開したところで反映されます。
Studioで使っていた独自ドメインをWebflowにつなぎ替えるには？
Studioで運用していた独自ドメインをそのままWebflowへ引き継ぐには、外部のDNSをどう設定すればよいでしょうか。ドメインの接続先変更は、StudioやWebflowの管理画面の中だけでは完結せず、ドメインを管理している外部サービスのDNS設定画面で進めます。お名前.comやムームードメインなど、契約している会社の管理画面を開くところから始めましょう。
Webflow側の準備は次の順です。
- 対象サイトにSite planを追加する
- PublishingのProductionから独自ドメインを追加する
- 画面に出る所有確認コード（one-time-verification=で始まる値）を、_webflowというTXTレコードに設定する
- 所有確認が済んだら、そのドメインへサイトを公開する
あわせて、これまでStudioに向けていた古いDNSレコードを整理します。StudioのAレコードとして設定されていた「34.111.141.225」などの値や関連するCNAMEレコードを残したままにすると、Webflowの通信と競合してアクセス障害の原因になります。他のメール設定などに影響しないよう注意しながら、Webサイト向けの古いレコードを削除しましょう。
DNSに入れる値はサイトごとに違う場合があるので、必ずProductionの画面で自分のサイトの値を見てください。独自ドメインの手動接続ヘルプには例としてAレコードの198.202.211.1、wwwのCNAMEのcdn.webflow.comが載っていますが、実際に入力するのはProductionの画面に表示された値です。
設定を済ませたら、Webflowの「Production」画面にある「Check status」をクリックして接続状態を検証します。DNSの変更が行き渡るまで最大48時間かかることがあり、すぐに成功しなくても、時間を置いて再確認すれば通る場合が多いでしょう。
移行後のWordPressで301リダイレクトを設定するには？
ホスティング画面の管理項目から直接リダイレクトを登録するWebflowとは異なり、移行先としてWordPressを選んだ環境ではプラグインを導入して転送を設定するのが一般的です。
よく使われているのがRedirectionプラグインです。RedirectionはWordPress.orgで無料で配布されています。プラグインをインストールして有効化すると、WordPressの管理画面にある「ツール」メニュー内に「Redirection」が追加されます。Studioから移した記事が多いときは、CSVでの取り込みが便利です。形式は「転送元URL,転送先URL」の順で、1行に1件ずつ書きます。
URLに共通の決まりがあるなら、Redirectionは正規表現に対応しているので、1行のルールでまとめて転送できます（Redirectionの取り込みと書き出しの説明）。たとえば「/old-url/.*」に当てはまるURLを「/new-url」へ301で送る、といった書き方です。
移行直後は、古いリンクを踏んだ訪問者が存在しないページへ到達してしまうリスクがつきまといます。公開後に役立つのが404の記録です。転送を登録し忘れた旧URLにアクセスがあると、ここに残ります。ただ、どこへ転送すべきかまでは教えてくれないので、記録を見ながら対応する新URLを自分で選んで追加していきます。
301リダイレクトを1年以上残すためにサーバー費用はかかりますか？
検索エンジンの評価を落とさないためにリダイレクトを長期維持する場合、月々のサーバー維持費は余分にかかるのでしょうか。URLが変わる移行のあと、Googleはリダイレクトをできるだけ長く、目安として最低1年は残すよう勧めています。根拠はGoogleのサイト移転ガイドです。
同じ独自ドメインのままStudioからWebflowへ引っ越したケースであれば、追加のサーバー代を心配する必要はありません。Webflowで301リダイレクトを設定するには有料のSite plan、または有料Workspace planに属するサイトが必要ですが、これはWebflowでWebサイトを公開・運用するために支払う通常の費用です。サイトを運営するためのWebflowの契約が続いている間は転送も動く、と考えるとわかりやすいですね。
一方で、ドメイン名そのものを変更し、古いドメインから新しいドメインへ転送を飛ばしたい場合はどうでしょうか。旧ドメイン用のサーバー契約を1年間残し続けると余計なコストが発生します。こうした場面では、DNSサービスのCloudflareを活用する手が考えられますね。
Cloudflareのドメイン転送の案内では、転送だけに使い自前のサーバーを持たないドメインでも、Cloudflare上で直接リダイレクトを設定できるとされています。CloudflareのURL転送機能のSingle RedirectsとBulk Redirectsは、Freeを含むすべてのプランで利用可能です。使える件数や機能はプランによって変わります。また、旧ドメインをCloudflareに追加し、DNSレコードをCloudflare経由（プロキシ有効）にしておかないと転送は動きません。