Al navegar por un sitio web, pocas cosas son más frustrantes que aterrizar en una pantalla 404 Página no encontrada.
Este problema puede hacer que un usuario haga clic rápidamente fuera de su sitio web.
Para evitar esto, puede asegurarse de que los enlaces de su página interna sean correctos y funcionen.
Pero, ¿qué sucede si alguien ingresa la URL incorrecta o si cambia el slug de uno de los enlaces de la página?
Desafortunadamente, es inevitable que los usuarios se tropiecen con una URL inexistente.
Sin embargo, hay pasos que puede seguir para ayudar a los usuarios a regresar a la página que estaban buscando para que no abandonen su sitio.
¿Por qué necesito una página 404?
Una forma de eliminar el aguijón de los usuarios equivocados y, en cambio, crear una experiencia de usuario positiva es agregar una página 404 personalizada a su sitio web.
Esta es una excelente manera de agregar un poco de carácter y personalidad, tal vez incluso humor, a su sitio y un enlace para que vuelvan a encarrilarse.
Además, puede agregar enlaces a otros sitios populares como blogs o vincularlos a un formulario si desean informar la mala conexión que los llevó a la página 404.
Es posible que tenga la tentación de tener un enlace de instancia de error 404 a su página de inicio en lugar de una página de error personalizada.
Esto puede confundir al usuario, ya que es posible que no se dé cuenta de que tenía una URL incorrecta porque todavía termina en la página de inicio.
Redirigir a los usuarios a la página de inicio también puede afectar su SEO, ya que Google todavía ve esta redirección como un error 404 leve.
Según Google, redirigir todos los enlaces 404 a tu página de inicio será un problema. Los propietarios de sitios web siempre deben centrarse en crear páginas 404 fáciles de usar.
Configurar una página 404 personalizada
Dependiendo del tema de WordPress, tiene algunas opciones para usar una página 404 personalizada.
El uso de un complemento para crear una página 404 personalizada debería funcionar bien con cualquier tema de actualidad.
Temas clásicos de WordPress y temas del editor de bloques
Opción 1: Usa el 404.php del tema
Captura de pantalla del panel de WordPress, septiembre de 2022
Si está familiarizado con los archivos PHP de su sitio web, muchos temas ya vienen con una plantilla para una página 404.
- Paso 1: En el panel de control de WordPress, vaya a Apariencia > Editor de archivos de temas.
- pasos dos: Seleccione su tema en el menú desplegable y busque el archivo 404.php.
- paso 3: Lo ideal es que copie el 404.php en el tema de su hijo para que no pierda su trabajo con las actualizaciones del tema.
- paso 4: personaliza el texto y agrega una imagen u otros elementos para personalizarlo.
- paso 5: Haga clic en Actualizar archivo para guardar los cambios.
Opción 2: Copie un archivo 404.php
Algunos temas pueden no incluir un archivo 404.php. Si este es el caso, puede usar un archivo 404.php de otro tema, como B. Twenty-Twenty, con un archivo 404.php.
Esto puede requerir cierta personalización de su tema, pero puede personalizar el archivo 404.php y guardarlo en su carpeta de temas.
- Paso 1: busque un tema con una página 404 que desee utilizar.
- pasos dos: navegue a la carpeta de temas para este tema y haga una copia del archivo 404.php.
- pasos 3: Mueva la copia a la carpeta de temas del tema o subtema que usa su sitio y asegúrese de que dice 404.php.
- pasos 4: mire la página 404 en la parte frontal de su sitio web para asegurarse de que todo se vea como espera.
- pasos 5: Puede utilizar los mismos pasos que se indicaron anteriormente para realizar cambios en el archivo en el Editor de archivos de temas y hacer clic en Actualizar archivo para guardar los cambios.
Opción 3: Copie el archivo Index.php
Si tu tema no incluye un archivo 404.php, esta es otra alternativa para crear uno.
- pasos 1: Debe duplicar el archivo index.php.
- pasos dos: Cambie el nombre del duplicado a 404.php
- pasos 3: elimine el código utilizado para mostrar las publicaciones.
- pasos 4: personaliza el texto y agrega una imagen u otros elementos para personalizarlo.
- pasos 5: Haga clic en Actualizar archivo para guardar los cambios.
Necesitará algunos conocimientos de PHP y HTML, pero esta opción significa que la página 404 coincidirá con su tema actual, por lo que es un poco más limpio que usar una página 404 de un tema diferente.
Crear una página 404 en un creador de páginas
Si está utilizando un creador de páginas de WordPress como Elementor, Divi, Beaver Builder u Oxygen, tiene la opción de agregar una página 404 dentro de la interfaz de su creador.
Para obtener más información sobre dónde ajustar la configuración para redirigir URL falsas a su página 404 personalizada, consulte la documentación de su creador favorito.
Use un complemento de WordPress para páginas 404
Una manera fácil de agregar una página 404 personalizada a cualquier sitio de WordPress es usar un complemento de página 404 de WordPress.
Captura de pantalla de WordPress.org, septiembre de 2022
Con estos complementos, puede diseñar la página 404 personalizada y realizar un seguimiento de los errores 404. Algunos complementos de página 404 populares son:
404page: su página de error Smart Custom 404: este es un complemento de página 404 extremadamente simple que es de uso gratuito. Cree una nueva página de WordPress que será su página 404 personalizada. Para configurar esto como su página 404 personalizada, vaya a Apariencia en su tablero de WordPress, luego navegue a Página de error 404 y seleccione la página que creó que se convertirá en la página 404 predeterminada.
SeedProd: este complemento de WordPress le permite crear plantillas de página 404 hermosas, livianas y personalizadas para usar en su sitio web.
Captura de pantalla de WordPress.org, septiembre de 2022
Colorlib 404 Customizer: este complemento gratuito de WordPress utiliza Live Customizer para crear fácilmente una página 404 personalizada que coincida con el aspecto de su sitio web.
La configuración aparece en su tablero de WordPress en Apariencia > Personalizar y le permite agregar CSS adicional para personalizar aún más su página 404.
Captura de pantalla de WordPress.org, septiembre de 2022
Custom 404 Pro: este complemento de WordPress le permite crear una página 404 personalizada en la sección Páginas del panel de administración de WordPress. Además, puede rastrear instancias de URL ingresadas que llevaron a la página 404, lo que le permite monitorear enlaces rotos.
Captura de pantalla de WordPress.org, septiembre de 2022
Edición completa del sitio web
Cuando utiliza un tema de edición de sitio completo de WordPress, crear una página 404 personalizada es más fácil que nunca. Siga los pasos a continuación para crear una página 404 personalizada para su sitio web de WordPress.
Captura de pantalla del panel de WordPress, septiembre de 2022
Redireccionará automáticamente cuando alguien intente ir a una página inexistente.
- Paso 1: Desde el panel de control de WordPress, haga clic en Apariencia y luego vaya a «Editor».
- paso 2: En Editor, seleccione plantillas.
- paso 3: Seleccione la plantilla 404.
- pasos 4: use el editor de bloques para crear su página 404 personalizada y haga clic en guardar.
- pasos 5: Haga clic en Guardar de nuevo para guardar la plantilla.
Captura de pantalla del panel de WordPress, septiembre de 2022
WordPress páginas 404 personalizadas
Un enlace roto o una URL incorrecta no tiene por qué ser un desastre.
Puede hacer que su página de error 404 sea entretenida y mantener al usuario interesado proporcionando un enlace a su página de inicio u otra página de interés en su sitio.
Crear una página 404 personalizada en WordPress es más fácil que nunca y no debe pasarse por alto, ya que mejora la experiencia del usuario.
Esta página también le permite rastrear cuándo los visitantes encuentran su página 404, para que pueda corregir enlaces o redirigir páginas si es necesario.
Si desea ver algunas páginas 404 creativas, vaya a algunos de sus sitios favoritos, escriba su URL y agregue una página que sepa que no existe hasta el final.
¡Seguro que obtendrá algunas ideas geniales para sus propias páginas 404!
Más recursos:
Imagen destacada: Apghedia/Shutterstock