Lo mejor de los mejores diseños de página de error de WordPress 404

Cada usuario en la web ha aterrizado en al menos una página 404 en su experiencia de navegación de usuario completa. La verdad es que el número que los usuarios obtienen en 404 páginas es significativamente mayor que solo una. A menudo, cuando un usuario llega a una página 404, termina abandonando su sitio, lo que aumenta su tasa de rebote. La alta tasa de rebote puede tener un impacto negativo en su sitio web al disminuir sus ingresos de los anunciantes y más. Puede reducir la tasa de rebote y aumentar las visitas a la página simplemente optimizando su Página de error 404. En este artículo, resaltaremos lo mejor de los mejores diseños de página de error de WordPress 404, y le daremos nuestra información sobre cómo crear un diseño de página 404 hermoso y fácil de usar para su WordPress..

Escaparate para la inspiración

Antes de mostrarle cómo puede diseñar su propio diseño de página 404 para WordPress, resaltaremos algunos de los mejores diseños de página de error 404 que se utilizan en WordPress para su inspiración. Los criterios que utilizamos para elegir estos diseños fueron la creatividad y la facilidad de uso. Algunos diseños tienen ambos, y algunos solo tienen un aspecto..

1. WPBeginner

2. Catalyst Studios

3. Jamie Huskisson

4. 45royale Inc.

5. Carsonified

6. trucos CSS

7. Techkultura

8. Broca de inspiración

9. Catswhocode

10. Ba.pe

11. Cortar y probar.

12. CSS Remix

13. ateaseweb

14. Koller Media

15. Difusión de la expansión

16. Función

17. Zona de retraso

18. Kidmondo

19. Devlounge

20. Chris Jennings

Mejores prácticas y lecciones que debería aprender de estos

En el escaparate anterior probablemente viste algunas páginas 404 que fueron muy creativas, mientras que otras fueron extrañas pero memorables, y algunas fueron simples pero elegantes y utilizables. Al crear una página 404, debe recordar combinar los tres elementos: creatividad, facilidad de uso y la capacidad de dejar una impresión duradera..

Al crear nuestra página 404, en realidad analizamos muchos de estos para obtener inspiración y combinar los mejores elementos de estos en uno. La mayoría de las veces, cuando la gente llega a la página 404, se siente frustrada. Por lo tanto, debe ayudarlos a encontrar lo que intentan alcanzar, pero de la manera más creativa posible..

Una buena estructura que puedes seguir es:

• Imagen creativa
• Lista de publicaciones populares
• Lista de publicaciones recientes
• Lista de archivos
• Barra de búsqueda
• Ofrecer más ayuda dando opciones de contacto.

Ahora no necesita tenerlos todos, pero ciertamente debería tener más de dos de estas opciones en su página 404.

Al analizar nuestra página 404, algunas personas dicen que no tenemos una barra de búsqueda. Tenemos nuestra barra de búsqueda en la barra lateral, por lo que no hay razón para mostrarla dos veces. Estamos mostrando el archivo por mes, por categoría, y estamos mostrando las etiquetas populares. Por supuesto, la imagen creativa es para que todo se vea más amigable en lugar de aburrido..

Ahora entendemos que no todos son grandes artistas y no pueden crear algunas de las ilustraciones y las caricaturas de arriba, pero puedes ver el ejemplo de Devlounge o el ejemplo de Function para ver cómo la simplicidad también puede funcionar. Devlounge tiene una página 404 muy organizada, sin imagen, sin nada, pero es muy organizado y útil. La función tiene un ícono simple y otros recursos, pero nada super gráfico.

Al crear tu propia página 404, ten eso en cuenta.

Cómo crear una página 404 en WordPress

En su directorio de tema de WordPress hay un archivo llamado 404.php, Si no tienes ese archivo, entonces puedes crear uno. Puede agregar cualquier HTML en ese archivo para satisfacer sus necesidades. Pero se recomienda que use los parámetros predeterminados, para que la página se vea como parte del diseño..

Ahora envuelve el estilo HTML a su alrededor. Si quieres puedes incluso copiar tu page.php contenido en 404.php y simplemente elimine el área de contenido y agregue sus etiquetas personalizadas.

Estas son algunas de las etiquetas que puede utilizar:

Mostrar archivo por meses:

Este código mostrará el archivo por meses, pero mostrará una lista de todos los meses. Por lo tanto, podría convertirse en un desastre si tienes un blog que tiene tres años. Para saber cómo limitar el número de meses que se muestran, consulte el tutorial..

Mostrar lista de categorías

Este código listará todas las categorías en tu blog. Ofcoures usted puede estilo ellos sin embargo utilizando etiquetas de lista u otros.

Mostrar las etiquetas más utilizadas

Esto mostrará las etiquetas más utilizadas, como la que tenemos en nuestra página 404.

Mostrar publicaciones recientes

',''); ?>

Hay más códigos que puedes usar, solo tendrás que buscar en la documentación y encontrarla. Si tiene una pregunta específica, no dude en consultarnos en cualquier momento..

Otras fuentes:

Estas listas tienen muchos más ejemplos 404. Solo presentamos los de WordPress..

404 páginas de error recargadas

Más de 404 páginas

60 diseños creativos de 404 páginas