What is 404 Error & How to add 404 Error Page to Blogger???

What is 404 Error and How to add 404 ERROR page?

What is 404 ERROR?

You might have come across this HTTP 404, 404 Not Found, 404 ERROR page when you were surfing internet. It basically comes when a user type incorrect web address or the content owner move or delete the page from internet/website without any redirection. In other words, when a client put such a link which a web server could not find, 404 Error page appears.

When such page appears on screen, the visitor gets irritated and he/she may stop coming on your site next time. So, think before changing the URL of pages or don't change the links, so that users have a good experience on your site. If at all you want to change the page link then make a redirection setting for that link. So that the users who are using old link can be directed to new link.

What does 404 Error page do?

404 Error page keeps the visitors on your site even if the page is not existing on your site i.e. even if the visitor enters wrong link, he will be directed to your website only but, 404 Error page will appear on screen. Here the visitor can click on Go to Home link and can access the website and content (as shown in below picture).

What is 404?

In the code 404, the first digit indicates a client error, such as incorrect URL and next two digit indicates the specific error encounters.

 When does it appears (404 Error)?

* It appears when the owner of content removes the resources from web servers.

* You changed the links of your pages, and along these lines the past links was rendered pointless and can't be found on the web.

* It appears when a crawler from a web search tool endeavors to locate a nonexclusive page that you don't have on your website. Note that having an excessive number of 404 Errors from your site is deadly for your site activity.

How to add 404 Error Page?

Open the sign in to Blogger account, then...

Click on settings.

Click Search Preferences.

Click on edit link on Custom page not found.

Copy the below code and paste in the box.

Click on SAVE.

<style type="text/css"> #error-404 { border: 20px solid #1B1B1B; border-radius: 240px 240px 240px 240px; height: 240px; margin: 0 auto 40px; text-align: center; transition: all 0.8s ease 0s; width: 240px; } #error-404:hover { border-color: #333; } #error-404 span { color: #FA4C29; font-size: 100px; font-weight: bold; line-height: 240px; } .large-heading { font-size: 48px; line-height: 1.2em; } .light-heading { font-weight: 400; } .status-msg-bg { background-color: transparent; } .sidebar-wrapper, .page-header { display: none; } .main-wrapper { margin-right: 0; } .outer-wrapper { min-height: 0; } .status-msg-border { border: 0 none; } </style> <div id="error-404"> <span>404</span> </div> <h1 class="large-heading" style="text-align: center;">Page not found.</h1> <h2 class="light-heading" style="text-align: center;">Sorry, the page you were looking for in this blog does not exist..</h2><a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger tips"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger tips" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a> <div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;"> <a href="http://www.haakblog.com/2013/07/create-custom-404-error-pages-blogger.html" target="_blank" title="Custom 404 Page">Custom 404 Page</a></div>

How to fix 404 Error?

If you don’t want any error on your site then you have to manually correct the broken links. There are some ways through which errors can be avoided.

1- Reload or refresh the web page by clicking the F5 key or insert the URL on search bar again and again. This is completely in the visitor’s hand, the content or website owner can’t do this.

            “Sometimes 404 Error appears simply, without any real issue. So sometimes a simple refresh can load the page successfully without any errors.”

2- Check the link in the search bar, if you got an error and then enter the correct link.

3- Mostly 404 Error page appear because of broken or dead links. In order to fix the 404 Error, you need to find the broken or dead links on your site. Only after finding broken/dead links you can go on to the next step i.e. correcting the broken links.

You can use ‘Website Broken Link Checker’ to find the number of broken links. (Just type Website broken link checker in google.)

Once you get your broken links, correct them.

Example.

If anyone type or use this link ( https://www.all-trending-topics.com/2018/07/how-to-customize-blogger-settings-full-guide.htm ) then, he will get an error, just because of the ‘l’ letter at the end of link. And if you visit on same address using this link( https://www.all-trending-topics.com/2018/07/how-to-customize-blogger-settings-full-guide.html ) you will get the proper page without any error. It is because, in second link the word html is complete whereas, in the first link the word html was incomplete/ incorrect. That’s why we were getting ERROR.

If your website is not having any broken link that means you have managed your website well.