Set 301 redirects to maintain SEO ranking

Updated

Use 301 redirects to route traffic from an old URL to a new URL.

When to set 301 redirects

Important

While Webflow currently doesn’t have a hard limit in place for total redirects, we recommend 1,000 maximum as best practice. Each redirect rule is uploaded to a site’s manifest.json file, which provides site information to visitors’ browsers. As the manifest file grows, there’s more data for browsers to download. For the best SEO and site performance, use wildcard redirects where possible, which minimizes the total number of redirect rules. 

301 redirects are useful for permanently routing traffic from an old path to a new URL — for example, when you:

  • Reorganize your URL structure (e.g., webflow.com/mysite to webflow.com)
  • Replace or redesign your site and have new URLs (e.g., webflow.com/oldhomepage to webflow.com)
  • Move to a completely new domain (e.g., webflowiscool.com to webflow.com)
  • Secure alternative domains in case of site visitor typos (e.g., webflow.net, webflow.org, webflow.io to webflow.com)

When an old URL is replaced with a new URL, your old URL may still be visible in search results, referenced in a blog post or a forum post, bookmarked, or printed on business cards or other materials. Anyone who visits the old URL will be led to a 404 page — but if you set up a 301 redirect, site visitors visiting the old URL will be redirected to the specified new URL.

Google will eventually index your new site structure and old URLs will get updated. However, 301 redirects are a best practice, especially if you want to maintain ranking power from the old URL.

There are other types of redirects — such as 302 redirects, which indicate a temporary relocation — but 301 redirects are best used if you need to permanently route incoming traffic to a new URL.

Note

301 redirects are relative to your root domain and won’t apply to localized slugs or subdirectories. For example, if you’d like both /old-url and /es/old-url to redirect to /new-url, you’d need to set these up as two separate redirect rules.

How to redirect a page

You can permanently redirect old pages or entire folders of pages to new locations in your Webflow site. To set a 301 redirect:

  1. Go to Site settings > Publishing > 301 redirects
  2. Enter the old URL in the Old path field (e.g., /old-url)
  3. Enter the new URL in the Redirect to path field (e.g., /entirely/new-url/structure)
  4. Click Add redirect path
  5. Publish your site

Now, you can test the redirect by entering the old URL in a new browser tab. It should redirect to the new URL. Learn more about writing redirect URLs.

Important

To redirect an existing static page on your Webflow site to a new URL, you’ll need to delete or save the page as a draft, or change its slug before setting the redirect. To redirect an existing Collection item page on your Webflow site to a new URL, you’ll need to archive, delete, or unpublish the item, save it as a draft, or change its slug before setting the redirect.

How to redirect a folder

To redirect the contents of a folder — whether you’re redirecting to a single page or multiple pages — you’ll need to use capture groups.

To get started with a basic folder redirect to multiple pages:

  1. Go to Site settings > Publishing > 301 redirects
  2. Enter a URL with a capture group (.*) in the old URL structure in the Old path field (e.g., /oldfolder/(.*))
  3. Enter a URL with a target path %1 in the new URL structure in the Redirect to path field (e.g., /entirely/new-url/structure/%1)

You can add multiple capture groups to create more complex redirect rules. For example, /blogs/(.*)/(.*) can be redirected to /articles/%1/%2.

Wildcard redirect examples

Let’s say you want to redirect multiple pages in a folder to a single URL — for example, to point domain.com/collections/women, domain.com/collections/men, and domain.com/collections/children all to domain.com/collections. Assuming domain.com is the domain connected to your Webflow site, you’d write this redirect as follows:

  • Old path: /collections/(.*)
  • Redirect to path: /collections

Or, let’s say you want to redirect all pages with a URL structure like /domain.com?category=food&post=pie to /blog/food/pie — i.e., redirect multiple pages to multiple URLs.

You might have categories like “music,” “travel,” and “food,” and posts like “beyonce,” “london,” and “pie.” These are your variables. In the URL above, “food” and “pie” are the variables. To make these variable changes, you’ll need to call out these variables with capture groups, which are written as (.*). For example, you’d need to write this redirect as follows:

  • Old path: /%?category%=(.*)%&post%=(.*)
  • Redirect to path: /blog/%1/%2

In the example above, %1 refers to the first capture group, and %2 refers to the second. With this wildcard redirect in place:

  • /domain.com?category=music&post=beyonce redirects to /blog/music/beyonce
  • /domain.com?category=travel&post=london redirects to /blog/travel/london
  • /domain.com?category=food&post=pie redirects to /blog/food/pie

How to use escape characters

You’ll need to escape the following special characters in all Old path URLs and URLs with wildcards by using the % symbol before the character:

  • %
  • -
  • &
  • *
  • (
  • )
  • =
  • _
  • +
  • ?

For example, let’s say you want to redirect mysite.com?category=food to mysite.com/blog/food. You’ll need to write your redirect as follows:

  • Old path: %?category%=food
  • Redirect to path: blog/food

The % signs before the ? and = are required to make the redirect work properly.

Note

You only need to escape characters in the old path — you don’t have to escape characters in the new redirect path.

How to redirect an entire domain

To redirect one domain to another:

  1. Connect both old and new domains to your site
  2. Set the new domain as the default
  3. Publish your site

How to search and sort redirects

You can search for your site’s existing redirects using the search bar in Site settings > Publishing > 301 redirects. Matching search results appear as you type.

You can also sort your site’s redirects by Last modified (the default sort setting), Date created, Alphabetical (Old path), and Alphabetical (New path)