lunes, enero 18, 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.