Home > 404 Error > 404 Error Page Example

404 Error Page Example

Contents

Follow him on Twitter, Facebook or Google+. Now test your error page by typing a URL that you know does not exist. Thankyou! To know more read this article on How to Set up a Custom 404 Error Page on thesitewizard.com. http://rlegsoftware.com/404-error/404-error-code-error-page-default-error-page.php

Sometimes it may not be your fault visitors landed on error pages, but being able to communicate and direct them back to the home page is as good as a second A classic photo of Lionel Richie paired with one of his famous song lyrics makes this page very successful. It makes the decision making process much easier. Its clever 404 page demonstrates both a keen sense of wit, and a clear call to action to take you where you need to be.06. http://www.creativebloq.com/web-design/best-404-pages-812505

404 Page Inspiration

More Load More Posts © 2007‐2016 Hongkiat.com (HKDC). Tweet us @HubSpot to continue the discussion. 52 Comments Previously: 4 Tips for Competing with Mega Stores This Holiday Season Next up: Emails Looking Funny in Outlook? It can be imaginative and outlandish as long as it communicates. Behance/Thapwaris Chinsirirathkul In this fun 404 page, you’re transported to space. Humans are emotive in nature, they’ll relate to what you’re saying. Behance/Keren Rijensky The character in this page tugs a little on your heartstrings.

Access Request – This field has one of the three types of HTTP requests. In fact, if they mention somewhere that you can customize a file named ".htaccess", it probably means that you can also customize your 404 File Not Found error page. For the most part, you can configure your web server to create a customized 404 error page. (If you're a HubSpot customer, click here tolearn how to customize your 404 page Google 404 Error Page Show a Scene Create a scene in your 404 page.

Countless hours are put into your website and the content pages that make it up, but when it’s the 404 page’s turn, it’s easy to use the generic error code to 404 Message Examples Subscribe to the Marketing Blog below. Below we’ll explain some of our favorite 404 pages, and why they make us love the site more, not less. http://www.404errorpages.com/ Push Boundaries Think about what might be just a bit too much for someone to handle, and go just past it.

It's mesmerizing, cool, and a great showcaseof their design capabilities. 23) HomeStarRunner.com HomeStarRunner.com, home to a Flash-animated cartoon series, has had a series of hilarious 404 error pages over the years. 404 Error Page Not Found Explain the situation like a human being— Tell them exactly what could have went wrong (in layman’s terms), and treat the 404 page as an information portal. To avoid these problems and provide your visitor with a better user experience, it is always ideal to customize a 404 error page. Be Illustrative Illustration is incredibly popular and appreciated.

404 Message Examples

Client Errors Error Hits % of Failed Hits 000 Incomplete / Undefined 29,164 69.62% 404 Page or File Not Found 12,651 30.2% 400 Bad Request 57 0.13% 18745 Incomplete / Undefined http://blog.hubspot.com/blog/tabid/6307/bid/33766/10-clever-website-error-messages-from-creative-companies.aspx Referer URL – This field refers to the page where the visitor was located when making the next request. 404 Page Inspiration They’ve also used this unfortunate turn of events as a conversion opportunity, tailoring their message to sell their service. 404 Error Page Design More commonly, it is used for customizing error messages for server errors.

Have Layers of Information If you provide lots of options on how to remedy the problem or where to go next on your 404 page, break it up so it’s less navigate to this website Using Log Files A sample line from a common transfer log file is given below. Just looking at this page brings back memories. Implement some of these tips into your own page and you’ll be sure to have a 404 page worth sharing (it may even end up on a list like this one). 404 Error Page Template

Create Dimension Layer up different elements within your composition to create dimension and escape the flatness the web can often have. Behance/Dariusz S In this page, the slicing knife reveals elements It also brings to mind press stories about people who rented out their homes on Airbnb, only to come back to a disaster area. Example #21 – ShelfWorthy Takeaways from Shelfworthy's Custom 404 Page: Header (search bar) and footer links of the main website retained. More about the author Hongkiat.com Main Menu Design / Dev Technology Inspiration Social Commerce All Deals Search Hongkiat for: Reveal Search Form Reveal Off-canvas Navigation 60 Really Cool and Creative Error 404 Pages Published by

Quite often 404 pages can be overlooked and treated as an afterthought. Funny 404 Error Page The name must be all lowercase i.e. .htaccess Note: When you create a new .htaccess file, the resulting file may be named as - htaccess.txt If that is the case, remove The custom 404 error page uses Winston’s misplaced favorite outfit as an analogy to page not found.

Use Emotion Draw from people’s emotions.

Common Errors with a 404 Custom Error Page The most common error you will find is related to the URL. Take liberties and stylize where you can. Even though it’s a bit odd at first glance, it works well. 404 Error Page Html All you need to remember is, keep it light-hearted, make your users feel at home even if they use wrong URLs on your website and guide your visitors in the right

Have a Theme Pick a theme and carry it throughout. It’s broken, visually showing that the link you were trying to find is also, in fact, broken. 09. You can even compare the time stamps between entries so that you’ll know how long a visitor stayed on a given page. click site Qualities of a Good 404 Error Page A good 404 error page conveys a right message and leads the visitor to where he intends to go.

Design Layout - May 6 More related articles Featured Resources 60 Free Outline Icon Sets Perfect for Contemporary Desi... Example #29 – Hakim Takeaways from Hakim's 404 page: Creepy eyes that follow the cursor, wherever it goes, seem to be a innovative touch to a custom 404. This is an interesting and unique solution to what could become just another web page. Social Media Links: Give links to support, social brand page (a twitter handle in this case) and a page that gives fresh updates on the site, in this case, the GitHub

Content of a 404 Error Page A 404 response code is always followed by a human readable reason phrase as per the HTTP specification. That’s why 404 pages must be dealt with special care. Hopefully this makes lost users feel a little less alone. 10) Blizzard Entertainment Here's a simple idea that ends up looking really cool: Blizzard Entertainment's 404 page is a "broken" version Empathize And Guide User: Empathize with the searcher and help them further by giving a link to your old projects (if any) or recent projects, like in this case, where it

Contact Mail Tweet Posts 66 Posts / mo. 2.8 All posts by Jerry > Shh.