What is a canonical tag (URL canonicalization)?
A canonical tag is an HTML tag used to prevent duplicate content issues.
When the same website can be accessed through multiple URLs, you can tell search engines which URL to treat as the "canonical" (official) version, helping you avoid being flagged for duplicate content.
For example, there are several ways to access "https://studio.design/ja":
With a trailing slash: https://studio.design/ja
/With ad tracking parameters: https://studio.design/ja
?xxx
If Search Console recognizes each of these URLs as separate sites, it may determine that multiple pages with the same content exist (i.e., duplicate content), which can dilute your SEO ranking.
To prevent this, you can add a canonical tag to URLs like the ones above, specifying "https://studio.design/ja" as the canonical URL. This helps search engines identify the correct URL for the page and consolidates ranking signals across your entire site.
How canonical tags work in Studio.Design
In Studio.Design, the appropriate canonical URL is determined automatically based on the path of the page being displayed, and the canonical tag is added for you.
At this time, Studio.Design doesn't offer a way to customize canonical URLs, such as editing or directly specifying the canonical tag.
When the canonical tag is added
On published Studio.Design sites, the canonical tag isn't included in the HTML returned by the server. Instead, it's added when the page is rendered in the browser.
HTML returned by the server — This is the HTML you can see by selecting "View Source" (view-source:) in your browser. The canonical tag is not included at this stage.
Rendered HTML — This is the HTML you can see in your browser's developer tools after JavaScript has rendered the page. The canonical tag is included at this stage.