Cómo personalizar la página de error 404 en WordPress
Aprende a personalizar la página de error 404 en WordPress y convierte un tropiezo en una oportunidad para retener a tus visitantes.

El error 404 aparece cuando alguien intenta entrar a una URL que ya no existe o que escribió mal. En vez de dejar al usuario frente a una pantalla genérica con un mensaje frío, puedes convertir ese momento en algo útil: un mensaje amigable, un menú de navegación, un buscador o incluso un poco de humor que baje la frustración.

En WordPress, personalizar esta página es más fácil de lo que parece. Hay varias formas de hacerlo, y la que elijas depende de cuánto control quieras y si usas un constructor visual o prefieres editar plantillas.

¿Por qué personalizar el 404?

Una página 404 bien diseñada cumple varios objetivos a la vez. Primero, retiene al usuario: si en vez de un mensaje genérico le muestras opciones claras para seguir navegando, hay más probabilidades de que se quede en tu sitio. Segundo, cuida la imagen de tu negocio: una página de error profesional transmite que hay alguien detrás del sitio que se preocupa por los detalles. Tercero, puede reducir la tasa de rebote, que es una señal que Google toma en cuenta.

Ignorar el 404 es uno de esos errores pequeños que se acumulan. No es urgente, pero sí vale la pena dedicarle una hora.

Método 1: personalizar con Elementor (o tu constructor visual)

Si usas Elementor Pro, tienes un editor de plantillas que incluye el tipo «Página de error 404». Desde el panel de Elementor, ve a Plantillas > Tema y crea una nueva plantilla del tipo 404. Diseña la página como cualquier otro layout: añade texto, botones, un buscador, los menús de navegación que quieras.

Una vez que guardes y publiques la plantilla, Elementor la asignará automáticamente a todas las URLs no encontradas de tu sitio. Es la opción más flexible y no requiere tocar código.

Divi y Beaver Builder tienen funciones similares en sus versiones de pago.

Método 2: editar el archivo 404.php del tema

Si tu tema incluye un archivo 404.php (la mayoría lo incluye), puedes editarlo directamente. Este archivo controla lo que se muestra cuando WordPress devuelve un error 404.

Para editarlo de forma segura, crea un tema hijo si no tienes uno ya. Luego copia el archivo 404.php del tema principal a la carpeta del tema hijo y edítalo desde ahí. Si actualizas el tema principal, tu versión personalizada no se sobreescribirá.

Dentro del archivo puedes añadir HTML, funciones de WordPress como el buscador (get_search_form()) o listar las entradas recientes del blog. No necesitas ser programador experto, pero sí tener comodidad básica con HTML y PHP.

Método 3: usar un plugin de personalización 404

Si no quieres editar código ni tienes Elementor Pro, hay plugins específicos para esto. «404page – your smart custom 404 error page» es uno de los más usados: te permite asignar cualquier página de tu WordPress como la página 404. Simple, gratuito y sin código.

El flujo es sencillo:

  • Crea una nueva página en WordPress con el contenido que quieres mostrar cuando alguien llega a una URL inexistente.
  • Instala el plugin 404page.
  • Ve a Apariencia > 404 Error Page y selecciona la página que creaste.

Listo. Cada vez que alguien llegue a una URL rota, verá tu página personalizada.

Qué poner en tu página 404

El contenido depende de tu negocio, pero hay elementos que casi siempre ayudan:

  • Un mensaje claro y sin tecnicismos. «No encontramos esta página» es mejor que «Error HTTP 404».
  • Un buscador para que el usuario pueda buscar lo que quería.
  • Un enlace a la página de inicio o a las secciones principales del sitio.
  • Si tienes un blog, puedes mostrar los artículos más recientes o los más leídos.
  • Si es una tienda, muestra los productos destacados o las categorías principales.

Algunos negocios añaden un toque de humor («parece que esta página se fue a pasear a Miraflores»), lo que funciona bien si el tono de tu marca lo permite. Pero asegúrate de que la broma no tape las opciones de navegación: el usuario tiene que poder salir del error fácilmente.

Redirigir errores 404 frecuentes

Si notas que ciertas URLs generan muchos errores 404 (porque cambiaste el slug de una entrada o migraste el sitio), lo mejor no es solo personalizar la página sino redirigir esas URLs rotas a su equivalente actual. Para eso sirven los plugins de redirección como Redirection, que también detectan automáticamente los 404 y te permiten crear reglas con unos clics.

Si quieres que tu sitio WordPress esté bien configurado desde el inicio, con errores controlados y una experiencia de usuario cuidada, en freelo.pe nos encargamos de ese tipo de trabajo técnico.

Cómo detectar qué URLs generan más errores 404 en tu sitio

Personalizar la página 404 está bien, pero lo ideal es reducir la cantidad de errores que llegan a ella. Para eso primero necesitas saber qué URLs están fallando.

Google Search Console es tu mejor aliado aquí. En la sección de indexación puedes ver qué URLs devuelven error 404 cuando Google intenta rastrearlas. Si hay URLs que aparecen ahí con tráfico o muchos errores, algo cambió en tu sitio y esas páginas necesitan una redirección.

El plugin Redirection también tiene su propio registro de errores 404 en tiempo real. Cada vez que un visitante llega a una URL inexistente, el plugin lo anota con la URL y la fecha. Con esa información puedes crear reglas de redirección para las más frecuentes.

Página 404 en tiendas WooCommerce

Si tienes una tienda online, los errores 404 son especialmente costosos: cada vez que un usuario llega a un producto que ya no existe y no encuentra alternativas, pierdes una venta potencial. Por eso en tiendas WooCommerce conviene que la página 404 incluya accesos a categorías de productos, un buscador y los productos más vendidos o en oferta.

Cuando eliminas un producto de forma definitiva, crea una redirección 301 a la categoría correspondiente. Así el usuario aterriza en un lugar con opciones similares en vez de en el error.

Mantener la página 404 actualizada

Igual que el resto del sitio, la página 404 puede quedarse desactualizada. Si cambias el diseño general de tu WordPress y la plantilla 404 sigue con el estilo antiguo, genera una inconsistencia visual que llama la atención por las razones equivocadas. Revísala cada vez que actualices el tema o hagas cambios importantes en el diseño.

Si usas el plugin 404page, el mantenimiento es sencillo: como asignas una página normal de WordPress, cualquier cambio en esa página se refleja automáticamente en el 404. No necesitas recordar que hay un archivo de plantilla que actualizar por separado.

Preguntas frecuentes

¿El error 404 afecta el SEO de mi sitio?

Sí, aunque no de forma grave si son pocos. Google puede rastrear páginas 404 y, si hay muchas URLs rotas, puede interpretar que el sitio está mal mantenido. Lo más importante es redirigir con 301 las páginas que cambiaron de URL, y personalizar el 404 para retener a los usuarios que llegan a URLs inexistentes.

¿Cómo sé cuántas páginas 404 tiene mi sitio?

Puedes verlo en Google Search Console, en la sección de Cobertura o de Páginas. También el plugin Redirection registra los errores 404 que ocurren en tiempo real. Si tienes Google Analytics, puedes crear un filtro para ver las páginas con título ‘404’. Es un diagnóstico que conviene hacer cada cierto tiempo.

¿Puedo tener una página 404 diferente para el blog y para la tienda?

Con WordPress estándar, no es posible sin código personalizado. Normalmente tienes una sola plantilla 404. Si necesitas experiencias distintas según la sección del sitio, tendrías que modificar el archivo 404.php con condicionales PHP que detecten la URL y muestren contenido diferente según el contexto.

¿El plugin 404page funciona con cualquier tema?

Sí, porque simplemente carga una página de WordPress existente en vez de mostrar la plantilla 404 del tema. Es compatible con prácticamente cualquier tema. La única excepción sería si tu tema tiene un sistema de plantillas muy personalizado que intercepte la carga de páginas, lo cual es raro.

¿Vale la pena poner humor en la página 404?

Depende del tono de tu marca. Para un negocio de diseño, tecnología o productos creativos, un toque de humor funciona bien y puede causar una buena impresión. Para un consultorio médico, una firma legal o un negocio muy formal, mejor mantener un tono profesional y directo. Lo importante en cualquier caso es que el usuario pueda navegar fácilmente desde esa página.

Responsable: Otorongo Negro E.I.R.L. (KOM) | RUC 20604716595 | Derechos ARCOP: legal@kom.pe · Política de Privacidad

Estamos listos para construir algo increíble contigo.

Envíanos un mensaje

Completa el formulario y uno de nuestros especialistas se pondrá en contacto contigo en menos de 24 horas.

Síguenos

codigo yape otorongo negro eirl - Diseño de páginas web en Lima - Perú