LikePay Academyが「スーパーサイトAcademy」に変わります。詳しくはこちらです。

301リダイレクト

301リダイレクトを使用して、古いURLから新しいURLへのトラフィックをルーティングします。

この投稿は公式のWebflow Universityを元に作成しました。翻訳したテキストと画像は引用元のものを使用する場合があります。引用元はこちらです。

このレッスンで学ぶこと

301リダイレクトを設定するタイミング

重要: Webflowには現在、リダイレクトの合計数に対する厳格な制限はありませんが、ベストプラクティスとして最大1,000回を推奨しています。各リダイレクトルールは、サイトのmanifest.JSONファイルにアップロードされ、訪問者のブラウザにサイト情報を提供します。マニフェストファイルが成長すると、ブラウザがダウンロードするデータが増えます。

最適なSEOとサイトパフォーマンスを実現するために、

可能な場合はワイルドカードリダイレクトを検討してみてください

これによりリダイレクトルールの合計数が最小限に抑えられます。

301リダイレクトは、古いパスから新しいURLへのトラフィックを永続的にルーティングする必要がある場合に便利です。これにはいくつかのユースケースがあります。たとえば、次の場合です。

  • URL構造を再編成した場合(例:webflow.com/mysiteからwebflow.comに)
  • 異なるURLを使用してサイトを置き換えたり再設計した場合(例:webflow.com/oldhomepageからwebflow.comに)
  • 完全に新しいドメインに移行した場合(webflowiscool.comからwebflow.comに)
  • サイト訪問者の入力ミスのために代替ドメインを確保した場合(webflow.net、webflow.org、webflow.ioからwebflow.comに)

他にも、一時的な移動を示すことができる302リダイレクトなど、異なるタイプのリダイレクトがありますが、301リダイレクトは、着信トラフィックを永久的に新しいURLにルーティングする必要がある場合に最適です。

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

古いURLが新しいURLに置き換えられた場合、古いURLはまだ検索結果に表示される可能性があり、ブログ投稿やフォーラム投稿で言及されたり、ブックマークされたり、名刺やその他の資料に印刷されたりするかもしれません。古いURLを訪れる誰もが、404ページに導かれます。ただし、301リダイレクトを設定することで、古いURLを検索するユーザーは指定した新しいURLにリダイレクトされます。

Googleは最終的に新しいサイト構造をインデックス化し、古いURLが更新されます。ただし、301リダイレクトはベストプラクティスであり、特に古いURLからのランキングパワーを維持したい場合に役立ちます。

ページをリダイレクトする方法

古いページまたはページのフォルダ全体をWebflowサイト内の新しい場所に永続的にリダイレクトできます。301リダイレクトを設定するには:

  1. Site settings > Publishing > 301 redirectsに移動します。
  2. Old Pathフィールドに古いURLを入力します(例:/old-url)。
  3. "リダイレクト先パス"フィールドに新しいURLを入力します(/entirely/new-url/structure)。
  4. Add redirect pathをクリックします。
  5. サイトを公開します。

これで、新しいブラウザタブで古いURLを入力してリダイレクトをテストできます。リダイレクトURLの記述に関する詳細については、以下のエスケープ文字を参照してください。

フォルダをリダイレクトする方法

フォルダ全体をリダイレクトするには:

  1. Site settings > Publishing > 301 redirectsに移動します
  2. 古いURL構造のOld pathフィールドにキャプチャグループ (.*) を追加します(例:/oldfolder/(.*))
  3. 新しいURL構造のRedirect to pathフィールドにターゲットパス %1 を追加します(/entirely/new-url/structure/%1)

複雑なリダイレクトルールを作成するには、複数のキャプチャグループを追加できます。例:/blogs/(.)/(.)/articles/%1/%2 にリダイレクトできます。

ワイルドカードリダイレクトの例

次のURL構造を持つすべてのページをリダイレクトしたいとします:/blog.php?category=food&post=pie から /blog/food/pie へ。

「music」、「travel」、「food」といったカテゴリや、「beyonce」、「hawaii」、「pie」といった投稿があるかもしれません。これらが変数です。上記のURLでは、「food」と「pie」が変数です。これらの変数を変更するには、キャプチャグループとして見なす必要があります。キャプチャグループは「(.*)」のように見えます。たとえば、このリダイレクトは次のように記述する必要があります:

  • 旧パス:/blog.php%?category%=(.)%&post%=(.)
  • ページへリダイレクト:/blog/%1/%2

上記の例では、「%1」は最初のキャプチャグループを指し、「%2」は2番目を指します。このワイルドカードリダイレクトを使用すると:

  • /blog.php?category=music&post=beyonce/blog/music/beyonce にリダイレクトされます
  • /blog.php?category=travel&post=hawaii/blog/travel/hawaii にリダイレクトされます
  • /blog.php?category=food&post=pie/blog/food/pie にリダイレクトされます

エスケープ文字の使用方法

ワイルドカードと単一のパスを使用する場合、次の文字の前に「%」記号を使用してエスケープしてください:

  • %
  • &
  • (
  • )
  • =
  • _
  • ?

たとえば、/old-folder/(.*) を正しく機能させるには、/old%-folder/(.*) にする必要があります。

例えば、mysite.com/blog.php?category=foodmysite.com/blog/food にリダイレクトしたい場合、リダイレクトは次のように記述する必要があります:

  • 旧パス:/blog.php%?category%=food
  • リダイレクト先のパス:blog/food

この場合、旧パスの「?」と「=」の前にある「%」記号が、リダイレクトを正しく機能させるために必要です。

注意: エスケープする必要があるのは古いパス内の文字だけであり、新しいリダイレクトパス内の文字をエスケープする必要はありません。

ドメイン全体をリダイレクトする方法

ドメインを別のドメインにリダイレクトするには:

  1. 古いドメインと新しいドメインの両方をサイトに接続します
  2. 新しいドメインをデフォルトドメインに設定します
  3. サイトを公開します

カスタムドメインを接続について詳しく学ぶ

目次

あなたもNoCodeのプロに

充実したサポートであなたも、最短3ヶ月間でノーコードWeb制作のプロになれます。

  • 300以上のノーコード動画教材

  • チャットサポート

  • 個別ビデオ通話相談