{"id":61785,"date":"2017-07-18T10:00:13","date_gmt":"2017-07-18T14:00:13","guid":{"rendered":"https:\/\/www.acscreative.com\/?p=61785"},"modified":"2017-07-18T10:00:13","modified_gmt":"2017-07-18T14:00:13","slug":"404-more","status":"publish","type":"post","link":"https:\/\/acsredux.acscreativedev.com\/?p=61785","title":{"rendered":"Make Your 404 More"},"content":{"rendered":"<p>As the Web continues to grow and evolve exponentially, getting \u201clost\u201d has become increasingly common. You may be wondering how it\u2019s possible to <em>lose your way<\/em> in the digital space while so comfortably anchored to your office chair in the physical realm. If you\u2019ve ever been confronted with a website\u2019s <strong>404 Page<\/strong> (the internet\u2019s dead end), you know the helpless feeling that follows. Clearly, you\u2019ve wandered off the beaten path and now, with \u201c<strong>Page Not Found<\/strong>\u201d glaring at you in extra large typeface, you have little hope of ever finding your intended destination. It\u2019s safe to say that website just lost a visitor&#8230;<\/p>\n<h3>What is a 404 Page?<\/h3>\n<p>Without getting <em>too<\/em> technical, a 404 Page is an automated <strong>error message<\/strong> that appears when a user attempts to access a page which doesn\u2019t exist on a particular website. Essentially, the server could not find the file requested. This can occur when the visitor types an incorrect filename after the URL, clicks an outdated hyperlink, or tries to access a deleted page. Some content management platforms and themes provide a mildly-branded 404 Page and others just display an unformatted white screen with black text. Either way, more often than not, a \u201cPage Not Found\u201d almost always results in a customer<em> not happy<\/em>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-63613\" src=\"https:\/\/www.acscreative.com\/wp-content\/uploads\/2017\/07\/Custom404-NotFound-3.jpg\" alt=\"Missing Website Page\" width=\"800\" height=\"342\" \/><\/p>\n<h3>Embrace the Opportunity<\/h3>\n<p>Because so few sites spend the time to customize their 404 page, people\u2019s expectations are quite low. Any effort above and beyond a white background with intimidating black text will be a welcome surprise for your visitors. Not only should this revelation be a big relief but also spark some <strong>creative inspiration<\/strong> as well. Remember, your 404 page isn\u2019t <em>really<\/em> public-facing, nor is it indexed in search engines, so have some fun with it!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-63615\" src=\"https:\/\/www.acscreative.com\/wp-content\/uploads\/2017\/07\/Custom404-Dennys-1.jpg\" alt=\"Dennys Funny Page\" width=\"800\" height=\"342\" \/><\/p>\n<p>As website owners, we have to ask ourselves, \u201chow do I turn a lost visitor into a happy one?\u201d To accomplish this, you must first shake the antiquated, functional viewpoint of 404 pages. They can (and should) be so much more than an error message. Give users a reason to stay, explore and learn more about your offerings. More importantly, give them a way to find what they were originally looking for! This is most easily achieved by promoting the other pages and content on your site, whether it be blog post thumbnails, links, multimedia, or various calls to action. If you had 5 seconds to sell somebody on your company, how would you do it? What would you show them?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-63616\" src=\"https:\/\/www.acscreative.com\/wp-content\/uploads\/2017\/07\/Custom404-AW-1.jpg\" alt=\"Ashton Woods Website\" width=\"800\" height=\"342\" \/><\/p>\n<p>When you step outside the default, server-assigned 404 page, another wonderful opportunity presents itself &#8211; traffic data. Now that you have a real page in place, you can track activity via Analytics along with the other content on your site. From there, you can observe how people land on missing URL\u2019s and work to minimize future misfires.<\/p>\n<h3>How to Customize Your 404 Page<\/h3>\n<p>Customizing your 404 page depends on how the site was built and each CMS platform handles it differently. For instance, if your website runs on <strong>WordPress<\/strong>, check your theme\u2019s settings for options. Alternatively, you could download one of the several plug-ins which allow you to edit your 404 page such as <a href=\"https:\/\/wordpress.org\/plugins\/forty-four\" target=\"_blank\" rel=\"noopener noreferrer\">Forty Four<\/a> or <a href=\"https:\/\/wordpress.org\/plugins\/404page\" target=\"_blank\" rel=\"noopener noreferrer\">404page<\/a>. These WP tools are ideal because they offer the ability to treat the error page as a blank slate within your site\u2019s template. You can easily add text, images, video, or dynamic content such as trending blog posts, personalized messaging and more &#8211; just as you would in a normal page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-63619\" src=\"https:\/\/www.acscreative.com\/wp-content\/uploads\/2017\/07\/Custom404-Code-1.jpg\" alt=\"Page Design Code\" width=\"800\" height=\"342\" \/><\/p>\n<p>If your website is custom or uses a CMS that doesn\u2019t support plug-ins, you can easily define a 404 page on the server side via your <strong>.htaccess<\/strong> file. This may require administrative privileges to your hosting environment but offers complete freedom over look and feel of the error page.<\/p>\n<p>No matter how you go about it, keep file size in mind. Some major browsers, including Internet Explorer and Chrome, require custom 404 Pages to be larger than <strong>512 bytes<\/strong>. If this minimum size is not met, they may display their <em>own<\/em> version which could include recommendations for other websites!<\/p>\n<h3>Tips &amp; Ideas<\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><strong>Get Silly<\/strong><br \/>\nCustom 404 Pages are a great way for otherwise serious companies to show their fun side. Some have even become <a href=\"https:\/\/www.creativebloq.com\/web-design\/best-404-pages-812505\" target=\"_blank\" rel=\"noopener noreferrer\">internet famous<\/a>!<\/li>\n<li style=\"font-weight: 400;\"><strong>Redirect to Re-Engage<\/strong><br \/>\nProvide links to your most interesting content and resources to help lost wanderers find their way to something new.<\/li>\n<li style=\"font-weight: 400;\"><strong>Downplay the Error<\/strong><br \/>\nAlthough your 404 visitors have arrived on an inactive page, you can still put a positive spin on the situation. Focus less on error messaging and more on why they should stay.<\/li>\n<li style=\"font-weight: 400;\"><strong>Simplicity Converts<\/strong><br \/>\nFact is, people viewing your 404 page did not ask to. They might be willing to browse your site further but try not to overwhelm them. Keep your 404 content short and sweet.<\/li>\n<\/ul>\n<p><strong>Don\u2019t Go Crazy<\/strong><br \/>\nWhen customizing your missing page experience, keep in mind how few people will actually see this. It\u2019s a nice touch to any site but try not to spend too much time on it.<\/p>\n<p>An effective 404 Page is your chance to invite lost visitors to <strong>explore<\/strong> instead of sending them away in shame. Turn your website\u2019s dead end into an open door and watch the conversions come through!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As the Web continues to grow and evolve exponentially, getting \u201clost\u201d has become increasingly common. You may be wondering how it\u2019s possible to lose your way in the digital space while so comfortably anchored to your office chair in the physical realm. If you\u2019ve ever been confronted with a website\u2019s 404 Page (the internet\u2019s dead [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":63445,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[8,12,9],"class_list":["post-61785","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-websites","tag-customer-service","tag-design","tag-user-experience"],"_links":{"self":[{"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=\/wp\/v2\/posts\/61785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=61785"}],"version-history":[{"count":0,"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=\/wp\/v2\/posts\/61785\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=\/"}],"wp:attachment":[{"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=61785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=61785"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/acsredux.acscreativedev.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=61785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}