Best 500 Server Error Pages
Contents |
of your website right now.Get Free Report AllWeb PerformanceNew FeaturesHow to GuidesNewsEngineeringVideos Categories ▾AllEngineeringHow to GuidesNew FeaturesNewsVideosWeb Performance 15 Awesome Fail Pages Eileen Flaherty—17 Jul 2012 Downtime occurs more often than most businesses like to admit. In fact, according to studies by the Aberdeen Research
500 Error Page Best Practices
Group, the average website is out of business 8 days a year. This 500 error page template makes for 192 hours of 500 error messages from any given site, resulting in Internet users frequently experiencing feelings
Funny 500 Error Pages
of anger, stress, and animosity - not exactly the customer experience businesses tend to aim for.Although downtime is difficult to avoid altogether, limiting its impact is feasible. In addition to being transparent github 500 page about downtime and monitoring your site so that you can be alerted of issues as quickly as possible, having a humorous, clever, or visually appealing 500 error page may help to soften the blow when your site is unavailable. Although the ultimate goal is that users will never see your 500 error page, in the case that something does go wrong (because something will go creative 500 error pages wrong), it can't hurt to give frustrated users something pretty to look at as they frantically click the refresh button in hopes of gaining access to your site.To recognize sites that have attempted to make the downtime experience slightly more bearable, we've compiled a gallery of our 15 favorite 500 error pages (in no particular order) for your viewing pleasure. If your business has an awesome error page that hasn't been included, or if we've left someone out, feel free to let us know. We'd love to hear your comments!1. LivingSocial2. atizo3. Giant Bomb4. GitHub5. hootsuite6. LinkedIn7. Opera Portal8. Clickscape9. Twitter (popularized the fail whale)10. YouTube11. Qype12. Twingly13. Digg14. iStockphotoFor more diversion, check out Mashable's 35 Entertaining 404 Error Pages.Click to share on Twitter (Opens in new window)Click to share on Facebook (Opens in new window)Click to share on LinkedIn (Opens in new window)Tags: E-Commerce, Trends0 CommentsYou might also like Slow Doesn’t Sell: Delayed response times cost e-retailers big bucks How To Affordably & Efficiently Be Everywhere Your Customers Are Understanding eCommerce Site Performance for the Holidays eCommerce Monitoring Best Practices Mobile App and Website Monitoring 4 Ways To Ensure Trust To
customers: Error pages. Impact IndexInitial Effort LowHighOngoing Effort LowHigh This best practice ranks Low to Medium on Initial Effort: It'll take a bit of developer time, but it's fairly straightforward. This best practice ranks Low on Ongoing Effort: Once you get it going, there won't
404 Error Page Template
be a lot for you to do, but what data you get from it will be custom 500 error page incredibly valuable. When something goes wrong with a web app, it’s common to display an error page. There are dozens of different types of
Goodbye Old 500 Page
errors, but the most common are 404: Not Found and 500: Server Error. Your end users get a 404 when they go to a non-existent URL, such as https://ramen.is/a-url-which-will-never-exist-or-will-it. This can happen due to typos or things being deleted/moved. They http://rigor.com/blog/2012/07/15-awesome-fail-pages get a 500 when there has been some sort of error in your application. In addition to 500, there are dozens of other error codes such as 400, 401, 402, 403, 502, 503, and 504. Each of them means something very specific, but many web apps lump them together under a single, static error page. For the sake of brevity, we’ll refer to all errors as 500s for the rest of this article. Since error pages mean-surprise!-there’s been an error, they are usually very https://ramen.is/blog/better-ways-to-use-404-500-error-pages/ simple, static pages. You wouldn’t want to put any dynamic code in your error page that could throw an error, which would then want to load the error page, which has code, which throws an error Because of this, we’re all familiar with the standard error pages from the likes of nginx: nginx: Who’s a bad gateway?! You’re a bad gateway! Ruby on Rails rocked the error page world when it launched this radically advanced error page back in 2006: Rails: Much style. Many color. We should spend way more time on our error pages… making them funny! The next big evolution in error pages came when people realized they could make them funny. We have Chris Coyer at CSS-Tricks doing stuff like this: Title tag: “You've ripped a hole in the fabric of the internet. Love, Chris from CSS-Tricks” Even companies like The North Face got into the game: Goats: Don’t let them win. Is this an error or a 404 page? Not super clear. Report to the Web Administrator doesn't really scream "We care about your experience and want to fix whatever it is that got you here." This sentiment is reinforced when you click it and find that it's just a mailto:tnfsupport@vfc.com. This is a great example about how putting effort into a 404 page can actually be a net negative. Error pages should clearly state that something is missing or broken. To do otherwise, even for th
All Topics Web design 30 brilliantly designed 404 error pages 30 brilliantly designed 404 error pages By Creative Bloq Staff Web design Clicking on a broken link is a pain, but a witty and well-designed error page at http://www.creativebloq.com/web-design/best-404-pages-812505 least sweetens the pill. Here are some designs to inspire you. Shares Page 1 of 2: Page 1 Page 1 Page 2 If you're working on how to start a blog or website, don't forget the all-important 404 page – a standard response code in HTTP telling the user, in effect, that they've clicked on a broken link.It's traditionally been an immense source of frustration, but in recent years, creatives have taken up error page the challenge of designing bespoke 404 pages that at least sweeten the pill of finding you're in the wrong place.When done really well, they become mini-ambassadors for the website itself, being shared on Twitter and blogs as an example of the site or service's keenness for customer service and unique approach to design. The 30 we present here have achieved all this and more, so take a look and be inspired to create 500 error page your own bespoke 404 pages!01. Bluegg This noisy chap provides a hilarious notification that you're in the wrong placeThe 404 page of creative and digital design agency is simple, but so effective. Upon loading, you're greeted by a goat, who lets out the most almighty high-pitched scream, alerting you that the page doesn't exist. The inner child in us emerged and we must admit to playing this repeatedly, while crying a little with laughter. Bravo, guys.02. Hot Dot Production Hot Dog's 404 page is seriously addictiveHot Dot Productions has applied it's 'where design meets technology' tagline to its impressive 404 page, which features the three numbers made up of hundreds of tiny dots that change direction in response to mouse movements. Seriously cool.03. Airbnb If you drop ice cream on the floor, clean it up, right?This 404 page from couch-surfing behemoth Airbnb features a delightful animation that holds lessons for us all about ice cream and the inadvisability of dropping your ice cream. It also brings to mind press stories about people who rented out their homes on Airbnb, only to come back to a disaster area. Look, if you drop ice cream on the floor, clean it up, right?04. Lego Lego can do no wrong in our eyes – we love this cute little tableau for