Unlock seamless workflows and faster delivery with our latest releases – get the details

Removing canonicalisation on a site with Gatsby and Netlify

17 replies
Last updated: May 6, 2020
How can we remove canonicalisation on a site? Is there any global setting for this?
Apr 17, 2020, 7:57 PM
Let’s keep the conversation in this thread! 🙌
Apr 17, 2020, 8:47 PM
I think what
user S
is getting at is that this is probably something that has to do with how Gatsby or the hosting provider (Netlify?) deals with URLs
Apr 17, 2020, 9:10 PM
Since server forces trailing slash, we’ll go along with that
Apr 17, 2020, 10:11 PM
I just want to find out how to remove canonicalisation
Apr 17, 2020, 10:12 PM
Could it be that the default setup of Gatsby forces non-trailing slash urls and canonicalises the ones with trailing slash?
Apr 17, 2020, 10:45 PM
This is a bit hard to say without knowing your implementation of Gatsby (it's not something that comes from Sanity). But my educated guess is that there is a
<link rel="canonical" ...>
tag inserted on these pages? There is plugins for Gatsby that let you control this, for example https://www.gatsbyjs.org/packages/gatsby-plugin-react-helmet-canonical-urls/
Apr 18, 2020, 8:22 AM
Thanks, I’ll check out the plugin
Apr 18, 2020, 8:00 PM
Normally, all the links have canonical element and they canonicalise to themselves by default (at least on all the other platforms/cms’es that I worked with), but for some reason, in this case they were pointing to another version of url, and that’s what I am trying to kill 🙂
Apr 18, 2020, 8:02 PM
user B
were you able to get this resolved? I didn't know exactly would could be causing it but it made more sense to me that it was coming from Gatsby rather then Sanity. If you did find a fix I would love to hear more about it if possible.
May 6, 2020, 8:11 PM
Not yet, waiting for one developer to take a look into it. Will keep you posted.
May 6, 2020, 8:13 PM
Thank you so much. The other thing that could be an issue is an outdated site map. I am sure someone checked that though. I had a heck of a time with Google Tag Manager integration with Gatsby I am happy to share that fix if you would like too. Might help you down the road.
May 6, 2020, 8:14 PM
Here is the Tag Manager Integration I followed and was able to get it working. https://medium.com/nadjib-benna%C3%AF/integrate-google-tag-manager-to-a-gatsby-js-project-2dab4606749f
May 6, 2020, 8:15 PM
Thank you, we’ll look into it!
May 6, 2020, 8:17 PM
Oh last thing too. If you happen to use Netlify like we do this is how you go about it there. I saw you mention you had another host but it's worth mentioning if you are using this service for the build https://docs.netlify.com/routing/redirects/redirect-options/#http-status-codes
May 6, 2020, 8:30 PM
Yes, we do use Netlify
May 6, 2020, 8:33 PM
Thanks again, your advice is highly appreciated!
May 6, 2020, 8:38 PM

Sanity– build remarkable experiences at scale

Sanity is a modern headless CMS that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.

Was this answer helpful?