メインコンテンツにスキップ

リダイレクトページ(301リダイレクトを設定する)

URLやサイト構造を変更した際に、訪問者を新しいURLへ転送する「301リダイレクト」の設定・編集・削除方法を解説します。誤アクセスによる404ページ表示を防ぎ、訪問者の体験やSEO評価を維持します。

今週アップデートされました

対象プラン:Businessプラン以上(旧プラン:全プラン)


リダイレクトページとは(301リダイレクト)

公開サイトのページパスを変更した場合は、リダイレクトページを使って301リダイレクトを設定します。301リダイレクトを設定すると、旧URLにアクセスした訪問者を自動で新しいURLへ転送できます。

この機能は、URL変更時やページ統合時など、恒久的なURL変更が発生する場面で利用します。設定していない場合、旧URLへのアクセス時に404ページが表示され、訪問者の体験や検索評価が低下します。

リダイレクトページの設定項目

Studioでは、デザインエディタ内でリダイレクトページを作成して301リダイレクトを設定します。転送元となるパスを入力する[パス]と、転送先となる[リダイレクト先]の二つの項目を設定します。

設定可能なパス・ドメイン

  • パス(リダイレクト元):該当プロジェクトで利用中のドメインのパスのみ指定できます。

  • リダイレクト先:Studio内外のサイトを問わず、任意のURLを設定できます。

パスとリダイレクト先の設定例

プロジェクトの独自ドメインが example.com の場合:

利用ケース

パス

リダイレクト先

同一ドメイン内での
リダイレクトの場合

外部URLへの
リダイレクトの場合

パスの設定

[パス]には、リダイレクト元となるURLのパスを入力します。

指定できるのは、該当プロジェクトに接続中のドメイン(独自ドメイン)のパスのみです。

同一プロジェクト内で他のページやモーダルがすでに使用しているパスは、リダイレクトページの[パス]として設定できません。そのパスを使いたい場合は、該当ページを削除するか、該当ページのURLを変更してからリダイレクトを設定します。

Tips:トップページをリダイレクト元として設定する場合、[パス]は空白のままにします。
参考:ページタイプ[home]から外部サイトにリダイレクトしたい

例:リダイレクトページの[パス]に「/test」を設定したい場合

  • プロジェクト内に「/test」のパスを使っているページやモーダルが存在しない場合は、設定できます。

  • すでに「/test」のパスを持つページまたはモーダルが存在する場合は設定できないため、そのページまたはモーダルを削除するか、パスを別のものに変更します。

リダイレクト先の設定

[リダイレクト先]には、リダイレクト先となるURLを入力します。プロジェクト内のページを選択するか、外部URLを直接入力してください。

  • 日本語URLは、リダイレクト先に設定しても正しく動作しません。

  • 動的ページは、リダイレクト先として設定できません(2024年10月・2025年2月時点)。

注意:リダイレクト先のページ選択について

  • リダイレクト先のパスが赤線で打ち消されている場合は、そのページが存在しない状態を意味します。

  • 右側に非公開アイコンが表示されている場合は、そのページが非公開であることを表します。

301リダイレクトを設定する

Point:既存ページのページタイプを[リダイレクトページ]へ変更することはできません。

新しいリダイレクトページを作成し、[パス]と[リダイレクト先]を登録して301リダイレクトを設定します。

  1. ページパネルを開きます。

  2. ページを新規作成します。

  3. ページタイプで[リダイレクトページ]を選択します。

  4. リダイレクト設定を登録します。
    ・[パス]欄:転送元のURLパスを入力します。
    ・[リダイレクト先]欄:転送先を選択します。プロジェクト内のページを選択するか、外部URLを直接入力します。

  5. [更新]をクリックして変更を保存します。

  6. 公開中サイトを編集した場合は、公開パネルでサイトを更新します。この操作を行うまで、公開サイトには反映されません。

301リダイレクトを編集する

作成済みのリダイレクトページの[パス]や[リダイレクト先]を変更できます。

  1. ページパネルを開きます。

  2. 編集したいリダイレクトページを選択します。

  3. 必要な項目([パス]や[リダイレクト先])を編集します。

  4. [更新]をクリックして変更を保存します。

  5. 公開中サイトを編集した場合は、公開パネルでサイトを更新します。この操作を行うまで、公開サイトには反映されません。

301リダイレクトを削除する

設定済みの301リダイレクトを削除して、通常のページアクセスに戻します。

  1. ページパネルを開きます。

  2. 削除したいリダイレクトページを選択します。

  3. [リダイレクト設定を削除]をクリックします。

  4. 公開中サイトを編集した場合は、公開パネルでサイトを更新します。この操作を行うまで、公開サイトには反映されません。

301リダイレクトを確認する

301リダイレクトの設定状況は、ページパネル上のアイコンで確認できます。

  1. ページパネルを開きます。

  2. リダイレクトページのアイコンが表示されているページで、リダイレクト設定の有無を確認します。

よくある質問

ドメインを変更した場合に、リダイレクトページでリダイレクトを設定できますか?

Studioで設定できるリダイレクトは、該当プロジェクトに紐づいているドメイン内のパスのみです。

そのため、変更前のドメインから変更後のドメインへのリダイレクトは、リダイレクトページのみでは設定できません。

変更前ドメインから変更後ドメインへリダイレクトしたい場合は、次の(1)~(4)のいずれかの方法を検討します。

Studio内で完結させる場合

(1) 変更前のドメインが紐づいたStudioプロジェクトを維持したまま、変更後のドメインを紐付けるためのStudioプロジェクトも契約する

  • ドメイン変更前の既存プロジェクト:
    各ページのパスから遷移するためのリダイレクトページを作成し、リダイレクト先を新規ドメインの該当パスに設定して更新する

  • ドメイン変更後の新規プロジェクト:
    新規ドメインをプロジェクトに接続して公開する

外部サービスを利用する場合

これら3つの方法は外部サービスでの設定になるため、Studioにお問い合わせいただいても対応できかねます。

(2) 変更前のドメイン用に軽量のサーバー/コンテナを立て、全リクエストを新ドメインへ301リダイレクトを設定する

(3) CDN/エッジで301リダイレクトを設定する

(4) レジストラ/レンタルサーバーのURL転送機能を利用する

ページタイプ[home]から外部サイトにリダイレクトしたい

該当プロジェクト内に存在するパスからは、そのままでは301リダイレクトを設定できません。

「/」のパスを持つページがプロジェクト内に存在しない状態にすれば、トップ(ルート)パスをリダイレクト元として利用できます。

手順:

  1. ページパネルを開き、ページタイプが[home]のページを選択します。

  2. [home]ページのパスを「/」以外の文字列に変更します(この操作により、サイト内に「/」のページが存在しない状態になります)。

  3. リダイレクトページを新規作成します。

  4. [パス]は空欄のままにし、[リダイレクト先]に外部サイトのURLを入力します。

  5. 公開中サイトを編集した場合は、公開パネルでサイトを更新します。この操作を行うまで、公開サイトには反映されません。

同一プロジェクト内の全ページへのアクセスを一括でリダイレクトしたい

複数ページをまとめてリダイレクトする一括設定はできません。

Studio上で対応する場合は、次の方法を検討します。

  • すべてのページのパスに対して、1つずつリダイレクト設定を行う(既存ページのページタイプを[リダイレクトページ]に変更することはできません)。

  • Studio上で必要な数のリダイレクトページを新規作成します。

  • 作成した各リダイレクトページの[パス]欄に、転送元に指定したいページのパスを入力します。

プロジェクト外で対応する場合は、DNSサーバーやCDNなどの外部サービス側でリダイレクト設定を行います(Studio外での設定です)。

こちらの回答で解決しましたか?