Guía de creación de páginas 404 personalizadas de WordPress

Publicado: 2022-11-15

Cuando es más simple que nunca crear una página 404 personalizada en WordPress, no moleste a sus usuarios con páginas de error. Aquí hay algunos enfoques diferentes.

No hay muchas frustraciones de navegación en Internet peores que golpear un cuadro de error 404 "Página no encontrada" . Un usuario podría hacer clic inmediatamente fuera de su sitio web como resultado de este problema. Asegúrese de que los enlaces de su página interna sean precisos y funcionales para evitar esto.

Pero, ¿qué sucede si un usuario ingresa la URL incorrecta o si cambia el slug del enlace? Desafortunadamente, los usuarios eventualmente encontrarán una URL que no existe. Para evitar que los visitantes abandonen su sitio web, puede esforzarse por facilitarles el regreso a la página en la que se encontraban originalmente.

¿Por qué es necesaria una página 404?

Incluir una página 404 personalizada en su sitio web es un método para disminuir el impacto de la pérdida de usuarios y, en cambio, fomentar una experiencia de usuario agradable. Esto le permite agregar algo de estilo a su sitio web y un enlace que permitirá a los usuarios volver a su curso original.

Además, puede proporcionar conexiones a otras páginas conocidas, como blogs, o dirigir a los visitantes a un formulario si desean informar la conexión problemática que los llevó a la página 404. Podría tener la tentación de usar su página de inicio como el enlace de instancia de error 404 en lugar de una página de error personalizada.

Es posible que el consumidor no sepa que usó la URL incorrecta porque continúa accediendo al sitio, lo que puede resultar confuso. Debido a que Google continúa tratando esta redirección como un error 404 suave, enviar a los usuarios a la página de inicio también podría tener un impacto en su SEO.

Google afirma que será problemático redirigir todos los enlaces 404 a su página de inicio. Crear páginas 404 que sean fáciles de usar siempre debe ser una prioridad para los propietarios de sitios web.

Configuración de una página 404 personalizada

Es posible que pueda usar una página 404 personalizada de diferentes maneras, según el tema de WordPress. Con cualquier tema moderno, el uso de un complemento para crear una página 404 única debería funcionar.

Temas del editor de bloques y temas clásicos de WordPress

Utilice el 404.php de Theme como opción 1.

Usa el tema 404

Muchos temas vienen con una plantilla para una página 404 si se siente cómodo editando archivos PHP en su sitio web.

Paso 1: en el panel de control de WordPress, seleccione Apariencia > Editor de archivos de temas.

Paso 2: En el menú desplegable, elige tu tema y luego busca el archivo 404.php.

Paso 3: Idealmente, debe copiar el archivo 404.php a su tema secundario para que las actualizaciones del tema no eliminen su arduo trabajo.

Paso 4: haga que el texto sea único agregando una imagen u otros componentes y personalizándolo.

Paso 5: Para guardar sus cambios, haga clic en "Actualizar archivo".

Opción 2: Replicar el archivo 404.php

Es posible que un archivo 404.php no esté presente en algunos temas. Si es así, puede transferir el archivo 404.php desde otro tema, como Twenty-Twenty, si tiene uno.

Puede modificar el archivo 404.php y guardarlo dentro de la carpeta de su tema, aunque es posible que necesite un poco de edición para que coincida con su tema.

Paso 1: encuentre un tema que desee utilizar que tenga una página 404.

Paso 2: Abra la carpeta de temas de ese tema y haga una copia del archivo 404.php allí.

Paso 3: inserte el archivo, asegurándose de que se llame 404.php, en la carpeta de temas del tema o tema secundario que utiliza su sitio web.

Paso 4: Verifique que todo aparezca como se esperaba consultando la página 404 en la parte frontal de su sitio web.

Paso 5: Para realizar cambios en el archivo en el Editor de archivos de temas, siga las mismas instrucciones que en los Pasos 1 a 4 y luego haga clic en Actualizar archivo para guardar los cambios.

Opción 3: Copie el archivo index.php

Esta es otra forma de crear un archivo 404.php si su tema aún no tiene uno.

paso 1: El archivo index.php necesita ser duplicado.

Paso 2: cambie el nombre del duplicado 404.php.

Paso 3: Deshazte del código que muestra las publicaciones.

Paso 4: haga que el texto sea único agregando una imagen u otros componentes y personalizándolo.

Paso 5: Para guardar sus cambios, haga clic en Actualizar archivo.

Este enfoque requiere cierta comprensión de HTML y PHP, pero la página 404 coincidirá con su tema actual, haciéndolo un poco más limpio que utilizar una página 404 de un tema separado.

Crear una página 404 usando un generador de páginas

Tiene la opción de agregar una página 404 dentro de la interfaz del creador si está utilizando un creador de páginas de WordPress como Elementor, Divi, Beaver Builder u Oxygen.

Para obtener información adicional sobre cómo modificar la configuración para dirigir cualquier URL incorrecta a su propia página 404, consulte las instrucciones de su creador favorito.

Use un complemento de página de WordPress 404

El uso de un complemento de página 404 de WordPress es una solución rápida y sencilla para agregar una página 404 única a cualquier sitio web de WordPress.

Complemento de página de WordPress 404

Estos complementos le permitirán crear una página 404 personalizada y realizar un seguimiento de los problemas 404. Los complementos de página 404 que se usan ampliamente incluyen:

Su página de error 404 inteligente personalizada es 404page. Puede usar este complemento de página 404 muy básico para nada. Cree una nueva página de WordPress que sirva como su página 404 personalizada.

Vaya a "Apariencia" en su tablero de WordPress, haga clic en "Página de error 404 ", luego elija la página que creó para servir como la página 404 predeterminada para configurarla como su página 404 personalizada.

Con la ayuda del complemento de WordPress SeedProd, puede diseñar plantillas de página 404 impresionantes, ligeras y personalizadas para su sitio web.

Complemento de WordPress SeedProd

Con la ayuda de Live Customizer y el complemento gratuito de WordPress Colorlib 404 Customizer , puede diseñar rápidamente una página 404 única que complemente la apariencia de su sitio web.

Colorlib 404 Personalizador

Puede agregar más CSS a la configuración, a la que se puede acceder en su panel de control de WordPress en Apariencia > Personalizar, para personalizar aún más su página 404.

En la sección Páginas del panel de administración de WordPress, puede crear una página 404 personalizada con el complemento Custom 404 Pro WordPress. Además, le permitirá controlar las instancias de las URL que se ingresaron y dieron como resultado la página 404 para que pueda vigilar los enlaces rotos.

Personalizado 404 Pro

Edición completa del sitio

Hacer una página 404 única es más simple que nunca si usa un tema de edición de sitio completo de WordPress . Siguiendo los pasos a continuación, puede crear una página 404 personalizada para su sitio web de WordPress.

Edición completa del sitio

Si alguien intenta acceder a una página que no está allí, se redirigirá inmediatamente.

Paso 1: haga clic en Apariencia en el panel de control de WordPress, luego seleccione "Editor".

Paso 2: Haga clic en "Plantillas" en "Editor".

Paso 3: Elija la plantilla 404 en el paso tres.

Paso 4: Cree su página 404 personalizada usando el editor de bloques, luego haga clic en Guardar.

Paso 5: Para guardar la plantilla, presione "Guardar" una vez más.

Para guardar la plantilla, presione - Guardar

Páginas personalizadas de WordPress 404

No es necesario que un enlace roto o una URL incorrecta sea desastrosa. Al incluir un enlace a su página de inicio u otra página interesante en su sitio web, puede hacer que su página de error 404 sea entretenida y mantener al usuario interesado.

Debido a que mejora la experiencia del usuario, crear una página 404 personalizada en WordPress es más simple que nunca y no debe pasarse por alto. Puede realizar un seguimiento de cuándo llegan los visitantes a su página 404 utilizando esta página, lo que le permite actualizar enlaces o redirigir sitios según sea necesario.

Visite algunos de sus sitios web favoritos, escriba su URL, luego agregue una página que esté seguro de que no existe hasta el final para ver algunas páginas 404 ingeniosas. ¡Sin duda obtendrá algunas sugerencias fantásticas para sus páginas 404 personales!