« Back to front page

Canonical Tag Practice Guide

Canonical tags enable webmasters and SEOs to avoid duplicate content easily. However, certain aspects need to be taken into account so that the benefit of the tag is not lost.

This guide contains everything you need to know about the canonical tag, when it can be used, and what you should watch out for.

What You Should Know About the Canonical Tag

In February 2009, Google joined forces with the Microsoft and Yahoo search engines and has been supporting the canonical tag ever since. In their corporate blog, this was directly announced as a feature for webmasters:

“Carpe diem on any duplicate content worries: we now support a format that allows you to publicly specify your preferred version of a URL.”(Source)

This element is a meta-tag that can be inserted into the HTML or http header. The tag utilizes rel=canonical to point search engines to the original version where there are two identical pages with different URLs. In this way, the duplicate of the canonical URL is ignored and only the canonical URL is indexed.

The HTML element is referred to not only as the canonical tag, but is often called the canonical link, or simply the "canonical" as well. When used correctly, the canonical tag avoids duplicate content and helps you with search engine optimization.

The Benefits of Canonical Tags for Search Engine Optimization

If you include a specific canonical URL as a tag in the source code, you will assist search engines in handling your website. This is because search engines will learn that the currently crawled URL is not to be indexed, but rather the referenced URL. If links are already pointing to the duplicates, their link strength is transferred to the canonical URL, thanks to the canonical tag. At the same time, you can avoid a situation where Google selects a URL you may not prefer for indexing, such as a URL with http instead of https.

740x400_CanonicalTag SEO Canonical Tag

How Should a Canonical Tag be Implemented Correctly?

You can specify a canonical URL in two different ways. The tag can be inserted in the <head> element of the HTML document. In most cases, implementation in the HTML header is recommended because it is technically very easy to implement. In addition, many content management systems offer the possibility to set canonicals in the HTML header via plugins.

Note, however, that you cannot place the canonical tag in the HTML of certain documents. PDF documents, for example, are not HTML, so with those a canonical tag cannot be placed in the <head> element. The HTTP header must be used in this case.

Example:

Let's assume that there are two different URLs on your site that have almost exactly the same content. Perhaps they differ only in terms of a different menu or button. There are already links to both pages. However, to make sure that Google does not have to choose which of these two URLs should be displayed in the SERPs, you must now select a canonical URL.

Let's assume that the two URLs look like this:

1. http://mypage.de/seotips

2. http://mypage.de/seotips-up-to-date

We now decide that the first URL should be the canonical URL. In practice, you should select the more relevant page, the page with the shorter URL, or the page with the most links as the canonical URL.

Now, you add rel=canonical to the duplicate in the <head> element. Now, it looks like this:

<link rel="canonical" href=”http://mypage.de/seotips">

Google and other search engines now "know" that there is a canonical version of this page that they should consider when indexing. Links to both URLs then count for the canonical URL. Thus, you have implemented a kind of "soft forwarding" without redirecting the user.

Inserting the Canonical Tag in the http Header

If your resource is a PDF document or other document type supported by Google, the canonical tag is implemented in the http header. In order to do so, you must consider a different syntax.

Let's take the example from above, only this time the second document is a PDF source:

1. http://mypage.de/seotips

2. http://mypage.de/seotips-up-to-date.pdf

The following line is inserted in the http header of the PDF document:

Link: <link http://mypage.de/seotips >; rel=“canonical“

Google currently supports canonical tags in the http header only for web searching.

Four Application Examples for Canonical Tags

1. Self-reference

It is advisable for each page to refer to itself by a canonical tag in the event that there is no duplicate of it. For example, search engine bots can be prevented from including a campaign URL in the index. Google also recommends this approach.

2. A product in an Online Store is Available in Several Categories

Online stores are often confronted with problems relating to duplicate content. These problems usually arise when the same product is available in different categories via different URLs.

Let us take an example of an online store for sneakers. The model in red is available for men as well as ladies and is also placed in the "leisure shoes" category. This results in four URLs with the same content:

1. http://www.shoes.com/sneaker-red

2. http://www.shoes.com/men/sneaker-red

3. http://www.shoes.com/women/sneaker-red

4. http://www.shoes.com/leisure-shoes/sneaker-red

In order to distribute the "link juice" optimally to a URL and at the same time prevent duplicate content, you select the first URL as a canonical URL. In this case, you add the canonical into the <head> element of the other three URLs. -Area of the three other URLs the canonical one:

<link rel="canonical" href=”http://www.shoes.com/sneaker-red">

Many online store systems already feature automation of canonicals. Typically, the canonical tag is placed on the main page of the product.

3. Forwarding Print Versions of URLs to the Canonical Version

Content can often be converted into a print version, not only in online stores, but also on news sites or on large corporate websites. Some content management systems can create such a print version with a single click. This conversion usually creates a separate URL, which, in the worst-case scenario, is referenced in the search engines' index. In doing so, duplicate content is generated, which can also lead to an undesirable limitation in usability. For example, if a user accesses an indexed PDF file, he cannot navigate or return to your site.

In this case, a canonical tag in the http header of the print file or the PDF can help. The tag then points to the original URL, which is also indexed.

Tip: If you make a change to the URL structure of your website, you should check not only redirects, but also the existing canonical tags. This also applies to a change of the protocol, for example, when switching from http to https.

4. Canonicals for Cross-Domain Linking

A canonical tag can also be used to refer to an author of an article or an original post. For example, it is possible that a contribution in OnPage magazine is used on a different page for republishing. For Google and other search engines to refer to the original, the re-publisher uses a canonical link to OnPage magazine.

In this case, other users can read the original article on other websites. However, only the main article will appear in the search engine index.

5. rel=canonical in Combination with hreflang

If you mark your website with hreflang to mark the country and language versions for search engines, you should also use rel=canonical. Each language version refers to itself by a canonical.

740x400_CanonicalTag-1 SEO Canonical Tag

Common Mistakes When Using Canonical Tags

There are many cases where the incorrect use of rel=canonical can lead to serious problems. For example, an incorrect canonical may cause a URL to disappear from the Google index and no longer be ranked.

For this reason, you should avoid the following errors.

  • Relative linking: Always use the complete URL when you set a canonical tag. Many content management systems use relative links for internal links. However, Google cannot deal with this link and ignores the canonicals in this case.

  • Multiple uses of canonicals on one page: Use only one Canonical tag on each page. If multiple canonicals are available, search engines no longer understand the statement. This can lead to chaos and unintended results. In the worst-case scenario, pages are no longer indexed that should actually be ranked.

  • Canonical tags for a domain move: Do not use canonical tags when you move from one domain to a new one. Instead, use 301 redirects. If the “redirection” occurs only via canonical, this can lead to confusion in search engines. At worst, the URLs of the old and new domain are both listed in the index. For users, this confusion is even more serious because they can still call the old URL without being redirected to the new URL.

  • URL-standards: Be careful to check the exact spelling of the URL when setting canonical tags. Set trailing slashes, if these are present and provide the URL exactly with or without www, whichever way it is generally accessible. For example, if you use a canonical to point a page with www to a page without www, this confuses search engines if the landing page is already redirected to the www version with a 301-redirect. Google then usually ignores the statement and indexes all pages.

  • Mixing with no-index: If you use a canonical tag and a no-index tag on a page at the same time, this can cause the function of the no-index tag to be transferred to the canonical page. This risk was pointed out in a 2012 Hangout by Google’s John Mueller.

Should a 301 Redirect or Canonical Tag be Used?

This question is difficult to answer universally. This is because ultimately it always depends on the individual case as to whether a canonical or a redirect makes more sense. If you have the choice between a 301 redirect and a canonical, you should always opt for a 301 redirect. If you cannot use a 301 redirect for technical reasons or a possible limitation of usability, the canonical tag is a sensible alternative.

For example, if you have multiple URLs in your online store that point to the same product, a canonical tag makes sense. For one thing, the solution is easier technically; for another, your users should be able to actually call up the relevant URL.

If you want to redirect a URL directly, only the redirect is possible because the canonical tag does not actively redirect URLs, but is merely a reference for search engines.

Canonical Tags on Twitter and Facebook

Facebook and Twitter can also read and implement rel=canonical. If you now share a URL with a canonical in these social networks, the information on the canonical URL is gleaned. If the post with this URL is liked, the likes count for the canonical URL.

What Can I Do if a Canonical Cannot be Set?

If you can't use rel=canonical at all, you still have the option of storing only indexable URLs that output the status code "200 OK" in an XML sitemap. You can submit this sitemap to Google via the Google Search Console. In this way, you obtain a small chance that Google will only index the pages submitted through the sitemap. However, this is only an option for newly-created web pages, since the indexing of existing web pages can barely be influenced. If you genuinely cannot set a canonical tag, you should at least attempt to show search engines which URL is the most important via the internal links. If, for example, you have a news article and a print version of that article, all internal links should go to the article itself, and only a single link should go from the article to the print version.

If the URLs of your website work with many variables or parameters and it is not always easy to work with a canonical, you can also use the Search Console. There, you specify how Google should deal with certain parameters in URLs.

Conclusion

Canonical Tags are a powerful tool for SEOs and webmasters to avoid duplicate content and to better distribute Link Juice. Even without plugins, the implementation is also very simple from a technical perspective.

However, there are some pitfalls that we have shown here. If the canonical is implemented incorrectly, the meta element can also be damaging and, for example, exclude important sub-pages from the ranking. On the other hand, your page can benefit greatly from the tag if you keep the above rules for setting up rel=canonical in mind.

Ryte users gain +93% clicks after 1 year. Learn how!

Published on Jun 6, 2017 by Eva Wagner