{"id":50394,"date":"2014-08-15T15:01:47","date_gmt":"2014-08-15T18:01:47","guid":{"rendered":"http:\/\/www.jumabu.com\/design-tools\/?p=50394"},"modified":"2015-08-21T12:44:28","modified_gmt":"2015-08-21T15:44:28","slug":"como-personalizar-una-pagina-de-error-404","status":"publish","type":"post","link":"https:\/\/www.jumabu.com\/es\/como-personalizar-una-pagina-de-error-404\/","title":{"rendered":"C\u00f3mo Personalizar una P\u00e1gina de Error 404?"},"content":{"rendered":"<p><strong>En esta art\u00edculo te explicaremos como darle estilo a tu p\u00e1gina de error 404 y las buenas pr\u00e1cticas para optimizarla logrando as\u00ed una buena experiencia de parte del usuario que se encuentra con esta p\u00e1gina.\u00a0<\/strong><\/p>\n<p>Explicaremos ante todo:<\/p>\n<ul>\n<li>Qu\u00e9 es una p\u00e1gina de Error 404?<\/li>\n<li>C\u00f3mo puedo personalizar mi p\u00e1gina de Error 404?<\/li>\n<li>Buenas pr\u00e1cticas sobre las p\u00e1ginas de Error 404<\/li>\n<\/ul>\n<h2><\/h2>\n<h2>Qu\u00e9 es una p\u00e1gina de Error 404?<\/h2>\n<p><strong>La p\u00e1gina de Error 404 es el archivo que tu servidor ejecuta o mejor dicho &#8220;muestra&#8221; al visitante cada vez que visita una secci\u00f3n de tu sitio que dej\u00f3 de existir (enlace roto).<\/strong><\/p>\n<p>Cada vez que nos encontramos con un enlace que est\u00e1 &#8220;roto&#8221; el servidor ejecuta un html que suele tener la leyenda <strong>Not Found, Error 404<\/strong><\/p>\n<figure id=\"attachment_50395\" aria-describedby=\"caption-attachment-50395\" style=\"width: 728px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"50395\" data-permalink=\"https:\/\/www.jumabu.com\/es\/como-personalizar-una-pagina-de-error-404\/error404-not-found\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/error404-not-found.png?fit=728%2C134&amp;ssl=1\" data-orig-size=\"728,134\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"error404-not-found\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/error404-not-found.png?fit=300%2C55&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/error404-not-found.png?fit=728%2C134&amp;ssl=1\" class=\"wp-image-50395 size-full\" src=\"https:\/\/i0.wp.com\/www.jumabu.com\/design-tools\/wp-content\/images\/error404-not-found.png?resize=728%2C134\" alt=\"error404-not-found\" width=\"728\" height=\"134\" srcset=\"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/error404-not-found.png?w=728&amp;ssl=1 728w, https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/error404-not-found.png?resize=500%2C92&amp;ssl=1 500w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-50395\" class=\"wp-caption-text\">Imagen que representa el error 404 en cualquier servidor<\/figcaption><\/figure>\n<p>Perfecto! Ya sabemos que es el error 404 y c\u00f3mo se ve est\u00e1 p\u00e1gina o secci\u00f3n.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"50396\" data-permalink=\"https:\/\/www.jumabu.com\/es\/como-personalizar-una-pagina-de-error-404\/error404-not-found-2\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/error404-not-found1.png?fit=650%2C530&amp;ssl=1\" data-orig-size=\"650,530\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"error404-not-found\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/error404-not-found1.png?fit=300%2C244&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/error404-not-found1.png?fit=650%2C530&amp;ssl=1\" class=\"alignnone size-full wp-image-50396\" src=\"https:\/\/i0.wp.com\/www.jumabu.com\/design-tools\/wp-content\/images\/error404-not-found1.png?resize=650%2C530\" alt=\"error404-not-found\" width=\"650\" height=\"530\" srcset=\"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/error404-not-found1.png?w=650&amp;ssl=1 650w, https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/error404-not-found1.png?resize=500%2C407&amp;ssl=1 500w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/p>\n<h2><\/h2>\n<h2>C\u00f3mo puedo personalizar mi p\u00e1gina de Error 404?<\/h2>\n<p>Cuando un usuario de\u00a0tu sitio web se encuentra con un enlace roto normalmente cierra la ventana y se va!<br \/>\nPor eso es muy importante crear una p\u00e1gina personalizada y para ello te daremos una serie de ideas.<\/p>\n<p>Lo m\u00e1s importante es crear un archivo html de nombre 404.html y darle la misma est\u00e9tica que nuestro sitio web, asignarle el logo de la empresa y en lo posible alguna leyenda que diga &#8220;<strong>No se encuentra disponible lo que est\u00e1s buscando<\/strong>&#8221; o como vemos en otros casos el famoso &#8220;<strong>Ops! Error 404!<\/strong>\u00a0&#8221;<\/p>\n<p>Todo depende de como le hables a tus visitantes, si usas un lenguaje informal o con cierta formalidad.<\/p>\n<p>Adem\u00e1s puedes insertar\u00a0un buscador para que el usuario agregue el termino que esta buscando y as\u00ed ofrecerle otros resultado sin que salga de nuestro sitio.<br \/>\nTambi\u00e9n puedes mostrar un mapa de sitio, un listado de categor\u00edas o una nube de etiquetas.<br \/>\nLa intenci\u00f3n es mantener al usuario dentro del sitio web.<\/p>\n<p>Una vez que defines tu hermoso 404.html solo te queda informarle al servidor que muestre ese html en lugar del que muestra actualmente y para lograr esto debemos acceder al archivo .htaccess y agregar la siguiente l\u00ednea<\/p>\n<p><strong>&#8220;errorDocument 404&#8221;:<\/strong><br \/>\n<strong>errorDocument 404 \/404.html<\/strong><\/p>\n<p>Si hacen click en Descargar este recurso se encontrar\u00e1n con varios archivos en vectores gratuitos como los de la imagen para que editen sus errores 404.<\/p>\n<p>Espero les haya servido este post!<br \/>\nSaludos<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En esta art\u00edculo te explicaremos como darle estilo a tu p\u00e1gina de error 404 y las buenas pr\u00e1cticas para optimizarla logrando as\u00ed una buena&#8230;<\/p>\n","protected":false},"author":1,"featured_media":50396,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"C\u00f3mo Personalizar una P\u00e1gina de Error 404?","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[2415],"tags":[6,974,2433,2421,259],"class_list":["post-50394","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-on-line","tag-diseno-web","tag-html","tag-marketing","tag-seo","tag-website","article","has-excerpt","has-avatar","has-author","has-date","has-comment-count","has-category-meta","has-read-more","thumbnail-"],"acf":[],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/error404-not-found1.png?fit=650%2C530&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p211Nr-d6O","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/posts\/50394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/comments?post=50394"}],"version-history":[{"count":0,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/posts\/50394\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/media\/50396"}],"wp:attachment":[{"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/media?parent=50394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/categories?post=50394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/tags?post=50394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}