Previously all my blog posts were served from Github pages with a trailing slash, for example:
This is because the permalink setting of Jekyll had a trailing slash included. Wanting to change that for cleanliness and ✨SEO reasons✨, I made the following change a few days ago:
All was well, until I learnt via Google’s search console that I had more and more 404s. This guide came in handy in identifying the culprit: GitHub pages doesn’t do anything about trailing slashes. If it’s there, it considers it a directory and looks for an
index.html file in there. Since the change was made, files were now
some-article.html and not
some-article/index.html, thus the 404s.
This could just be left alone and it could probably fix itself, Google would quicly notice that and remove the old pages, index the new ones; etc. But for, again, SEO reasons, it’s best to properly “migrate” the pages with a 301 redirect, so the SEO of each page isn’t lost in the process.
Unfortunately, neither GH pages or Jekyll (unless resorting to ugly techniques such as creating the directories, adding meta redirects there, etc.) can actually do these redirects themselves. That’s where Cloudflare comes in. Not the ideal solution, but for such a small “fix”, it’s practical and not an actual dependency.
I couldn’t find a blog article that would explain how to solve that problem, that’s why I’m writing this!
Enough talk, let’s get down to business. So you have your CF property, go to URL rules, create a new rule, and: