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 Settings → Redirects. 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.