La Guía Para Principiantes Sobre las Páginas de Error 404

by Jason Cosper
La Guía Para Principiantes Sobre las Páginas de Error 404 thumbnail

El contenido que publicas en tu sitio web — ya sea parte de una página o publicación — usualmente es permanente. Sin embargo, si surge un problema (ya sea técnico o de otra índole), uno de los artículos de contenido puede no ser mostrado. En cambio, desencadena un error 404, que no son buenas noticias para tu sitio web o sus usuarios. 

En resumen, un error 404 significa que una página web no es encontrada. Sin embargo, a diferencia de otros errores, usualmente son mostrados en páginas dedicadas. Con un error 404 de página personalizado y optimizado, puedes hacer que tus visitantes vuelvan al camino correcto.

¿Qué es Un Error 404?

Ejemplo de error 404 en la página Airbnb
Los errores 404 pueden ocurrirle a cualquier sitio web, incluso los grandes tal como Airbnb.

Como lo discutimos, un error 404 es un código de respuesta indicando que aunque un usuario pudo conectarse al servidor de un sitio web, la página no ha podido ser encontrada. Esto ocurre por un número de razones, tales como:  

  • Una página o publicación que ha sido movida o eliminada.
  • El servidor está teniendo problemas para cargar la página.
  • La URL que lleva a la página es incorrecta.
  • La publicación o página nunca existió en primer lugar. 

Naturalmente, un error 404 puede reducir significativamente el tráfico de tu sitio web. Por lo tanto, es crucial que encuentres y arregles estos errores en tu sitio web rápidamente. Sin embargo, primero veamos para qué se utilizan las páginas de error 404. 

Una Introducción a las Páginas de Error 404

Una página de error 404 alerta a los visitantes sobre una página faltante o una URL incorrecta. Muchos sitios web usan la página predeterminada proporcionada por su tema, pero las páginas de error 404 también pueden ser personalizadas para mejorar la Experiencia de Usuario (UX).

Más comúnmente, una página de error mostrará el problema y proporcionará opciones alternativas para que el usuario elija: por ejemplo, un enlace ‘Regresar a la página principal’, contenido relacionado, o una casilla de búsqueda. 

Una buena página de error 404 debería contener algunos elementos esenciales. Estos incluyen un enlace o un menú de navegación, una disculpa de acuerdo con tu marca o una explicación, y una casilla de búsqueda. 

Por ejemplo, Cloud Sigma optó por una explicación peculiar y un botón fácil de encontrar para ‘Volver a la página inicial’. Esto ayuda a disminuir la frustración, mientras que también habilita al usuario para regresar al sitio principal con interrupciones mínimas. 

Ejemplo botón 'regresar a la página principal' en una página de error 404Cloudsigma

Repair Pal presenta otro buen ejemplo de una página de error 404 bien implementada. Optaron por apegarse a su tema predeterminado — manteniendo el menú de navegación intacto — mientras que también le proporcionan a los usuarios una manera de interactuar inmediatamente con la página. 

Por ejemplo, los visitantes pueden elegir ‘Obtener un estimado’ o ‘Solucionar problemas de tu carro’. 

Ejemplo botones alternativos en una página de error 404 en RepairPal

Como puedes ver, crear una página funcional es una manera útil de mitigar los efectos de un error 404. También puede asegurar que tu sitio web tiene un aire de profesionalismo, a pesar de haber un error presente en la página. 

Recibe contenido directamente en tu bandeja de entrada

Suscríbete ahora para recibir todas las últimas actualizaciones, directamente en tu bandeja de entrada.

Cómo Encontrar y Solucionar Errores 404 en Tu Sitio WordPress

Mientras que los errores 404 están destinados a suceder de vez en cuando, las ocurrencias frecuentes significan que hay problemas más serios presentes. Por ejemplo, podría haber problemas con el servidor de tu sitio web o con permalinks configurados incorrectamente. 

Afortunadamente, es posible encontrar estos errores en WordPress. Además, una vez que los problemas hayan sido resueltos, puedes aplicar lo que has aprendido para evitar que el problema ocurra de nuevo en el futuro. 

Cómo Crear Un Reporte de Errores 404 en GA4

Google Analytics es grandioso para desenterrar errores 404. En el panel de GA dirígete a la sección ‘Explorary elige Blanco:

Creando una exploración en blanco con Google Analytics 4.

Nombra tu reporte “Reporte 404” y haz clic en el signo + junto a ‘Dimensiones’:

Añadiendo dimensiones aún reporte en Google Analytics 4.

Selecciona ‘Página o pantalla> ruta de página + cadena de Consulta‘ y ‘Título de la páginadesde las dimensiones disponibles y haz clic en ‘Importar’. A continuación, haz clic en el signo ‘+’ junto a la opción ‘Métricas’ para encontrar e importar ‘Sesiones’.

Añadiendo la métrica de Sesiones a un reporte de Google Analytics 4. 

Tendrás que arrastrar tus ‘Dimensiones’ bajo ‘Columnas’ y las ‘Métricas’ bajo ‘Valores’. 

Configurando un reporte de errores 404 con Google Analytics 4.

A continuación, arrastra ‘Título de Página’ bajo ‘Filtro’. Luego, elige ‘Contiene’ del menú desplegable y escribe ‘Página no encontrada’ en la casilla ‘Ingresa Expresión’.

Creando un reporte de error 404 en Google Analytics 4.

Haz clic en ‘Aplicar’, verás un reporte de todos los errores 404 en tu sitio web. Sin importar si hay un problema más amplio en tu sitio, WordPress hace que sea fácil solucionarlo. 

Cómo Tratar con Errores 404 en Tu Sitio Web 

Incluso si haces lo mejor de tu parte para evitarlos, los errores 404 están destinados a suceder de vez en cuando. Sin embargo, hay formas de minimizar las disrupciones causadas. Veamos dos ejemplos. 

1. Crea Una Página Dedicada de Error 404

Página de error 404 con mensaje creativo de ubicación del usuario en el mapa, BluePath

WordPress es lo suficientemente flexible como para permitirte editar prácticamente todos los elementos de una página de error 404. Para crear una página de error 404 para tu sitio, tienes dos opciones — manualmente o usando plugins. 

Muchos temas incluyen una plantilla de archivo 404.php por defecto. Si este es el caso de tu tema, puedes ubicar el archivo tu mismo y editar el mensaje que está puesto actualmente. 

Sin embargo, antes de que hagas eso, es una buena idea crear un tema child para trabajar. De esa manera, no estarás realizando cambios permanentes al tema principal.  

Después de crear un tema child, ve a ‘Apariencia > Editor’ en el panel de WordPress y abre el archivo 404.php en la lista de archivos en la parte derecha del editor. 

Editando archivo de error 404 a través de FTP en WordPress

Desde ahí, busca la línea <div class=”page content”>, y simplemente editar el mensaje de tus propios requerimientos (guardando tus cambios una vez que hayas finalizado). 

Ten en cuenta que si estás usando un tema de bloques de WordPress, puedes editar su página 404 al navegar a ‘Apariencia > Editor > Plantillas’.  

Editando plantillas de tema para un tema de bloques de WordPress.

Simplemente, haz clic en 404 y serás llevado a una pantalla de edición donde puedes construir una página 404 usando bloques de WordPress y partes de plantilla. 

Creando una página personalizada 404 usando el Editor de Sitio de WordPress.

Si no tienes un archivo 404.php en tu tema actual, puedes crear uno propio usando las directrices del Codex de WordPress. Sin embargo, necesitarás acceso a un cliente FTP tal como FileZilla.

Abre FileZilla e ingresa las credenciales de tu sitio web para obtener acceso a tu directorio de archivos. Haz doble clic en la carpeta raíz de tu sitio web (algunas veces llamada public_html) y navega a ‘wp-content > themes > [nombredetutema] > 404.php’. Estamos usando la plantilla 4040 del tema Twenty Thirteen, pero puedes navegar a cualquier otro tema con una plantilla similar. 

A continuación, haz clic derecho en el archivo 404.php y selecciona la opción View/Edit

Editando el archivo 404.php

El archivo se abrirá en tu editor de texto. Resalta el código entero en él y cópialo. Ahora regresa a FileZilla y navega de regreso al directorio de temas. Selecciona el tema actual de tu sitio web y haz clic derecho. Selecciona ‘Create new file’ del menú desplegable y nómbralo “404.php”. 

Nombrando archivo 404.php a través de FTP

Haz clic en ‘Ok’, luego haz clic en el archivo 404.php. Selecciona ‘View/Editdel menú desplegable y pega el código que copiaste anteriormente. Por supuesto, puedes editar el contenido para que se ajuste a tus necesidades. Una vez que guardas el archivo, ¡estás listo!
Alternativamente, puedes usar plugins de WordPress tal como 404page y Custom 404 Pro para lograr el mismo objetivo. Una vez instalados, te permiten reemplazar la página predeterminada 404 de tu tema o crear una si tu tema no tiene una incluida. Estos complementos serán ideales si desconfía de jugar con la estructura de archivos del núcleo de WordPress.

2. Configura Una Redirección Automática Hacia Una Página Más Útil

Ejemplo de una página con error 404 personalizada

Una alternativa a la página de error 404 es simplemente redireccionar al visitante. En palabras simples, una página de redirección es una manera de enviar tráfico de una página (tal como una página de error 404) a otra. Esta es una buena opción por un número de razones. 

Por ejemplo, si has cambiado la URL de una página vieja o una publicación o eliminaste cualquier contenido desactualizado, puedes redirigir a los visitantes a una nueva página. Las buenas noticias son que hay una gran cantidad de plugins de redirección disponibles, incluyendo Redirection y Safe Redirect Manager.

Configura Una Página de Error 404 en Tu Sitio WordPress Hoy

Los errores 404 requieren una respuesta rápida y profesional para prevenir que el tráfico de tu sitio sea afectado negativamente. Afortunadamente, WordPress hace fácil administrar tus errores 404 y redirigir a tus visitantes. 

Imagen de fondo del anuncio

Haz Más Con DreamPress

¡Los usuarios de DreamPress Plus y Pro obtienen acceso a Jetpack Professional (y más de 200 temas prémium) sin costo adicional!

Adquiere Tu Plan Hoy

Jason es el Promotor de Productos de WordPress de DreamHost, ubicado en Bakersfield, CA. Actualmente está trabajando para mejorar nuestro producto DreamPress aún más. En su tiempo libre, le gusta acurrucarse en el sofá y ver películas de terror con su esposa Sarah y tres perros muy pequeños. Síguelo en Twitter.