Cómo construir una página de WordPress 404: una guía completa

Aunque la mayoría de las URL de los sitios son legibles y fáciles de escribir, no hay contabilidad del error humano. Incluso lo mejor de nosotros a veces presentamos por error una URL y llegamos a una ubicación web que no esperamos. Una página de WordPress 404 ayuda a los usuarios a comprender que han cometido un error. Sin embargo, también puede ayudar a mantener a los usuarios perdidos en su sitio y llevarlos a la página que necesitan. Explicaremos más sobre qué es y qué hace un 404 en una sección posterior. En resumen, es una página que muestra un código de error, pero muchos sitios se dan cuenta de que también es una buena manera de presentar más información a los usuarios. Como tal, descubrirá que estas páginas pueden ser únicas y útiles en sí mismas.
En las próximas secciones, le mostraremos cómo construir una página de WordPress 404. Incluirá algunos ejemplos en la web, que deberían contener muchos más. ¿Qué es (y hacer) una página de 404 para comenzar? Hablemos de lo que es una página de WordPress 404. Para aquellos que no saben, 404 es uno de los muchos “códigos de respuesta HTTPS”. Hay diferentes grupos de código basados ​​en la información que le transmiten y hemos cubierto mucho en el blog en el pasado. Por ejemplo, el rango de 500 números devuelve errores del servidor:
Cómo corregir el error del servidor interno 500 en su sitio web de WordPress
¿Cuál es el error 502 Bad Gateway y cómo lo soluciona en WordPress?
Cómo remediar el error de WordPress “Servicio 503 no disponible”.
La gama 400 cubre las respuestas de error del cliente, momentos en que la parte del navegador comete un error. Por ejemplo, Error 413 Entidad de solicitud demasiado grande, Error 429 demasiadas solicitudes y (por supuesto), Error 404. En términos simples, si tiene un error 404, una página no existe en la URL que navega. Es un error común debido a un simple error. De hecho, muchos sitios reconocen esto. Si bien la mayoría de los errores no tienen páginas dedicadas, un error 404 funcionará. Esto le permite mantener a un usuario en el sitio y redirigirlo de regreso al sitio en sí. En la siguiente sección, echaremos un vistazo a cómo otros sitios muestran un error 404 a un usuario, por su propia inspiración. Ejemplos de 404 páginas en la web podemos comenzar con la página 404 para WPKube. Proporciona un aspecto funcional con un mensaje rápido para decir que la página no existe:
Hay un cuadro de búsqueda para ayudar al usuario a encontrar la publicación o página correcta y una colección de otros elementos organizados después de la fecha y la categoría. Esto es esencialmente todo lo que necesita para traer a los usuarios de donde vinieron. Algunos sitios hacen esfuerzos adicionales. Por ejemplo, la base de datos de películas de Internet (IMDB) utiliza citas de película para ayudar a establecer el problema, junto con un enlace de regreso a la página inicial:

Esto ayuda a mantener la página en la marca. La página Elementor 404 también ofrece contenido de marca. Esta vez en forma de un enlace a un artículo relevante:

Nos gusta este enfoque, porque le brinda orientación para construir la página que vea. Esto no solo ofrece valor. También proporciona prueba de lo que puede hacer el elemento. En nuestra investigación, ha habido muy pocos sitios web que realizaron una redirección completa a la página inicial cuando se enfrentan a un error 404. Hay una buena razón para ello y continuaremos tratando. ¿Por qué le gustaría construir una página personalizada de WordPress 40 hasta ahora? Entenderá que una página de WordPress 404 puede ser un bien valioso. Para darle algunos detalles, es por eso que le gustaría armar uno: es una excelente manera, enfocada en el usuario, para ayudar a quienes navegan en una página desconocida.

Puede mantener la baja tasa de rechazo, lo que lo ayudará a optimizar los motores de búsqueda (SEO).
Por cierto, si diseña la página 404 correctamente, puede mejorar y SEO hasta cierto punto.
Puede continuar sus esfuerzos de marca incluso cuando un usuario está en algún lugar que no se espera en su sitio.
En general, una página de WordPress 404 le permite proporcionar un elemento “humano” a su sitio, en una situación en la que puede esperar perder a un usuario. Como tal, no subestimes el valor psicológico de esto. Podría ser una diferencia entre un usuario rechazado y el desarrollo de un cliente potencial.
Cómo construir una página de WordPress 404 En las próximas secciones, le mostraremos cómo construir una página de WordPress 404. En nuestra opinión, debe dar tres pasos:
Descubra cómo construirá la página, si está utilizando el código, las tentaciones existentes de WordPress, un complemento o un generador de página. Agregue los elementos que desea en su página y cambie la marca y el diseño hasta que esté satisfecho con los resultados.
Verifique que su sitio esté haciendo redireccionamientos a su página de WordPress 404.
Sin embargo, su primera tarea es tomar una decisión. Veamos esto más detallado ahora.
1. Decida cómo construirá la página 404 como era de esperar, hay diferentes formas de crear su WordPress 404. Su enfoque se basará en sus objetivos y las habilidades que tiene. Aquí hay un resumen rápido de los diversos métodos que puede usar:
Puede tomar un archivo PHP vacío y codificar una página de WordPress 404 desde cero.
Cada instalación de WordPress tiene una plantilla funcional de 404 páginas. Puede tomar esto y desarrollar su propia página sobre el código existente.
La mayoría de los creadores de páginas tienen plantillas para ayudarlo a crear una página 404 para su sitio.
También hay complementos disponibles para ayudarlo a construir 404 páginas rápidamente.
Para este artículo, nos centraremos en los enfoques del generador de páginas y el complemento. Esto se debe a que serán los métodos más accesibles para la mayoría de los usuarios. Además, si está en una etapa en la que desea codificar una página 404, ya tendrá mucho conocimiento que necesita.
Uso de un complemento para crear una página de WordPress 404 antes de pasar al generador de página, el objetivo principal para este artículo, vale la pena señalar que también hay opciones de complementos. Sin embargo, de hecho, hay una solución única a considerar aquí: 404Page: de hecho, este complemento no le da las herramientas para crear la apariencia de la página, más de lo que le permite establecer la página que desarrolla como una página 404. Muchas otras Los complementos redirigirán 404 errores a otra página. Esto no es óptimo para SEO. Además, el complemento no crea solicitudes de servidor adicionales, lo cual es fantástico si el rendimiento del sitio es importante para usted.
El proceso con el complemento es crear 404 utilizando el editor de bloques de WordPress estándar. Esto le dará todas las herramientas que necesitará para crear su página, mientras mantiene el aspecto “homogeneizado” con el resto del sitio. Tendremos más detalles sobre qué incluir en una sección posterior. Después de haber terminado con su diseño, irá a la pantalla de la pantalla> Página de error 404:
Esto le permitirá elegir la página 404 correcta en el menú Drop -down, pero también incluye otras opciones:
Por ejemplo, hay una pestaña avanzada dedicada que incluye algunas opciones útiles (y potentes) para su página 404:

Puede elegir entre diferentes opciones para garantizar que el error 404 funcione correctamente. Los motores de búsqueda usan comentarios del servidor para decidir cómo indexar las páginas. Es posible que desee usar el código de error 410 que desapareció en algunos casos y, con 404 páginas, obtenga esta opción. El uso de un generador de páginas para crear una página de WordPress 404 La mayoría de los propietarios del sitio utilizarán un generador de páginas o una cierta descripción y, como tal, la mayoría de las principales soluciones de mercado incluyen plantillas o colecciones de bloques para su página. 404: la adición de ellas debe ser Simple, al menos tan simple como es agregar cualquier otro elemento a su WordPress 404. De hecho, no podemos decir pocas cosas nuevas a este respecto. El proceso para cada solución será como parte de la experiencia general. Hay mucho que decir sobre los elementos que incluye su página y lo veremos. 2. Agregue los elementos esenciales para su página si echa un vistazo a cualquier página 404, y le recomendamos que haga esto para investigar e inspiración, notará algunas similitudes generales. Esencialmente, una página de WordPress 404 incluye los siguientes elementos:
Un mensaje claro y directo al usuario que ha ocurrido un error 404.

Una forma de volver a una página en su sitio que existe, a menudo la página inicial.


En nuestro ejemplo, tenemos ambos elementos, junto con una marca inicial debido a un bloque elemental:

Aunque, si observa otros ejemplos de 404 páginas, a menudo incluyen formas de encontrar la página correcta en el sitio. Un cuadro de búsqueda es el más común y podemos agregarlo y usar nuestro generador de páginas: tuvimos que reanudar parte del texto para mencionar el cuadro de búsqueda y, mientras estuvimos aquí, agregamos algo de estilo. Hay un separador personalizado en la parte superior para actuar como un “límite” para el resto del texto, y el cuadro de búsqueda ofrece un aspecto “redondeado” y “3D”. Hice esto usando las opciones de estilo de Elementor. El radio de borde cubre la forma del área de búsqueda, y la sombra de la caja ayuda a conferir el elemento de profundidad. Hice todo esto sin un solo carácter de código, pero la funcionalidad y el valor de la página 404 son claros. Desde aquí, puede agregar casi cualquier otro elemento que considere útil. Muchos sitios usan listas de publicaciones, otros agregarán un formulario de contacto y el mundo es su ostra aquí. Nuestro consejo sería mantener a los usuarios en el sitio. Por esta razón, renunciaríamos a los enlaces de las redes sociales y nos mantendríamos en lo que contiene su sitio. También servirá como una página pseudo-arquitiva, lo que lo ayudará. 3. Asegúrese de que su sitio esté redirigido a su página 404, el último paso es asegurarse de que su sitio esté utilizando la nueva página en lugar de la plantilla predeterminada. Si usa un complemento, como 404Page, esto es un complemento. Navegue para mirar> Página de error 404 y busque la página correcta en el menú desplegable:

Después de guardar los cambios, el trabajo se completa. Para el elemento, deberá establecer la página como plantilla. Si no ha hecho esto, extienda el botón de publicación verde usando la flecha y seleccione la salvación como plantilla: una vez que haya dado un nombre a su plantilla, está listo. Desde aquí, regrese al tablero de WordPress y a la página de plantilla> plantillas guardadas:
La solución de la solución aquí es un toque difícil, pero primero debe crear una nueva plantilla usando el nuevo botón Agregar:
En la siguiente pantalla, proporcione un nombre de plantilla y elija el tipo de error 404:
Llegará a una ventana emergente, donde insertará la plantilla de página de WordPress 404:

Esto lo llevará de regreso a la pantalla de edición de Elementer, y cuando haga clic en Publicar, llegará a una pantalla de diálogo que le pedirá que elija una “condición”:

Esto le brinda una forma de especificar cuándo y dónde se mostrará la página 404. Podemos mantener las cosas simples y elegir incluye la página 404: