This document aims to alleviate the difficulties faced by users in Korea learning Framer due to the lack of Korean resources. It translates content from the official blog and adds practical information. We hope to be of help to Framer users.

What is a redirection?

A redirection automatically routes a specific URL to another URL. It's commonly used in situations like these:

• When reorganizing the site structure (URL)

• When replacing old pages with new designs or layouts

• To ensure users reach the correct page even if they enter the address incorrectly

In terms of Search Engine Optimization (SEO), redirections are crucial because removing a URL that appeared in search results can lower its ranking. Setting up a redirection helps search engines automatically load the new URL, which is particularly useful for maintaining rankings while the page URL is being fetched.

How to create a redirection

You can manage redirections in Framer through the Redirects menu.

1. Go to Site Settings → Redirects

2. Enter the original URL and the new URL

3. If there are multiple redirections, adjust their priority by drag and drop

4. Edit or delete using the … menu if necessary

5. Once you Publish or Update the site, the redirection is applied

Note: If paths are changed in the Canvas or CMS, the redirection settings are not automatically updated and must be edited manually. For more details, please refer to the redirection video on the site.

Redirecting an entire folder

Sometimes you may need to redirect an entire folder, such as a blog with multiple posts. Framer supports the following method:

Using a wildcard (*)

Use * to match all segments and folders of a path.

Example:

• /blog/* matches both /blog/hello-world and /blog/2022/07/18/hello-world.

• /blog/*/post/* can also match nested paths like /blog/2022/post/hello-world or /blog/2022/learning-framer/posts/07/18/hello-world.

Capture groups (:1, :2, etc.)

Use :1, :2, etc., in the new URL to reference matching groups from the old URL.

Example:

• Old URL: /blog/*/post/*

• New URL: /article/:1/entry/:2

• As a result, /blog/my-blog/post/getting-started can be redirected to /article/my-blog/entry/getting-started.

Slug matching (:slug)

Use :slug to match specific segments between slashes.

Example:

• Old address: /blog/:year/:month/:day

• New address: /article/:year-:month-:day

• Ultimately, /blog/2022/07/18 can be redirected to /article/2022-07-18.

Limitations of redirection

• Currently in Framer, only subpaths within the same domain can be redirected.

• If entire domain redirection is needed, like www.abc.com → www.xyz.com, the domain-level redirection must be set up with the hosting provider of the old domain. Then connect the new domain to Framer, and manage subpath redirections as needed.

Conclusion

Redirection might seem like a simple address change, but it significantly impacts site SEO and user experience. If issues persist after following these steps, please reach out through the contact page for assistance.

This article is a translated and adapted version of ‘How to setup redirects to maintain SEO ranking’ from the Framer official blog.