Cada usuario en la web ha aterrizado en al menos una página 404 en toda su experiencia de navegación. La verdad es que el número de usuarios que llegan a 404 páginas es significativamente mayor que uno. A menudo, cuando un usuario llega a una página 404, termina abandonando su sitio, lo que aumenta su tasa de rebote. Una alta tasa de rebote puede afectar negativamente a su sitio web al reducir los ingresos de los anunciantes y más. Puede reducir su tasa de rebote y aumentar las visitas a la página simplemente optimizando su página de error 404. En este artículo, destacaremos lo mejor de los mejores diseños de página de error 404 de WordPress y le brindaremos nuestra información para crear un diseño de 404 hermoso y altamente utilizable. página para su WordPress.
Escaparate de inspiración
Antes de mostrarle cómo puede diseñar su propio diseño de página 404 para WordPress, destacaremos algunos de los mejores diseños de página de error 404 utilizados en WordPress para su inspiración. Los criterios que utilizamos para elegir estos diseños fueron la creatividad y la usabilidad. Algunos modelos tienen ambos y otros solo un aspecto.
1. TrucosWP
2. Estudios Catalyst
3. Jamie Huskisson
4. 45royale Inc.
5. Carsonificado
6. Trucos CSS
7. Techkultura
8. Un poco de inspiración
9. Catswhocode
10. Ba.pe
11. Cortar y probar
12. CSS Remix
13. Ateaseweb
14. Koller Media
15. Transmisión de expansión
dieciséis. Función
17. Zona de retardo
18. Kidmondo
19. Devlounge
20. Chris Jennings
Mejores prácticas y lecciones que debe aprender de estos
En el escaparate anterior probablemente vio unas 404 páginas que eran muy creativas, mientras que otras eran simplemente extrañas pero memorables, y algunas eran simples pero elegantes y utilizables. Al crear una página 404, debe recordar combinar los tres elementos: creatividad, usabilidad y la capacidad de dejar una impresión duradera.
Al crear nuestra página 404, en realidad revisamos varios de los anteriores para inspirarnos y combinar los mejores elementos de estos en uno. La mayoría de las veces, cuando las personas llegan a la página 404, se sienten frustradas. Por lo tanto, debe ayudarlos a encontrar lo que intentan lograr, pero de la manera más creativa posible.
Una buena estructura que puede seguir es:
- Imagen creativa
- Lista de publicaciones populares
- Lista de publicaciones recientes
- Lista de archivos
- Barra de búsqueda
- Ofrezca más ayuda proporcionando opciones de contacto
Ahora no es necesario que los tenga todos, pero definitivamente debería tener más de dos de estas opciones en su página 404.
Al mirar 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 verla dos veces. Estamos viendo el archivo por mes, por categoría y estamos viendo etiquetas populares. Por supuesto, la imagen creativa sirve para que todo parezca amigable en lugar de aburrido.
Ahora entendemos que no todo el mundo es un gran artista y no puede encontrar algunas de las ilustraciones y dibujos animados anteriores, pero puede ver el ejemplo de Devlounge o el ejemplo de función anterior para ver cómo la simplicidad también puede funcionar. Devlounge tiene una página 404 muy organizada, sin imágenes, nada en absoluto, pero es muy organizada y útil. La función tiene un ícono simple y otros recursos, pero nada súper gráfico.
Al crear su página 404, tenga esto en cuenta.
Cómo crear una página 404 en WordPress
En su directorio de temas de WordPress hay un archivo llamado 404.php, si no tiene ese archivo, puede crear uno. Puede agregar cualquier HTML en ese archivo según sus necesidades. Pero se recomienda utilizar los parámetros predeterminados, para que la página aparezca como parte del diseño.
Ahora envuélvalo con el estilo HTML. Si lo desea, también puede copiar el contenido de su page.php a 404.php y simplemente eliminar el área de contenido y agregar sus propias etiquetas personalizadas.
Estas son algunas de las etiquetas que puede utilizar:
Ver archivo por mes:
Este código mostrará el archivo durante meses, pero enumerará todos los meses. Así que podría convertirse en un desastre si tienes un blog que tiene tres años. Para saber cómo limitar el recuento de meses que se muestra, consulte el tutorial.
Ver la lista de categorías
Este código enumerará todas las categorías de su blog. Por supuesto, puede diseñarlos usando etiquetas de lista u otras.
Ver las etiquetas más utilizadas
Esto mostrará las etiquetas más utilizadas como la que tenemos en nuestra página 404.
Ver publicaciones recientes
‘,’
‘); ?>
Hay más códigos que puedes usar, solo tendrás que buscar la documentación y encontrarla. Si tiene una pregunta específica, no dude en consultarnos en cualquier momento.
Fuentes adicionales:
Estas listas contienen muchos más ejemplos 404. Solo hemos presentado los de WordPress.
404 páginas de error recargadas
60 diseños creativos de 404 páginas
Todo lo que necesitas saber
¿Cómo crear una página 404 personalizada en WordPress?
Para crear una página 404 personalizada en WordPress, tienes dos opciones: puedes hacerlo manualmente o utilizar plugins. Muchos temas ya incluyen una plantilla de archivo 404.php por defecto. Si tu tema tiene esta plantilla, puedes ubicar el archivo y editar el mensaje que está mostrando actualmente. Si prefieres utilizar un plugin, hay varios disponibles en el repositorio de WordPress que te permiten personalizar fácilmente tu página de error 404.
¿Qué es el mejor error 404?
El mejor error 404 es aquel que proporciona una explicación clara y concisa del motivo por el cual el recurso no está disponible en el servidor. Además, debe ofrecer sugerencias útiles al usuario, como comprobar la dirección introducida y asegurarse de que está correctamente escrita. Esto ayuda a mejorar la experiencia del usuario y a maximizar las oportunidades de conversión.
¿Cómo hacer una página de error 404?
Para crear una página de error 404, debes acceder a la sección ‘Apariencias’ en tu panel de WordPress. Luego, selecciona la opción ‘Página 404’. Aquí puedes ingresar información como el mensaje de error específico, pero lo esencial es tener un texto que indique ‘Página no encontrada’. Así brindarás una experiencia más amigable a los usuarios que lleguen a una página inexistente en tu sitio. Recuerda también personalizar el diseño y agregar enlaces útiles para que los visitantes encuentren fácilmente el contenido que buscan.
¿Cómo solucionar el problema de error 404?
Para solucionar el problema de error 404, puedes seguir los siguientes pasos: 1. Verifica que no sea un error del servidor y revisa la URL. 2. Corrige los enlaces incorrectos que puedan estar causando el error. 3. Crea una redirección 301 para redirigir las páginas no encontradas a páginas relevantes en tu sitio. 4. Una alternativa más drástica es utilizar el código de error 410 para indicar que una página ha sido eliminada de forma permanente. Estas son algunas de las formas más comunes de solucionar el problema de error 404, asegurándote de que los usuarios lleguen a las páginas correctas y optimizando tu sitio para el SEO.
¿Te ha resultado útil??
0 / 0