{"id":4079,"date":"2021-10-08T13:28:09","date_gmt":"2021-10-08T12:28:09","guid":{"rendered":"https:\/\/unihost.com\/blog\/?p=4079"},"modified":"2026-01-09T13:05:29","modified_gmt":"2026-01-09T11:05:29","slug":"custom-error-pages","status":"publish","type":"post","link":"https:\/\/unihost.com\/blog\/custom-error-pages\/","title":{"rendered":"You need to create custom error pages. Here&#8217;s why."},"content":{"rendered":"<p class=\"head-text\">Web server error arises, when the user requests the information that cannot be transmitted by the server. In that case, the server shows the user a special page with an HTTP status code and an offer on what to do next.<\/p>\n<p><span style=\"font-weight: 400;\">You can check the full list of status codes on <\/span><a href=\"https:\/\/en.wikipedia.org\/wiki\/List_of_HTTP_status_codes\" target=\"_blank\" rel=\"nofollow noopener nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">Wikipedia<\/span><\/a><span style=\"font-weight: 400;\">, but right now let\u2019s look at those that can be commonly seen on the websites:<\/span><\/p>\n<ol>\n<li><b>404 File Not Found. <\/b><span style=\"font-weight: 400;\">Arises when the user requests the information that is not on the server.<\/span><\/li>\n<li><b>503 Service Unavailable.<\/b><span style=\"font-weight: 400;\"> Happens when the server does not respond at all. For example, because it is online or has run out of resources.<\/span><\/li>\n<li><b>504 Gateway Timeout. <span style=\"font-weight: 400;\">Happens when something happens on the way to the server and a request never reaches it at all.<\/span><\/b><\/li>\n<li><strong>401 Unauthorized.<\/strong> <span style=\"font-weight: 400;\">A user has requested data that he does not have access to.<\/span><\/li>\n<li><strong>451 Unavailable for Legal Reasons.<\/strong> <span style=\"font-weight: 400;\">A user has requested data that has been removed by a demand from the law enforcement agencies.<\/span><\/li>\n<\/ol>\n<p>All these errors cause a negative reaction from the visitor \u2014 even if the errors are his own fault. Besides, standard error pages do not even offer a chance to go back to the website&#8217;s homepage \u2014 which means that everyone who gets a website error is effectively lost. And if you don&#8217;t like it \u2014 you need to make your own, custom, web pages.<\/p>\n<h2><span style=\"font-weight: 400;\">How to make error pages interesting<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Good error pages can be divided in three categories \u2014 useful, entertaining and interactive. We are going to use the 404 error page as an example, because the issuement of this page depends on the user and the web developer can\u2019t do anything about it. That\u2019s why it is one of the most popular ones.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Useful<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">A useful 404 error page has an error description, a possible reason for its occurence and a search field. Maybe also a link to the website\u2019s main page, a picture or an animation.<\/span><\/p>\n<figure id=\"attachment_1261\" aria-describedby=\"caption-attachment-1261\" style=\"width: 1216px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_6695e5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1261 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_6695e5.png\" alt=\"An error page on a tech blog Techtablets\" width=\"1216\" height=\"608\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 1\"><\/a><figcaption id=\"caption-attachment-1261\" class=\"wp-caption-text\">An error page on a tech blog Techtablets<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">It doesn\u2019t take much effort to make those pages (there\u2019s even a website with ready-made <\/span><a href=\"http:\/\/www.os-templates.com\/page-templates\/404-templates\" target=\"_blank\" rel=\"nofollow noopener nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">templates<\/span><\/a><span style=\"font-weight: 400;\">), yet they are perfect for the task of bringing the user back to the mainpage.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Entertaining<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">There\u2019s a pretty animation or a picture on the page. A link to the homepage is also here, but usually it\u2019s not in the center of attention.<\/span><\/p>\n<figure id=\"attachment_1239\" aria-describedby=\"caption-attachment-1239\" style=\"width: 1600px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_300817_3b3685.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1239 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_300817_3b3685.png\" alt=\"On Hakim El Hattab\u2019s website, the 404 page belongs to the evil eyes that blink randomly and follow the mouse cursor.\" width=\"1600\" height=\"848\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 2\"><\/a><figcaption id=\"caption-attachment-1239\" class=\"wp-caption-text\">On Hakim El Hattab\u2019s website, the 404 page belongs to the evil eyes that blink randomly and follow the mouse cursor.<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">These pages are interesting and help you to add a personality to the website. On the other hand, they are not so useful and can be actually distrating.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Interactive<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">There\u2019s a minigame or an app on the page. A link to the homepage should be there too, but it is secondary.<\/span><\/p>\n<figure id=\"attachment_1262\" aria-describedby=\"caption-attachment-1262\" style=\"width: 579px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_300817_13399f-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1262 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_300817_13399f-1.png\" alt=\"On the chess website lichness.org, the 404 page contains an runner minigame, with its own spin on chess.\" width=\"579\" height=\"710\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 3\"><\/a><figcaption id=\"caption-attachment-1262\" class=\"wp-caption-text\">On the chess website lichness.org, the 404 page contains an runner minigame, with its own spin on chess.<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">These pages are made to call upon the positive emotions, but on the other hand they can easily distract users from their original target. For example, when I got my first 404 error at Lichess, I forgot what I was doing beforehand and it took me half an hour of countless attempts to save the black queen before I returned to the homepage.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">How to make my own error page?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The best way is to edit a page in cPanel. This method is universal and supported by most of the CMS.<\/span><\/p>\n<h3>How to make an error page in cPanel<\/h3>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Log into cPanel.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><i><span style=\"font-weight: 400;\">Error page <\/span><\/i><span style=\"font-weight: 400;\">under <\/span><i><span style=\"font-weight: 400;\">Advanced<\/span><\/i><span style=\"font-weight: 400;\">.<a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_741d8e.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1263 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_741d8e.png\" alt=\"error pages\" width=\"1327\" height=\"202\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 4\"><\/a> <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click on the page you want to edit.<a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_726d3d.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1264 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_726d3d.png\" alt=\"error codes\" width=\"506\" height=\"205\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 5\"><\/a> <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Write your own code or take it from a template. Templates can be found at <\/span><a href=\"http:\/\/www.os-templates.com\" target=\"_blank\" rel=\"nofollow noopener nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">OS-Templates<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/www.freshdesignweb.com\/free-404-error-page-template\/\" target=\"_blank\" rel=\"nofollow noopener nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">Fresh Design Web<\/span><\/a><span style=\"font-weight: 400;\">.<a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_a12f50.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1265 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_a12f50.png\" alt=\"error templates\" width=\"677\" height=\"838\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 6\"><\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><i><span style=\"font-weight: 400;\">Save<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Go back to cPanel\u2019s homepage.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><i><span style=\"font-weight: 400;\">File manager<\/span><\/i><span style=\"font-weight: 400;\">.<a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_95048a.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1266 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_95048a.png\" alt=\"file manager\" width=\"1314\" height=\"258\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 7\"><\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Open the public_html folder.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click on .htaccess file.<a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_fd1cb3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1267 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_fd1cb3.png\" alt=\"file .htaccess\" width=\"824\" height=\"104\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 8\"><\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><i><span style=\"font-weight: 400;\">Edit<\/span><\/i><span style=\"font-weight: 400;\">.<a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_850160.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1268 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_850160.png\" alt=\"edit .htaccess\" width=\"567\" height=\"161\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 9\"><\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Write <\/span><i><span style=\"font-weight: 400;\">ErrorDocument 404 \/404.shtml<\/span><\/i><span style=\"font-weight: 400;\"> as the very first line and click <\/span><i><span style=\"font-weight: 400;\">Save changes<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Check if your 404 error page is working. Mine \u2014 <\/span><span style=\"font-weight: 400;\">does<\/span><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ol>\n<h3>How to make your own error page in WordPress<\/h3>\n<p><span style=\"font-weight: 400;\">If your website runs on WordPress \u2014 you already have a primitive, but a usable page. That\u2019s what it looks like on a freshly installed CMS:<\/span><\/p>\n<p><a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/hnet.com-image-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1651 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/hnet.com-image-1.png\" alt=\"my blog wordpress\" width=\"771\" height=\"523\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 10\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">WordPress considers the page a part of the website, which means that it inherits the theme. Some themes even have their own error pages:<a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_300817_8848b6-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1270 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_300817_8848b6-1.png\" alt=\"wordpress theme \" width=\"760\" height=\"680\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 11\"><\/a><\/span><\/p>\n<p>But there&#8217;s a problem too. WordPress does not support setting the error pages up from cPanel and .htaccess.<\/p>\n<p><span style=\"font-weight: 400;\">There are two ways to edit the error page in WordPress \u2014 editing the error page directly and using a plugin to redirect the error page.<\/span><\/p>\n<h4>Editing the error page in WordPress<\/h4>\n<p><span style=\"font-weight: 400;\">If you edit, i.e. 404.php, it will leave the page styled after your website, but will allow you to edit text, widgets and other page elements. In order to do this:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Log into WordPress.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><i><span style=\"font-weight: 400;\">Appearance<\/span><\/i><span style=\"font-weight: 400;\">.<a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_89153c.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1271 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_89153c.png\" alt=\"Appearance\" width=\"158\" height=\"243\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 12\"><\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><i><span style=\"font-weight: 400;\">Editor.<\/span><\/i><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Pick a page you want to edit to the right:<a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_e6030a.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1272 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_e6030a.png\" alt=\"teamplates\" width=\"221\" height=\"361\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 13\"><\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The file contains PHP and HTML code. If you are familiar with those languages, you can edit the contents of the file however you wish. If not, you can always edit the text on the page.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><i><span style=\"font-weight: 400;\">Update file<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Check whether or not the page is working. Mine is <\/span><span style=\"font-weight: 400;\">here<\/span><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ol>\n<h4>Redirecting to another page<\/h4>\n<p><span style=\"font-weight: 400;\">It allows you to use any page as a 404 page.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Log into <\/span><i><span style=\"font-weight: 400;\">WordPress Dashboard<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><i><span style=\"font-weight: 400;\">Plugins &gt; Add new<\/span><\/i><span style=\"font-weight: 400;\">.<a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_e96f4e.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1273 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_e96f4e.png\" alt=\"plugins\" width=\"160\" height=\"192\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 14\"><\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Type <\/span><i><span style=\"font-weight: 400;\">Custom 404 Pro <\/span><\/i><span style=\"font-weight: 400;\">in the search field<\/span><i><span style=\"font-weight: 400;\">.<\/span><\/i><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><i><span style=\"font-weight: 400;\">Install Now<\/span><\/i><span style=\"font-weight: 400;\">.<a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_82cd22.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1274 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_82cd22.png\" alt=\"custom 404\" width=\"538\" height=\"238\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 15\"><\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click <\/span><i><span style=\"font-weight: 400;\">Activate<\/span><\/i><span style=\"font-weight: 400;\">.<a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_6b6984.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1275 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_6b6984.png\" alt=\"custom 404\" width=\"538\" height=\"238\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 16\"><\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Go to plugin\u2019s settings.<a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_dd56e7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1276 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_040917_dd56e7.png\" alt=\"settings plugin\" width=\"161\" height=\"207\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 17\"><\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Define a path to your new 404. It can be wherever you want, even on another domain.<a href=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_010917_780e71-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1277 size-full\" src=\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/DS_010917_780e71-2.png\" alt=\"custom 404 settings\" width=\"746\" height=\"475\" \/ title=\"You need to create custom error pages. Here&#8217;s why. - Image 18\"><\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Here\u2019s <\/span><span style=\"font-weight: 400;\">an example<\/span><span style=\"font-weight: 400;\"> of such page. Here a 404 page for the subdomain is located on another subdomain.<\/span><\/li>\n<\/ol>\n<h2><span style=\"font-weight: 400;\">Conclusion<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">No website is safe from errors. Even the most dedicated and careful user will one day mistype and see the 404 error page. In order to make this a positive experience, we recommend making a custom error page. This will increase the chances that the users will stay on the website. Here\u2019s a shortlist of good 404 error pages for your consideration:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/github.com\/500\" target=\"_blank\" rel=\"nofollow noopener nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">GitHub<\/span><\/a><span style=\"font-weight: 400;\"> \u2014 useful<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Sygic<\/span><span style=\"font-weight: 400;\"> \u2014 entertaining<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Blue Fountain Media<\/span><span style=\"font-weight: 400;\"> \u2014 interactive<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Unihost.com<\/span><span style=\"font-weight: 400;\"> \u2014 useful<\/span><\/li>\n<\/ol>\n<!--themify_builder_content-->\n<div id=\"themify_builder_content-4079\" data-postid=\"4079\" class=\"themify_builder_content themify_builder_content-4079 themify_builder tf_clear\">\n    <\/div>\n<!--\/themify_builder_content-->\n","protected":false},"excerpt":{"rendered":"<p>Web server error arises, when the user requests the information that cannot be transmitted by the server. In that case, the server shows the user a special page with an HTTP status code and an offer on what to do next. You can check the full list of status codes on Wikipedia, but right now [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":2058,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-4079","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdev","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>You need to create custom error pages. Here&#039;s why.<\/title>\n<meta name=\"description\" content=\"\u2714 How to make error pages interesting \u2714 How to make my own error page \u2714 How to make your own error page in WordPress - Unihost.com Blog\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/unihost.com\/blog\/custom-error-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"You need to create custom error pages. Here&#039;s why.\" \/>\n<meta property=\"og:description\" content=\"\u2714 How to make error pages interesting \u2714 How to make my own error page \u2714 How to make your own error page in WordPress - Unihost.com Blog\" \/>\n<meta property=\"og:url\" content=\"https:\/\/unihost.com\/blog\/custom-error-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Unihost.com Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/unihost\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-08T12:28:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-09T11:05:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/unihost.com\/blog\/minio.php?2017\/03\/logo7.png\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"34\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alex Shevchuk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@unihost\" \/>\n<meta name=\"twitter:site\" content=\"@unihost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alex Shevchuk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/unihost.com\/blog\/custom-error-pages\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/unihost.com\/blog\/custom-error-pages\/\"},\"author\":{\"name\":\"Alex Shevchuk\",\"@id\":\"https:\/\/unihost.com\/blog\/#\/schema\/person\/92e127fbc9a0ce4ca134886442a54474\"},\"headline\":\"You need to create custom error pages. Here&#8217;s why.\",\"datePublished\":\"2021-10-08T12:28:09+00:00\",\"dateModified\":\"2026-01-09T11:05:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/unihost.com\/blog\/custom-error-pages\/\"},\"wordCount\":1045,\"publisher\":{\"@id\":\"https:\/\/unihost.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/unihost.com\/blog\/custom-error-pages\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/404.svg\",\"articleSection\":[\"WebDev\"],\"inLanguage\":\"en\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/unihost.com\/blog\/custom-error-pages\/\",\"url\":\"https:\/\/unihost.com\/blog\/custom-error-pages\/\",\"name\":\"You need to create custom error pages. Here's why.\",\"isPartOf\":{\"@id\":\"https:\/\/unihost.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/unihost.com\/blog\/custom-error-pages\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/unihost.com\/blog\/custom-error-pages\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/404.svg\",\"datePublished\":\"2021-10-08T12:28:09+00:00\",\"dateModified\":\"2026-01-09T11:05:29+00:00\",\"description\":\"\u2714 How to make error pages interesting \u2714 How to make my own error page \u2714 How to make your own error page in WordPress - Unihost.com Blog\",\"breadcrumb\":{\"@id\":\"https:\/\/unihost.com\/blog\/custom-error-pages\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/unihost.com\/blog\/custom-error-pages\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/unihost.com\/blog\/custom-error-pages\/#primaryimage\",\"url\":\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/404.svg\",\"contentUrl\":\"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/404.svg\",\"caption\":\"404\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/unihost.com\/blog\/custom-error-pages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Unihost\",\"item\":\"https:\/\/unihost.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\/\/unihost.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"You need to create custom error pages. Here&#8217;s why.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/unihost.com\/blog\/#website\",\"url\":\"https:\/\/unihost.com\/blog\/\",\"name\":\"Unihost.com Blog\",\"description\":\"Web hosting, Online marketing and Web News\",\"publisher\":{\"@id\":\"https:\/\/unihost.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/unihost.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/unihost.com\/blog\/#organization\",\"name\":\"Unihost\",\"alternateName\":\"Unihost\",\"url\":\"https:\/\/unihost.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/unihost.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/unihost.com\/blog\/minio.php?2026\/01\/minio.png\",\"contentUrl\":\"https:\/\/unihost.com\/blog\/minio.php?2026\/01\/minio.png\",\"width\":300,\"height\":300,\"caption\":\"Unihost\"},\"image\":{\"@id\":\"https:\/\/unihost.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/unihost\",\"https:\/\/x.com\/unihost\",\"https:\/\/instagram.com\/unihost\",\"https:\/\/www.linkedin.com\/company\/unihost-com\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/unihost.com\/blog\/#\/schema\/person\/92e127fbc9a0ce4ca134886442a54474\",\"name\":\"Alex Shevchuk\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/unihost.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/37068b7d8dd334ae091ca77c586798519f5157257b25f6bc5dbe0daa5f828510?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/37068b7d8dd334ae091ca77c586798519f5157257b25f6bc5dbe0daa5f828510?s=96&d=mm&r=g\",\"caption\":\"Alex Shevchuk\"},\"description\":\"Alex Shevchuk is the Head of DevOps with extensive experience in building, scaling, and maintaining reliable cloud and on-premise infrastructure. He specializes in automation, high-availability systems, CI\/CD pipelines, and DevOps best practices, helping teams deliver stable and scalable production environments. LinkedIn: https:\/\/www.linkedin.com\/in\/alex1shevchuk\/\",\"url\":\"https:\/\/unihost.com\/blog\/author\/alex-shevchuk\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"You need to create custom error pages. Here's why.","description":"\u2714 How to make error pages interesting \u2714 How to make my own error page \u2714 How to make your own error page in WordPress - Unihost.com Blog","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:\/\/unihost.com\/blog\/custom-error-pages\/","og_locale":"en_US","og_type":"article","og_title":"You need to create custom error pages. Here's why.","og_description":"\u2714 How to make error pages interesting \u2714 How to make my own error page \u2714 How to make your own error page in WordPress - Unihost.com Blog","og_url":"https:\/\/unihost.com\/blog\/custom-error-pages\/","og_site_name":"Unihost.com Blog","article_publisher":"https:\/\/www.facebook.com\/unihost","article_published_time":"2021-10-08T12:28:09+00:00","article_modified_time":"2026-01-09T11:05:29+00:00","og_image":[{"width":200,"height":34,"url":"https:\/\/unihost.com\/blog\/minio.php?2017\/03\/logo7.png","type":"image\/png"}],"author":"Alex Shevchuk","twitter_card":"summary_large_image","twitter_creator":"@unihost","twitter_site":"@unihost","twitter_misc":{"Written by":"Alex Shevchuk","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/unihost.com\/blog\/custom-error-pages\/#article","isPartOf":{"@id":"https:\/\/unihost.com\/blog\/custom-error-pages\/"},"author":{"name":"Alex Shevchuk","@id":"https:\/\/unihost.com\/blog\/#\/schema\/person\/92e127fbc9a0ce4ca134886442a54474"},"headline":"You need to create custom error pages. Here&#8217;s why.","datePublished":"2021-10-08T12:28:09+00:00","dateModified":"2026-01-09T11:05:29+00:00","mainEntityOfPage":{"@id":"https:\/\/unihost.com\/blog\/custom-error-pages\/"},"wordCount":1045,"publisher":{"@id":"https:\/\/unihost.com\/blog\/#organization"},"image":{"@id":"https:\/\/unihost.com\/blog\/custom-error-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/404.svg","articleSection":["WebDev"],"inLanguage":"en"},{"@type":"WebPage","@id":"https:\/\/unihost.com\/blog\/custom-error-pages\/","url":"https:\/\/unihost.com\/blog\/custom-error-pages\/","name":"You need to create custom error pages. Here's why.","isPartOf":{"@id":"https:\/\/unihost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/unihost.com\/blog\/custom-error-pages\/#primaryimage"},"image":{"@id":"https:\/\/unihost.com\/blog\/custom-error-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/404.svg","datePublished":"2021-10-08T12:28:09+00:00","dateModified":"2026-01-09T11:05:29+00:00","description":"\u2714 How to make error pages interesting \u2714 How to make my own error page \u2714 How to make your own error page in WordPress - Unihost.com Blog","breadcrumb":{"@id":"https:\/\/unihost.com\/blog\/custom-error-pages\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/unihost.com\/blog\/custom-error-pages\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/unihost.com\/blog\/custom-error-pages\/#primaryimage","url":"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/404.svg","contentUrl":"https:\/\/unihost.com\/blog\/minio.php?2017\/09\/404.svg","caption":"404"},{"@type":"BreadcrumbList","@id":"https:\/\/unihost.com\/blog\/custom-error-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Unihost","item":"https:\/\/unihost.com\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/unihost.com\/blog\/"},{"@type":"ListItem","position":3,"name":"You need to create custom error pages. Here&#8217;s why."}]},{"@type":"WebSite","@id":"https:\/\/unihost.com\/blog\/#website","url":"https:\/\/unihost.com\/blog\/","name":"Unihost.com Blog","description":"Web hosting, Online marketing and Web News","publisher":{"@id":"https:\/\/unihost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/unihost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/unihost.com\/blog\/#organization","name":"Unihost","alternateName":"Unihost","url":"https:\/\/unihost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/unihost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/unihost.com\/blog\/minio.php?2026\/01\/minio.png","contentUrl":"https:\/\/unihost.com\/blog\/minio.php?2026\/01\/minio.png","width":300,"height":300,"caption":"Unihost"},"image":{"@id":"https:\/\/unihost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/unihost","https:\/\/x.com\/unihost","https:\/\/instagram.com\/unihost","https:\/\/www.linkedin.com\/company\/unihost-com"]},{"@type":"Person","@id":"https:\/\/unihost.com\/blog\/#\/schema\/person\/92e127fbc9a0ce4ca134886442a54474","name":"Alex Shevchuk","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/unihost.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/37068b7d8dd334ae091ca77c586798519f5157257b25f6bc5dbe0daa5f828510?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/37068b7d8dd334ae091ca77c586798519f5157257b25f6bc5dbe0daa5f828510?s=96&d=mm&r=g","caption":"Alex Shevchuk"},"description":"Alex Shevchuk is the Head of DevOps with extensive experience in building, scaling, and maintaining reliable cloud and on-premise infrastructure. He specializes in automation, high-availability systems, CI\/CD pipelines, and DevOps best practices, helping teams deliver stable and scalable production environments. LinkedIn: https:\/\/www.linkedin.com\/in\/alex1shevchuk\/","url":"https:\/\/unihost.com\/blog\/author\/alex-shevchuk\/"}]}},"_links":{"self":[{"href":"https:\/\/unihost.com\/blog\/wp-json\/wp\/v2\/posts\/4079","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unihost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unihost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unihost.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/unihost.com\/blog\/wp-json\/wp\/v2\/comments?post=4079"}],"version-history":[{"count":5,"href":"https:\/\/unihost.com\/blog\/wp-json\/wp\/v2\/posts\/4079\/revisions"}],"predecessor-version":[{"id":4180,"href":"https:\/\/unihost.com\/blog\/wp-json\/wp\/v2\/posts\/4079\/revisions\/4180"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/unihost.com\/blog\/wp-json\/wp\/v2\/media\/2058"}],"wp:attachment":[{"href":"https:\/\/unihost.com\/blog\/wp-json\/wp\/v2\/media?parent=4079"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unihost.com\/blog\/wp-json\/wp\/v2\/categories?post=4079"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unihost.com\/blog\/wp-json\/wp\/v2\/tags?post=4079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}