Estás leyendo la publicación: Cómo crear una página 404 personalizada en WordPress
Al navegar por un sitio web, pocas cosas son más frustrantes que aterrizar en una pantalla con un error 404, “Página no encontrada”.
Este problema podría hacer que un usuario haga clic fuera de su sitio web rápidamente.
Para evitar esto, puede asegurarse de que los enlaces de su página interna sean correctos y funcionen.
Pero, ¿qué sucede si alguien escribe una URL incorrecta o cambia el slug de uno de los enlaces de la página?
Desafortunadamente, es inevitable que los usuarios terminen tropezando con una URL inexistente.
Sin embargo, puede tomar medidas para ayudar a las personas a volver a la página que estaban buscando para que no abandonen su sitio web.
¿Por qué necesito una página 404?
Una forma de evitar que los usuarios se equivoquen y, en cambio, crear una experiencia de usuario positiva es agregar una página 404 personalizada a su sitio web.
Esto le permite proporcionar un poco de carácter y personalidad, tal vez incluso humor, en su sitio y un enlace para que vuelvan a encarrilarse.
Además, podría agregar enlaces a otras páginas populares, como blogs, o vincularlos a un formulario si quisieran 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 suave.
Según Google, redirigir todos los enlaces 404 a su página de inicio será un problema. Los propietarios de sitios web siempre deben centrarse en crear páginas 404 fáciles de usar.
Configuración de una página 404 personalizada
Dependiendo del tema de WordPress, tiene algunas opciones para aprovechar una página 404 personalizada.
El uso de un complemento para crear una página 404 personalizada debería funcionar bien con cualquier tema actualizado.
Temas clásicos de WordPress y temas del editor de bloques
Opción 1: Usar el 404.php del tema
Captura de pantalla del panel de WordPress, septiembre de 2022
Si se siente cómodo trabajando con los archivos PHP de su sitio web, muchos temas ya tendrán una plantilla para una página 404.
- Paso 1: Vaya a > en el panel de control de WordPress.
- Paso 2: Seleccione su tema en el menú desplegable y busque el archivo 404.php.
- Paso 3: Idealmente, querrás copiar el 404.php a tu tema infantil para que no pierda su trabajo con las actualizaciones de temas.
- Etapa 4: personalice el texto y agregue una imagen u otros elementos para personalizarlo.
- Paso 5: Presiona ‘Actualizar archivo’ para guardar tus cambios.
Opción 2: Copie un archivo 404.php
Algunos temas pueden no incluir un archivo 404.php. Si este es el caso, puede copiar un archivo 404.php de un tema diferente, como Twenty-Twenty, con un archivo 404.php.
Esto puede requerir algunos ajustes para que coincida con su tema, pero puede personalizar el archivo 404.php y guardarlo dentro de la carpeta de su tema.
- Paso 1: busque un tema con una página 404 que le gustaría usar.
- Paso 2: navegue a la carpeta de temas para ese tema y haga una copia del archivo 404.php.
- Paso 3: Mueva la copia a la carpeta de temas del tema o tema secundario que usa su sitio, asegurándose de que se llame 404.php.
- Paso 4: Mire la página 404 en el front-end de su sitio para asegurarse de que todo se vea como espera.
- Paso 5: Puede utilizar los mismos pasos que se indicaron anteriormente para realizar cambios en el archivo en el Editor de archivos de temas y pulsar 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.
- Paso 1: Deberá duplicar el archivo index.php.
- Paso 2: Cambiar el nombre del duplicado 404.php
- Paso 3: elimine el código utilizado para mostrar las publicaciones.
- Paso 4: personalice el texto y agregue una imagen u otros elementos para personalizarlo.
- Paso 5: Presione para guardar sus 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 dentro de un generador de páginas
Si está utilizando un creador de páginas de WordPress como Elementordivi, Constructor de castoreso Oxígenotiene la opción dentro de la interfaz de su constructor para agregar una página 404.
Debe consultar la documentación de su constructor preferido para obtener más detalles sobre dónde puede ajustar la configuración para redirigir cualquier URL incorrecta a su página 404 personalizada.
Use un complemento de WordPress de página 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
Estos complementos le permitirán diseñar la página 404 personalizada y realizar un seguimiento de los errores 404. Algunos complementos de página 404 populares incluyen:
404page: su página de error 404 inteligente y personalizada – Este es un complemento de página 404 extremadamente simple que puede usar de forma gratuita. Cree una nueva página de WordPress que desee que sea 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ó, convirtiéndose en la página 404 predeterminada.
Producto de semilla – Este complemento de WordPress le permite crear plantillas de página 404 hermosas, livianas y personalizadas que puede usar en su sitio web.
Captura de pantalla de WordPress.org, septiembre de 2022
Colorlib 404 Personalizador – 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.
La configuración se muestra en su panel de WordPress en > 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
Personalizado 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, le permitirá realizar un seguimiento de las instancias de las URL ingresadas que generaron la página 404 para que pueda monitorear los enlaces rotos.
Captura de pantalla de WordPress.org, septiembre de 2022
Edición completa del sitio
Si está usando un Tema de edición de sitio completo de WordPress, crear una página 404 personalizada es más fácil que nunca. Realice los siguientes pasos 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 si alguien intenta ir a una página inexistente.
- Paso 1: En el tablero de WordPress, haga clic en y luego navegue hasta el ‘Editor’.
- Paso 2: En Editor, seleccione .
- Paso 3: Seleccione la plantilla 404.
- Paso 4: use el editor de bloques para crear su página 404 personalizada y presione .
- Paso 5: Pulse de nuevo para guardar la plantilla.
Captura de pantalla del panel de WordPress, septiembre de 2022
Páginas 404 personalizadas de WordPress
Un enlace roto o una URL incorrecta no tiene por qué ser un desastre.
Puede hacer que su página de error 404 sea divertida y mantener al usuario interesado proporcionando un enlace a su página de inicio u otra página de interés en su sitio web.
Crear una página 404 personalizada en WordPress es más fácil que nunca y no debe pasarse por alto porque 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 cuando corresponda.
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: