Home > 404 Error > 404 Error Page Samples

404 Error Page Samples


Customizing 404 Error Page Using the .htaccess File on Apache Based Servers It is not possible to customize your 404 error page if your web host has not enabled this facility Written by Caitlin Jordan See Caitlin Jordan’s latest posts Caitlin Jordan is a graphic designer and copywriter from Columbus, OH. Content of a 404 Error Page A 404 response code is always followed by a human readable reason phrase as per the HTTP specification. Break the mold and do something different, it’ll set you apart from the rest. Behance/Rodrigo Costa This page does a good job of breaking the mold. http://rlegsoftware.com/404-error/404-error-code-error-page-default-error-page.php

Such a misstep can drag down the entire experience, or even kill it if it’s the culmination of other annoyances (like unclear navigation or misleading microcopy). Even though it’s two-dimensional, it looks three-dimensional. 20. You have the opportunity, so use it well! Create a file “robots.txt” in the root directory. 2.

Funny 404 Errors

footer links to the main pages on the website. Even though the screen is small, you can still read the message clearly. 44. Whether you’re new to the web or a seasoned veteran, they can be confusing and frustrating. You can also provide your email address.

Marketing Feed Come together with the inbound community for 4 days of inspiration and education. In this example, Heinz’s custom 404 page says Did you try searching? Following a friendly greeting ("Dearhappy internet traveler"), OrangeCoat offers a cool flowchart that actually helps users figure out why they reached an error page. 13) Astuteo There's no rhyme or reason Simple 404 Page Html Please enable JavaScript in your browser to enjoy a better experience.

Example #7 – VisitSteve Use Videos: Using your own videos on a 404 page instead of a boring text may help capture your lost site visitor’s attention. Beautiful 404 Error Pages Link Cut & Taste Cut & Taste claims that "Someone on the staff is to blame for this! Link to the homepage. http://www.cssdesignawards.com/articles/30-fresh-creative-404-error-page-designs/45/ His audience might find it funny and really unique that would make them actually remember this site in the long run or even share them on social media.

Duoh.com6 Probably one of the most colorful and abstract 404 error pages out there. 7 Apartmenthomeliving.com8 A quite unusual 404 error page from a website that helps people find apartments. 9 404 Error Message Text You would know it is a 404 error page when you see the following error messages: 404 Not Found The requested URL was not found on this server. The BT Group of UK has a clean feed content blocking system that returns a 404 error to the requests for content identified as illegal by the Internet Watch Foundation. Search Bar: Include search option.

Great 404 Page Examples

Available from September. http://www.404errorpages.com/ Software Marketing Platform Analytics Blogging Calls-To-Action Email Landing Pages Lead Management Marketing Automation SEO Social Media Website Sales Platform Free CRM Software CRM Features HubSpot Sales Learn Inbound Resources Marketing Library Funny 404 Errors This is more fun than you would think, and users will likely dwindle on this page long enough to forget where they wanted to go in the first place. Edit 404 Page Wordpress Create Contrast Create contrast so your page doesn’t fall flat.

POST is to tell the server that the data is following. navigate to this website It doesn’t have to be too over the top, just be sure to find the balance that works best for you. Dribbble/Mitchell Geere This 404 page for a dating website is Using Log Files A sample line from a common transfer log file is given below. The 404 "Not Found" error is not the same as the "Server Not Found" error which you see whenever a connection to the destination server could not be established at all. 404 Error Page Not Found

It’s not overdone and translates just enough motion. If you have access to the log files of your website, you can observe the HTTP status code field. If your web host has this facility, you will usually find mentioning of this information somewhere in their documentation. More about the author HubSpot Sales All-in-one software starting at $0/mo.

Even if you find documentation that says customize .htacess, it means that custom 404 is possible on your web host. 500 Error Page It shows creativity and a great attention to detail, so why not include it in your 404 page? Behance/kobieta The illustration in this 404 page serves two purposes. Give the option to report a dead Link — Allowing users to participate in making the site better will also give them a beneficial sense of satisfaction.

But, instead of using just a standard red circle, they use their logo.

Gorgeous! Look, if you drop ice cream on the floor, clean it up, right?04. Let’s quickly summarize some of these best practices. Error 404 Text Message Prank The server indicates that you did a mistake like misspelling the URL or requesting for a page that is no longer available.

But following these simple tactics will help your visitor to stay on your site. Enter your email address below: 52 Comments Sorry we missed you! In this case, the owner of the website features himself in a weird video. click site User-friendly text.

Please use these examples as a source of inspiration; hopefully, this showcase has something for everybody. Sure! The teal is carried through the logo to the illustration, through some of the text, and down to the footer. Example #3 – iFolderLinks Takeaways from iFolderLinks custom 404 page: Humor: Add a hint of humor with a cute baby crying photo.

You can even compare the time stamps between entries so that you’ll know how long a visitor stayed on a given page. Error 404 page helps you does that. Skateboarding is a popular (amongst younger generations) and carries with it its own attitude. links to social media channels and contact phone number.

You don’t have to use something in its pure, raw form. Tweet Proudly Sponsored By Design Jobs Senior UX Designer American Express London, United Kingdom UX / UI Designer TED New York, NY, United States Related Articles New UI & Color Inspiration The World Wide Web Consortium (W3C) states that 404 Not Found should be used in cases where the server fails to find the requested location and is unsure of its status. But this is no replacement to a customized error page.