[et_pb_section fb_built=\u00bb1″ _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n
1419 > 1964<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n
Cuando navegamos por un sitio web, esperamos que todas las p\u00e1ginas carguen de forma correcta, pero en ocasiones nos encontramos con mensajes de error<\/strong> que nos indican que algo no sali\u00f3 bien. Una de las m\u00e1s comunes es la p\u00e1gina de error 404 en WordPress, que aparece cuando un usuario intenta acceder a una URL<\/a> que no existe o que ha sido eliminada. Este tipo de error puede generarse por varios motivos: enlaces rotos<\/strong>, cambios en la estructura del sitio<\/strong>, eliminaci\u00f3n de contenido sin redirecci\u00f3n<\/strong> o errores tipogr\u00e1ficos en las direcciones web<\/strong>.<\/p>\n En t\u00e9rminos simples, la p\u00e1gina de error 404 en WordPress es una notificaci\u00f3n que indica que el contenido solicitado no est\u00e1 disponible. Sin embargo, en lugar de ser una simple pantalla con un mensaje gen\u00e9rico de error, podemos aprovecharla para mejorar la experiencia del usuario y reducir la tasa de rebote en nuestro sitio. Personalizar esta p\u00e1gina ayuda a guiar al visitante con enlaces clave, un buscador interno o un dise\u00f1o atractivo que lo motive a seguir explorando el sitio.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2025\/02\/pagina-404-.gif\u00bb title_text=\u00bbpagina 404″ _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Adem\u00e1s de la cl\u00e1sica 404 Not Found, existen otros c\u00f3digos de estado HTTP<\/a> que pueden afectar la navegaci\u00f3n, como el error 500<\/a> (problemas en el servidor) o el error 403<\/a> (acceso prohibido). Sin embargo, la p\u00e1gina de error 404 es una de las m\u00e1s frecuentes y su personalizaci\u00f3n es clave para evitar la frustraci\u00f3n del usuario. En los siguientes apartados veremos c\u00f3mo podemos personalizar esta p\u00e1gina en WordPress, ya sea mediante ajustes en el tema, el uso de plugins<\/strong> o modificaciones en el archivo .htaccess<\/a>.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Cuando un usuario llega a una p\u00e1gina de error 404 en WordPress, significa que la URL a la que intentaba acceder no existe<\/strong>. Esto puede deberse a que el contenido fue eliminado<\/strong>, el enlace est\u00e1 roto<\/strong> o hubo un error tipogr\u00e1fico<\/strong> al escribir la direcci\u00f3n. Si dejamos esta p\u00e1gina con el dise\u00f1o predeterminado del tema, lo m\u00e1s probable es que el visitante se frustre y abandone nuestro sitio.<\/p>\n WordPress nos ofrece varias formas de crear y personalizar una p\u00e1gina de error 404 en WordPress. Podemos editar de forma manual el archivo 404.php, usar un constructor como Elementor<\/a> o Divi<\/a> para dise\u00f1arla sin c\u00f3digo, o instalar plugins que la configuren sin modificar archivos.<\/p>\n M\u00e1s all\u00e1 del m\u00e9todo que usemos, nuestra p\u00e1gina de error 404 en WordPress debe incluir elementos que gu\u00eden al usuario, como un buscador, enlaces a categor\u00edas en WordPress<\/a>\u00a0y un dise\u00f1o claro que evite la frustraci\u00f3n.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Una de las formas m\u00e1s directas y personalizables para modificar la p\u00e1gina de error 404 en WordPress es editando el archivo 404.php<\/strong> dentro de nuestro tema activo. Este m\u00e9todo nos da total control sobre el dise\u00f1o y el contenido de la p\u00e1gina de error, pero requiere<\/strong> algunos conocimientos b\u00e1sicos de HTML<\/a>, CSS<\/a> y PHP<\/a>.<\/p>\n El archivo 404.php se encuentra dentro de la carpeta de nuestro tema activo en WordPress. Para acceder a \u00e9l, tenemos dos opciones principales:<\/p>\n A trav\u00e9s del administrador de archivos en WePanel<\/strong><\/p>\n Usando un cliente FTP<\/strong><\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2025\/02\/404-en-wepanel.gif\u00bb title_text=\u00bb404 en wepanel\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Ahora que tenemos acceso al archivo 404.php, podemos personalizarlo para mejorar la experiencia del usuario cuando llegue a una p\u00e1gina de error 404 en WordPress. A continuaci\u00f3n, veremos c\u00f3mo editarlo para que ofrezca contenido \u00fatil en lugar de un simple mensaje de error.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb text_text_color=\u00bb#FFFFFF\u00bb background_color=\u00bb#000000″ custom_padding=\u00bb45px|75px|45px|75px|false|false\u00bb hover_enabled=\u00bb0″ border_radii=\u00bbon|8px|8px|8px|8px\u00bb global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n <?php get_header(); ?><\/p>\n <div class=\u00bberror-404″> <?php get_footer(); ?><\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Podemos modificar el c\u00f3digo para hacer que la p\u00e1gina sea m\u00e1s funcional y amigable. A continuaci\u00f3n, vamos a ver una versi\u00f3n mejorada:<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb text_text_color=\u00bb#FFFFFF\u00bb background_color=\u00bb#000000″ custom_padding=\u00bb45px|75px|45px|75px|false|false\u00bb hover_enabled=\u00bb0″ border_radii=\u00bbon|8px|8px|8px|8px\u00bb global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n <?php get_header(); ?><\/p>\n <div class=\u00bberror-404″> <ul> <p>O si lo prefieres, usa el buscador para encontrar lo que necesitas:<\/p><\/p>\n <?php get_search_form(); ?> <!– Agrega un buscador –><\/p>\n <\/div><\/p>\n <?php get_footer(); ?><\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Si no queremos editar archivos del tema o escribir c\u00f3digo, una de las formas m\u00e1s f\u00e1ciles y r\u00e1pidas de personalizar una p\u00e1gina de error 404 en WordPress es utilizando un constructor visual. Herramientas como Elementor<\/strong>, Divi<\/strong> o en algunos casos WPBakery<\/strong> nos permiten dise\u00f1ar una p\u00e1gina 404 atractiva y funcional sin tocar una sola l\u00ednea de c\u00f3digo, usando solo el sistema de arrastrar y soltar.<\/p>\n Lo mejor de este m\u00e9todo es que nos da total libertad para personalizar la apariencia de la p\u00e1gina de error, asegur\u00e1ndonos de que se alinee con la identidad visual de nuestro sitio.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Si usamos Elementor Pro, podemos crear una p\u00e1gina 404 personalizada en minutos con su Theme Builder.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Divi tambi\u00e9n permite personalizar la p\u00e1gina de error 404 con su Theme Builder, sin necesidad de instalar plugins adicionales.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Si queremos una p\u00e1gina de error 404 en WordPress personalizada sin tocar c\u00f3digo ni usar un constructor visual, la mejor opci\u00f3n es un plugin. Existen varias herramientas dise\u00f1adas para manejar errores 404 y darnos total control sobre el dise\u00f1o y funciones de esta p\u00e1gina.<\/p>\n El uso de un plugin nos permite crear y modificar la p\u00e1gina 404 de forma r\u00e1pida, a\u00f1adiendo elementos como mensajes personalizados, enlaces \u00fatiles, un buscador interno e incluso redirecciones autom\u00e1ticas para evitar que los visitantes abandonen nuestro sitio.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Uno de los plugins m\u00e1s populares y livianos<\/strong> para gestionar la p\u00e1gina de error 404 en WordPress es 404page. Su mayor ventaja es que no consume recursos adicionales porque no genera redirecciones, sino que asigna una p\u00e1gina personalizada como error 404.<\/p>\n Para usarlo solo tenemos que instalar el plugin y crear una p\u00e1gina como lo har\u00edamos con cualquier otra p\u00e1gina, solo que una vez hecho esto vamos al panel de nuestro dashboard de WordPress Apariencias > 404 Error Page<\/strong>. Aqu\u00ed asignaremos nuestra p\u00e1gina que hemos creado.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2025\/02\/smart-404.png\u00bb title_text=\u00bbsmart 404″ url=\u00bbhttps:\/\/wordpress.org\/plugins\/404page\/\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb text_orientation=\u00bbcenter\u00bb custom_margin=\u00bb||30px||false|false\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]Gratuito<\/a>\u00a0\u00a0\u00a0\u00a0\u00a0Comercial<\/a>\u00a0\u00a0\u00a0\u00a0\u00a0Visitar el plugin <\/i><\/span><\/a>[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Si queremos una opci\u00f3n m\u00e1s avanzada, Custom 404 Pro permite no solo personalizar la p\u00e1gina de error, sino tambi\u00e9n monitorear visitas a URL inexistentes y configurar redirecciones autom\u00e1ticas.<\/p>\n Para usarlo es igual de sencillo que el plugin anterior, solo tenemos que instalarlo, activarlo e ingresar a su panel lateral de Custom 404 > ajustes<\/strong>. Aqu\u00ed configuraremos nuestra p\u00e1gina ya creada para ser la del error 404.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2025\/02\/custom-404-pro.png\u00bb title_text=\u00bbcustom 404 pro\u00bb url=\u00bbhttps:\/\/es.wordpress.org\/plugins\/custom-404-pro\/\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb text_orientation=\u00bbcenter\u00bb custom_margin=\u00bb||30px||false|false\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]Gratuito<\/a>\u00a0\u00a0\u00a0\u00a0\u00a0Comercial<\/a>\u00a0\u00a0\u00a0\u00a0\u00a0Visitar el plugin <\/i><\/span><\/a>[\/et_pb_text][et_pb_code _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_code][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Tambi\u00e9n te puede interesar:<\/p>\n <\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":" 1419 > 1964\u00bfQu\u00e9 es una p\u00e1gina de error en WordPress? Cuando navegamos por un sitio web, esperamos que todas las p\u00e1ginas carguen de forma correcta, pero en ocasiones nos encontramos con mensajes de error que nos indican que algo no sali\u00f3 bien. Una de las m\u00e1s comunes es la p\u00e1gina de error 404 en WordPress, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/posts\/11438"}],"collection":[{"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/comments?post=11438"}],"version-history":[{"count":18,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/posts\/11438\/revisions"}],"predecessor-version":[{"id":11533,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/posts\/11438\/revisions\/11533"}],"wp:attachment":[{"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/media?parent=11438"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/categories?post=11438"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/tags?post=11438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}C\u00f3mo crear una p\u00e1gina de error 404 en WordPress<\/h2>\n
Editar el archivo 404.php del tema<\/h3>\n
\n
\n
<h1>P\u00e1gina no encontrada<\/h1>
<p>Lo sentimos, la p\u00e1gina que buscas no existe o ha sido eliminada.<\/p>
<\/div><\/p>\n
<h1>\u00a1Ups! Esta p\u00e1gina no existe \ud83d\ude22<\/h1>
<p>Parece que el enlace est\u00e1 roto o la p\u00e1gina ha sido eliminada. Pero no te preocupes, aqu\u00ed tienes algunas opciones:<\/p><\/p>\n
<li><a href=\u00bb<?php echo home_url(); ?>\u00bb>Volver a la p\u00e1gina de inicio<\/a><\/li>
<li><a href=\u00bb<?php echo home_url(‘\/blog’); ?>\u00bb>Ir a nuestro blog<\/a><\/li>
<li><a href=\u00bbjavascript:history.back()\u00bb>Volver a la p\u00e1gina anterior<\/a><\/li>
<\/ul><\/p>\nCrear una p\u00e1gina 404 con un constructor visual (Elementor y Divi)<\/h3>\n
Crear una p\u00e1gina 404 con Elementor<\/h4>\n
\n
Crear una p\u00e1gina 404 con Divi<\/h4>\n
\n
Usar un plugin para personalizar la p\u00e1gina 404<\/h3>\n
Plugin Smart Custom 404 Error Page<\/h4>\n
Plugin Smart Custom 404 Error Page<\/h4>\n
\n