How to setup redirects to maintain SEO ranking

Framer allows you to setup redirects to route traffic from an old to a new URL. This is key when migrating from your current website provider to Framer. They can help you to improve your website's user experience and make it easier for visitors to find the information they are looking for.

What is a Redirect?

Redirects are useful if you need to permanently route traffic from an old path to a new URL. There are several use cases:

  • Reorganising the URL structure

  • Replacing pages with a new design or layout

  • Securing alternative paths in the case of a typo

When you create a new redirect, anyone visiting the old URL will be led to the newly specified URL. This is especially powerful if you want to update a page but still maintain ranking power from the old URL.

Create a Redirect

You can create a redirect by going to your Site SettingsRedirects. Simply type in the URL you wish to redirect from and designate the new URL. You can control which rule takes priority by reordering the list through drag and drop. You can also edit or remove any previously configured redirect by clicking on the … icon. Any modifications you make to this page will only go live on publish or update.

In order to learn more about redirects, watch our redirects video in the academy.

Note: If you change the name of the original sub path from the canvas or the CMS, they will not be automatically updated in these settings. You will need to edit the old URL manually or create a new redirect that accounts for these changes.

Redirect an Entire Folder

You can redirect entire folders by using a wildcard to create a redirect rule. Framer supports the following wildcards:

You can use * to match anything.

  • e.g. /blog/* will match /blog/hello-world or /blog/2022/07/18/hello-world

  • e.g. /blog/*/post/* will match /blog/2022/post/hello-world or /blog/2022/learning-framer/posts/07/18/hello-world

Use :1, :2, etc. in the new URL to specify the target capture groups.

  • e.g. Old URL: /blog/*/post/*, new URL: /article/:1/entry/:2

You can use :slug to match single segments between slashes.

  • e.g. /blog/:year/:month/:day will match /blog/2022/07/18

  • e.g. The example above will not match /blog/hello-world or /blog/2022/07/18/category/hello-world

Simply designate the target group by using :slug.

  • e.g. Old URL: /blog/:year/:month/:day, new URL: /article/:year-:month-:day

  • This will redirect something like /blog/2022/07/18 to /article/2022-07-18

Please note that you will only be able to redirect sub paths of your current domain. If you want to redirect an entire domain (e.g. www.abc.com → www.xyz.com), you will need to find a different hosting provider for the old domain. Once you have that set up, you can connect a new domain in Framer and redirect the old URLs to the new one in your hosting provider.