domingo, octubre 24, 2021

Cómo mejorar su plantilla de página 404 en WordPress

Los errores 404 no son buenos para la experiencia del usuario. Le mostramos cómo recibir alertas por correo electrónico para errores 404 en su sitio para que pueda corregirlos rápidamente. En este artículo, le mostraremos cómo mejorar su plantilla de página 404 en WordPress, para que pueda crear una página 404 más útil que realmente ayude a los usuarios.

¿Cómo se ve la mayoría de las páginas de WordPress 404?

La página 404 es a menudo la página más descuidada en la mayoría de los sitios. A menudo, una gran cantidad de temas 404 de WordPress se ve así:

Veinticuatro 404 Página

Esta página 404 en WordPress es manejada por un archivo de plantilla llamado 404.php.

Si su configuración está realmente desordenada, la página 404 se vería así:

Error 404 manejado por el navegador

Ninguna de las 404 páginas anteriores son realmente útiles.

Cuando un usuario llega a una página 404, ya está frustrado. ¿Por qué? Porque no pueden encontrar lo que estaban buscando.

Debe ayudar al usuario a encontrar la página correcta. Puede ayudar a mejorar esta experiencia transmitiendo correctamente el error y dándoles un curso de acción adecuado (es decir, qué hacer a continuación).

Esto se puede hacer mostrándoles otras secciones de sus sitios que pueden visitar, dándoles una manera de contactarlo, etc.

Cómo crear una página 404 personalizada en WordPress

Lo primero que debemos hacer es comenzar creando una plantilla de página 404 personalizada. Esto se puede hacer editando el archivo 404.php en su tema de WordPress.

Si está editando su tema directamente, le instamos al menos a hacer una copia de seguridad de su tema de WordPress.

Para que su página 404 sea más útil, le mostraremos cómo agregar elementos útiles como publicaciones populares, publicaciones más comentadas, publicaciones recientes, archivos de fechas, lista de todas las categorías, etc.

Esto permitirá a los nuevos usuarios echar un vistazo rápido a lo que tiene para ofrecer.

Mostrar las publicaciones más populares en la página 404

Vamos a utilizar uno de los mejores complementos de publicaciones populares de WordPress para mostrar publicaciones populares en nuestra página 404.

Lo primero que debe hacer es instalar y activar el complemento de publicaciones populares de WordPress en su sitio web. Después de la activación, debe agregar esta etiqueta de plantilla en su archivo 404.php donde desea mostrar las publicaciones populares.


Mostrar las publicaciones más comentadas en la página 404

La sección de publicaciones más comentadas también se basa en el complemento de publicaciones populares que activamos en el último paso. Simplemente agregue esta etiqueta de plantilla donde desea mostrar sus publicaciones más comentadas.


También puede consultar nuestra guía sobre cómo mostrar las publicaciones más comentadas en WordPress.

Mostrar publicaciones recientes en la página 404

Hay varias formas de mostrar publicaciones recientes en WordPress. La forma más fácil es agregar esta etiqueta de plantilla en su plantilla 404 para mostrar sus publicaciones recientes.

 'postbypost', 'limit' => 10, 'format' => 'custom', 'before' => '', 'after' => '
' ) ); ?>

Mostrar publicaciones aleatorias en la página 404

Si desea mostrar una lista aleatoria de publicaciones en WordPress, simplemente puede agregar este código en su plantilla 404 donde desea mostrar una lista aleatoria de publicaciones de su sitio.

  • " title="">

Agregue archivos mensuales con archivos compactos

Si observa la página WPBeginner 404, notará que estamos mostrando nuestra lista de archivos mensuales utilizando un complemento de Archivos compactos. Tenga en cuenta que hemos adoptado este complemento y ahora lo estamos manteniendo.

Instale y active este complemento el complemento Compact Archives. Después de activar el complemento, agregue el siguiente código en su archivo 404.php:

By Date

Mostrará sus archivos mensuales de esta manera:

Visualización de archivos mensuales un año por fila utilizando archivos compactos

Una plantilla 404 de muestra para WordPress

Aquí hay un archivo 404.php de muestra basado en la plantilla 404 del tema predeterminado de WordPress Twenty Thirteen.



	

Check out some of our popular content:

Popular Posts

Most Commented

Recent Posts

'postbypost', 'limit' => 10, 'format' => 'custom', 'before' => '', 'after' => '
' ) ); ?>

Compare esta plantilla 404 con la plantilla predeterminada en Twenty Thirteen. Notarás que justo después del formulario de búsqueda hemos agregado nuestro código personalizado para mostrar publicaciones populares, más comentadas y recientes. Después de eso, agregamos un poco de CSS para dividirlo en columnas.

.col1, .col2, .col3 { 
width:30%;
float:left;
padding:0px 10px 10px 10px;
height:450px;
margin:0px;
}
.col3:after{
clear:both;
}
.col-header { 
background:#220e10;
color:#FFF;
margin:0px;
padding:1px;
text-align:center;
}

Así es como se veía el resultado final:

Una página 404 modificada en WordPress que muestra publicaciones populares

Esperamos que este artículo te haya ayudado a mejorar la página 404 en tu sitio de WordPress. Siéntase libre de jugar con el código y experimentar con diferentes etiquetas de plantilla para satisfacer sus necesidades.

También puede usar estas listas para obtener ejemplos de diseño 404 interesantes como inspiración.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver más videos de WordPress. También puedes unirte a nosotros en Google+ y Twitter.