nick/nickpegg.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

New post: Reliably Redirecting With HTML

Browse source
This commit is contained in:
Nick Pegg 2018-01-20 17:44:36 -08:00
parent 7c3839d64f
commit 29cdd2cebf
1 changed files with 48 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

48
posts/2018-01-20_reliably-redirecting-with-html.yaml Normal file
View file

@ -0,0 +1,48 @@
date: 2018-01-20
tags:
- programming
- html
- javascript
title: Reliably Redirecting With HTML
---
When redesigning my website and re-writing my static site generator
[Posty](https://github.com/nickpegg/posty), I wanted to refactor the URLs
for my blog posts but not leave anyone hanging when they had an old URL
bookmarked. Since my website could be hosted somewhere that I don't have
control over the webserver config, I had to figure out how to do this with
HTML.
---
My goals were:
* Surprise users as little as possible
* Don't tank my site's SEO
* Reliably handle as many weirdo browsers as possible
After some research, it seemed like a Javascript redirect was the safest since
[at least GoogleBot passes PageRank to the destination page](https://www.branded3.com/blog/seo-javascript-redirects-evidence-pass-pagerank/).
So here's what I came up with:
{% raw %}
```
<html>
<head>
<!-- Try JavaScript first -->
<script type="text/javascript">
window.location = "{{ url }}";
</script>
<!-- If JavaScript is disabled or not supported, kick it old-school -->
<noscript>
<meta http-equiv="refresh" content="0; url={{ url }}">
</noscript>
</head>
<body>
<!-- If their browser is super-old, just give them a link to click -->
<p>
This page has moved. If your browser hasn't redirected you already,
<a href="{{ url }}">click here</a>.
</p>
</body>
</html>
```
{% endraw %}