How to redirect 404 error page to home page in Blogger

404 page is a static page that is destined to bring you the information that the page you are looking for does not exist in that particular URL. Its vital to have a 404 page in your website since its a requirement for SEO. The best 404 is that one that does not tell the visitor that the website has no content. For hat reason the visitor should be redirected to where the content is located. The homepage redirection is the best when it comes redirecting 404 error page.
Your Blogger blog returns a 404 response code when the actual URL does not exist. That means the server could not find the requested URL or has broken links or dead links.
404 error pages is an issue found on all websites and occur commonly due to such instances.

  • When someone link backs to non-existing URL
  • When you rename a post or page URL
  • When you delete a blog post or page
  • When moving pages or when redesigning your blog

Step By Step On How To Redirect 404 Error Page To Homepage In Blogger.

First of all you have to know how to make a 404 error page and the characteristics of of a good 404 error  page. That's the main questions that we should ask ourselves when we come to the designing of the home page in blogger. Its a Big SEO mistake not to have a custom 404 Error Page.
The Best 404 Message To Use In 404 Error Page In Blogger.
  • Oops! Page does not exist.
  • Sorry, the page you are looking for doesn't exist.
The point is you can customize your error 404 static page to be interesting in blogger too make visitors even like your content more. Also you should go make sure that the error page is not from  broken link in blogger to avoid to be brought down from a top rank. For that reason red on how  to increase page rank in blogger.

Blogger Code To Redirect 404 Error Page To Homepage.

There Are Three Ways To Add the codes.

1. How To redirect blogger 404 error page to homepage in blogger with meta tags. 

 

[ <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
Oops! Page does not exist. We are redirecting you to home page. <meta content='5;URL=http://www.your-blog-url.com' http-equiv='refresh'/> </b:if> ]

 Steps To Use Meta tag 404 redirect in Blogger.

  • Go to Blogger and select a website.
  • Click on Theme & Edit HTML
  • Click on Ctrl and F and search for the tag head
  • Below head tag copy and paste the above code to your template and save.

2. How To Redirect Blogger 404 Error page To Homepage in blogger with   java-script.

 

[ Sorry, the page you were looking for in this blog does not exist. You will be redirected to homepage shortly.
<script type = "text/javascript"> //Blogger 404 Redirect v1.0 (makingdifferent.com) BSPNF_redirect = setTimeout(function() { location.pathname= "http://www.your-blog-url.com/" }, 5000); </script> ]

The above java script will redirect your static 404 page to homepage is done in search preferences in blogger settings. let me take you step by step in integrating the redirect to your blogger blog.



How To Redirect Blogger 404 Error page To Homepage in blogger with   javascript.

Custom Page Not Found 404 Error Page Redirect To Homepage In Blogger.
  • Go to Blogger and select a website.
  • Go To Blogger Settings.
  • Select Search Preferences.
  • Locate Error And Redirection. 
  • Under Error & Redirection.
  • Custom Page Not Found click on Edit.
  • Then Place the Java Script Code.
NOTE : You have to change the URL in RED with your homepage URL. Thats the URL that the 404 error page will direct to. In case you want to redirect them to any other page in blogger, just include the URL and that's all.

5000 is the redirect time in milliseconds that the error page will stay before redirecting to the homepage. You can customise it with the time you want the error page to settle before it is redirected.  Consider less time to engage  your visitors to visible content to rescue them from leaving your website. redirecing error page can increase your SEO alot.

In-case you face any difficulty in the exercise, feel free to comment and Contact Me for more explanation and integration. Thank you for co-operating and let Seoclive give you more info to increase your SEO.

Post a Comment

Previous Post Next Post

About Joecalih

This website is a Blogger template, tutorials and Photography blog resource equipped with Presets and Luts for cinematic editing. + Learning tutorials for Blogger website development entailing widgets, plugins and SEO solutions are featured - Enjoy Reading.

Blogger

Web resource for blogger widgets and desigh plugins for blogger.com development.

Templates

Free download blogger templates and purchace top Blogger Premiun templates.

Tutorials

Get step to step guide for blogger solutions with tips and tricks for Blogger solutions.

Photography

Archive for Joecalih Portifolio and Gear lessons from the profesional Photographer, Book Today.

Presets

Download best editting Presets and Cinematic Luts from Preset Archive resources.

SEO

Learn Search Engine Optimization (SEO) to improve your website search ranking.