{"id":446,"date":"2012-10-18T14:51:47","date_gmt":"2012-10-18T14:51:47","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2012\/10\/18\/creating-a-custom-404-error-page\/"},"modified":"2021-08-16T23:31:52","modified_gmt":"2021-08-17T03:31:52","slug":"creating-a-custom-404-error-page","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/","title":{"rendered":"Creating a Custom 404 Error Page"},"content":{"rendered":"

In this article, we\u2019ll discuss how you can set up a custom 404 error page<\/strong> for your website. This will allow you to control exactly what message is displayed to your visitors when they try to request a page that doesn\u2019t exist.<\/p>\n\n\n\n

If you read our previous article on 404 error not found pages<\/a>, you should have a good understanding of why creating a custom 404 error page can be helpful.<\/p>\n\n\n\n

You can simply upload a file such as 404.html<\/strong> to your website via FTP<\/a>, or if you prefer you can follow the instructions below for creating this file in cPanel via the File Manager.<\/p>\n\n\n\n

    \n\n
  1. Login to your cPanel<\/a>.\n
    <\/div><\/li>\n\n
  2. \"Set<\/a> Under the Files<\/strong> section, click on File Manager<\/strong>.\n
    <\/div><\/li>\n\n
  3. \"\"<\/a> Click on public_html<\/strong>.\n
    <\/div><\/li>\n\n
  4. \"\"<\/a> From the top left-hand menu, click on New File<\/strong>.\n
    <\/div><\/li>\n\n
  5. \"\"<\/a> Under New File Name:<\/strong> type in 404.html<\/strong> then click Create New File<\/strong>.\n
    <\/div><\/li>\n\n
  6. \"\"<\/a> Right-click<\/strong> on the newly created 404.html<\/strong> then click on Edit<\/strong>.\n
    <\/div><\/li>\n\n
  7. \"\"<\/a> In the Text Editor<\/strong> pop-up, simply click on Edit<\/strong>.\n
    <\/div><\/li>\n\n
  8. Now you\u2019d want to type in the HTML code for your custom 404 page, in this example we\u2019re using a very basic one that you can copy if you\u2019d like. However you can get very fancy with your own, even going so far as to copying the style and images of your main site and placing your error message in the middle of that.\n\n

    We\u2019re sorry but the page you\u2019re looking for could not be found<\/h3>\n
    <\/div><\/li>\n\n
  9. \"\"<\/a> After you\u2019ve made your edits, click on Save Changes<\/strong>, and you should see a green Success pop-up.\n
    <\/div><\/li>\n\n
  10. \"\"<\/a> Now if you directly try to pull up \/404.html<\/strong> in your web-browser, you should see the page we just created.\n
    <\/div><\/li>\n\n<\/ol>\n\n\n\n

    Now that you\u2019ve learned how to create a custom 404 error page to handle your 404 errors, you\u2019ll also more than likely want to learn about setting a 404 error page via .htaccess<\/a>. This way any requests for non-existent pages will go directly to your custom static 404 error page that you just created.<\/p>\n\n\n\n

    You can get even more advanced with your 404 error page by using Google\u2019s custom 404-page widget<\/a>. This can help provide relevant content from your site to visitors from a Google search against your website.<\/p>\n","protected":false},"excerpt":{"rendered":"

    In this article, we\u2019ll discuss how you can set up a custom 404 error page for your website. This will allow you to control exactly what message is displayed to your visitors when they try to request a page that doesn\u2019t exist. If you read our previous article on 404 error not found pages, you Read More ><\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4335],"tags":[],"class_list":["post-446","post","type-post","status-publish","format-standard","hentry","category-error-numbers"],"acf":[],"yoast_head":"\nCreating a Custom 404 Error Page | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"In this article we'll discuss how you can setup a custom 404 error page for your website, allowing you to control what message is displayed for requests to non-existent pages.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a Custom 404 Error Page | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"In this article we'll discuss how you can setup a custom 404 error page for your website, allowing you to control what message is displayed for requests to non-existent pages.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2012-10-18T14:51:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T03:31:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/10\/website_website-troubleshooting_404s_create-404_01-click-file-manager.png\" \/>\n<meta name=\"author\" content=\"Scott Mitchell\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Scott Mitchell\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/\"},\"author\":{\"name\":\"Scott Mitchell\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed\"},\"headline\":\"Creating a Custom 404 Error Page\",\"datePublished\":\"2012-10-18T14:51:47+00:00\",\"dateModified\":\"2021-08-17T03:31:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/\"},\"wordCount\":370,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/10\/website_website-troubleshooting_404s_create-404_01-click-file-manager.png\",\"articleSection\":[\"Website Error Numbers\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/\",\"name\":\"Creating a Custom 404 Error Page | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/10\/website_website-troubleshooting_404s_create-404_01-click-file-manager.png\",\"datePublished\":\"2012-10-18T14:51:47+00:00\",\"dateModified\":\"2021-08-17T03:31:52+00:00\",\"description\":\"In this article we'll discuss how you can setup a custom 404 error page for your website, allowing you to control what message is displayed for requests to non-existent pages.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/10\/website_website-troubleshooting_404s_create-404_01-click-file-manager.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/10\/website_website-troubleshooting_404s_create-404_01-click-file-manager.png\",\"width\":1042,\"height\":195,\"caption\":\"Click here to view the larger image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating a Custom 404 Error Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support & Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed\",\"name\":\"Scott Mitchell\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating a Custom 404 Error Page | InMotion Hosting","description":"In this article we'll discuss how you can setup a custom 404 error page for your website, allowing you to control what message is displayed for requests to non-existent pages.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/","og_locale":"en_US","og_type":"article","og_title":"Creating a Custom 404 Error Page | InMotion Hosting","og_description":"In this article we'll discuss how you can setup a custom 404 error page for your website, allowing you to control what message is displayed for requests to non-existent pages.","og_url":"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2012-10-18T14:51:47+00:00","article_modified_time":"2021-08-17T03:31:52+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/10\/website_website-troubleshooting_404s_create-404_01-click-file-manager.png","type":"","width":"","height":""}],"author":"Scott Mitchell","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Scott Mitchell","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/"},"author":{"name":"Scott Mitchell","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed"},"headline":"Creating a Custom 404 Error Page","datePublished":"2012-10-18T14:51:47+00:00","dateModified":"2021-08-17T03:31:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/"},"wordCount":370,"commentCount":6,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/10\/website_website-troubleshooting_404s_create-404_01-click-file-manager.png","articleSection":["Website Error Numbers"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/","url":"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/","name":"Creating a Custom 404 Error Page | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/10\/website_website-troubleshooting_404s_create-404_01-click-file-manager.png","datePublished":"2012-10-18T14:51:47+00:00","dateModified":"2021-08-17T03:31:52+00:00","description":"In this article we'll discuss how you can setup a custom 404 error page for your website, allowing you to control what message is displayed for requests to non-existent pages.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/10\/website_website-troubleshooting_404s_create-404_01-click-file-manager.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/10\/website_website-troubleshooting_404s_create-404_01-click-file-manager.png","width":1042,"height":195,"caption":"Click here to view the larger image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/error-numbers\/creating-a-custom-404-error-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Creating a Custom 404 Error Page"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support & Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed","name":"Scott Mitchell","url":"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/446","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=446"}],"version-history":[{"count":4,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/446\/revisions"}],"predecessor-version":[{"id":85484,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/446\/revisions\/85484"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=446"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=446"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}