Setting up a custom canonical URL in Framer
If your site is hosted behind a reverse proxy, setting up the “Canonical URL” option in your project’s domain settings is essential to ensure that all SEO-related tags point to the correct domain. This guide explains what the Canonical URL setting does and how to configure it for your site.
What does the Canonical URL setting do?
Within the <head> tag of your site, there are essential SEO elements that are automatically configured based on your domain.
When you connect a domain via the Framer interface and republish your site, these tags update automatically.
However, if your domain is managed via a reverse proxy and not directly connected to your Framer project, Framer needs additional input to configure these tags correctly.
Without this information, the tags default to pointing to the .framer.website domain assigned to your project, which can significantly harm your SEO efforts.
How to configure the “Canonical URL” setting
Follow these steps to set up the Canonical URL for your site:
Navigate to the Domain Settings
Go to Settings > Domains in your project.
Locate the Canonical URL Field
Scroll to the bottom of the page to find the input field for the Canonical URL.
Enter the Correct URL
If your domain exclusively serves the Framer site, enter the root domain (e.g.,
https://domain.com).If the Framer site is part of a larger domain structure, specify the root directory where it is hosted (e.g.,
https://domain.com/blog).
Test the Configuration
Republish your site.
Wait for the site to optimize.
Open any page, inspect the source code, and check the
<link rel="canonical">tag.Ensure it points to your specified domain instead of the
.framer.websitedomain.
By correctly setting the Canonical URL, you prevent SEO issues and ensure search engines recognize the proper domain for your content.
Still experiencing the issue after following the steps above? Create a support ticket in the Community.