Hugo Themes

Redirect webpages using HTML

Sat, 22 Aug 2015 15:45:30 -0700

Webpage redirection is great for automatically redirecting people visiting an old URL to a new URL where the content has moved to. It can be done using JavaScript, but there is also a convenient HTML-only solution.

To redirect visitors reaching yourwebsite.com/blog to yourwebsite.com/posts, add this to the <head> section of the HTML at yourwebsite.com/blog:

<meta http-equiv="refresh" content="0;url='/posts'" />
<link rel="canonical" href="/posts" />

walkthrough

Setting http-equiv="refresh" in the first line performs the actual redirect. The number in the content attribute specified in seconds tells the browser how long to wait before redirecting. In this example, 0 redirects immediately. Increasing the wait may be useful for briefly displaying a 404 page before automatically switching to the home page. The url specfies the destination for the redirect. In this example, we wanted to switch to /posts.

The second line is optional; it helps search engines know which the preferred version of the page is. Usually, this is the redirect destination.

about

Sat, 22 Aug 2015 06:42:21 -0700

TODO: Page not complete yet.

Information about you.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

code

Wed, 19 Aug 2015 20:29:37 -0700

TODO: Page not complete yet.