このレッスンで学ぶこと
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リダイレクトを設定するには:
- Site settings > Publishing > 301 redirectsに移動します。
- Old Pathフィールドに古いURLを入力します(例:/old-url)。
- "リダイレクト先パス"フィールドに新しいURLを入力します(/entirely/new-url/structure)。
- Add redirect pathをクリックします。
- サイトを公開します。
これで、新しいブラウザタブで古いURLを入力してリダイレクトをテストできます。リダイレクトURLの記述に関する詳細については、以下のエスケープ文字を参照してください。
フォルダをリダイレクトする方法
フォルダ全体をリダイレクトするには:
- Site settings > Publishing > 301 redirectsに移動します
- 古いURL構造のOld pathフィールドにキャプチャグループ (.*) を追加します(例:/oldfolder/(.*))
- 新しい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=food を mysite.com/blog/food にリダイレクトしたい場合、リダイレクトは次のように記述する必要があります:
- 旧パス:/blog.php%?category%=food
- リダイレクト先のパス:blog/food
この場合、旧パスの「?」と「=」の前にある「%」記号が、リダイレクトを正しく機能させるために必要です。
注意: エスケープする必要があるのは古いパス内の文字だけであり、新しいリダイレクトパス内の文字をエスケープする必要はありません。
ドメイン全体をリダイレクトする方法
ドメインを別のドメインにリダイレクトするには:
- 古いドメインと新しいドメインの両方をサイトに接続します
- 新しいドメインをデフォルトドメインに設定します
- サイトを公開します