Tutorial

Canonical Link Tag in Jekyll

Jekyll

While this tutorial has content that we believe is of great benefit to our community, we have not yet tested or edited it to ensure you have an error-free learning experience. It's on our list, and we're working on it! You can help us out by using the "report an issue" button at the bottom of the tutorial.

Canonical tags tell search engines the URL for the original content of a page. A popular and effective use of canonical tags is to set them on every page to make it clear which version is the primary one. For example, is it https://yoursite.com/page or is it http://www.yoursite.com/page/? Things like www, https or trailing / can all be seen as different versions, so it’s important for SEO purposes to tell search engines which version is the right version. Given that your website’s URL is properly defined in your _config.yml file, just insert the following in your header/head layout:

<link rel="canonical" href="{{ site.url }}{{ page.url | replace:'index.html',''}}">

As you can see, it’s fairly easy to insert a canonical tag for every page of your Jekyll website by using some simple liquid syntax. The | replace:‘index.html’,“ part just ensures that your homepage doesn’t come up as index.html.

Creative Commons License