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

404 errores no son buenos para la experiencia del usuario. Le mostramos cómo obtener alertas por correo electrónico de 404 errores en su sitio para que pueda corregirlos rápidamente. En este artículo, le mostraremos cómo mejorar su plantilla de 404 páginas 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?

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

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

Si su configuración es realmente errónea, entonces la página 404 se vería así:

Ninguna de las 404 páginas anteriores es realmente útil.

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

Necesitas ayudar al usuario a encontrar la página correcta. Usted puede ayudar a mejorar esta experiencia transmitiendo adecuadamente 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 forma de ponerse en contacto con usted, etc.

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

Lo primero que tenemos que hacer es empezar por crear una plantilla de 404 páginas personalizada. Esto se puede hacer editando el archivo 404.php en el tema de WordPress.

Si estás editando tu tema directamente, te recomendamos que al menos hagas una copia de seguridad del tema de WordPress.

Para que su página 404 sea más útil, vamos a mostrarle cómo añadir elementos útiles tales como entradas populares, entradas más comentadas, entradas 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 usted tiene para ofrecer.

Mostrar las publicaciones más populares en 404 Page

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

Lo primero que tienes que hacer es instalar y activar el plugin de WordPress Popular Posts en tu sitio web. Después de la activación, necesita agregar esta etiqueta de plantilla en su archivo 404.php donde desea mostrar los mensajes más populares.

1

Mostrar los Mensajes Más Comentados en 404 Página

La sección de posts más comentada también se basa en el popular plugin de posts que activamos en el último paso. Simplemente agrega esta etiqueta de plantilla donde quieras mostrar tus mensajes más comentados.

1

También puedes consultar nuestra guía sobre cómo mostrar la mayoría de los posts comentados en WordPress.

Mostrar Mensajes Recientes en 404 Página

Hay varias maneras de mostrar los mensajes recientes en WordPress. La forma más fácil es añadir esta etiqueta de plantilla en tu plantilla 404 para mostrar tus mensajes recientes.

1 `postbypost’, `limite’=> 10, `formato’=> ` custom’, `antes’=> «, `después de’=> `
‘) ); ?>

Mostrar mensajes aleatorios en 404 página

Si quieres mostrar una lista aleatoria de mensajes en WordPress, entonces puedes simplemente añadir este código en tu plantilla 404 donde quieres mostrar una lista aleatoria de mensajes de tu sitio.

12345678        

  • «»title=»»>»>           

    Añadir archivos mensuales con archivos compactos

    Si usted mira la página de AprenderWP 404, entonces notará que estamos mostrando nuestro listado mensual de archivos usando un plugin Compact Archives. Tenga en cuenta que hemos adoptado este plugin y ahora lo estamos manteniendo.

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

    1234

    Por fecha

    Mostrará sus archivos mensuales de esta manera:

    Una plantilla de ejemplo 404 para WordPress

    Aquí hay un ejemplo de un archivo 404.php basado en el tema por defecto de WordPress Veintitrés de la plantilla 404 de Twenty Thirteen.

    12345678910111213141415161718192021222324252627282930313233343536373839404142434445464748495051 primaria «> «content=»site-content «role=»main»>>

                             >> página de contenido                    

                        

                                                                  

    Echa un vistazo a algunos de nuestros contenidos más populares:

     >>         

    Entradas populares

     >>         

    Más comentados

     >>Cabecera col         

    Mensajes recientes

      `postbypost’, `limite’=>> 10, `format’=> ` custom’, `antes’=> », `después de’=> «
    ‘) ); ?>                                          

    Compare esta plantilla 404 con la plantilla por defecto en Twenty Thirteen. Notarás que justo después del formulario de búsqueda hemos añadido nuestro código personalizado para mostrar los mensajes más populares, comentados y recientes. Después añadimos un poco de CSS para dividirlo en columnas.

    123456789101112131415151617.col1,.col2,.col3{ width:30%;float:left;padding:0px10px10px10px10px;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:

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

    También puede utilizar estas listas para ejemplos de diseño de 404 cool como inspiración.

    Si te ha gustado este artículo, suscríbete a nuestro canal de YouTube para ver más vídeos de WordPress. También puede unirse a nosotros en Google+ y Twitter.

  • Deja un comentario