Las mejores prácticas para diseñar las páginas de error 404
Ya sea por que los enlaces no se han colocado correctamente, o porque el contenido al que se intenta acceder ya no existe, es inevitable que de vez en cuando los visitantes de una tienda online lleguen a una página de error 404. Pero, aunque ver una página 404 no sea el pasatiempo favorito de los usuarios, no significa que el resultado final tenga que ser negativo.
Estas páginas también pueden ser una oportunidad para apoyar el mensaje de tu marca o empresa. De hecho, algunas de las mejores páginas de error 404 combinan el humor con un buen UX para crear experiencias memorables.
Páginas 404 personalizadas y coherentes con la marca
Incluir páginas de error 404 personalizadas y user-friendly en tu tienda online es importante para reducir la frustración del cliente. Al conectar funcionalidades como llamadas a las acción claras, y cuadros de búsqueda y navegación con imágenes creativas, los desarrolladores pueden crear landing page personalizadas y convertir un posible evento negativo en uno positivo.
Una buena página 404 debe indicar que se ha producido un error, proporcionar una navegación clara a una página más adecuada y ser coherente con la marca. Además también puede tener un impacto en el SEO, ya que una página bien diseñada cargada con enlaces útiles reducirá la tasa de rebote; y un buen contenido incluso podría aumentar el tiempo dedicado a esta página.
Esto es lo que dice Google al respecto:
“Si tienes acceso a tu servidor, te recomendamos que crees una página 404 personalizada. Una buena página personalizada 404 ayudará a los usuarios a encontrar la información que están buscando, así como a proporcionar otro contenido útil y alentarlos a explorar más tu sitio “.
Aunque crees una página 404 personalizada con tu marca es importante que te asegures de que no hay enlaces rotos en tu sitio para minimizar la posibilidad de que los clientes sean mal dirigidos. Una herramienta simple como Link Checker de W3 o la aplicación Transportr te permitirá identificar y arreglar rápidamente cualquier evento 404 en tu tienda online.
Las páginas de error 404 personalizadas se han convertido en una práctica estándar, ya que permiten presentar tu marca de la mejor manera posible, al tiempo que canalizan a los clientes de regreso al sitio principal.
A continuación te presentamos algunos ejemplos de páginas de error 404 que te pueden inspirar para crear la tuya.
Aprende de las mejores páginas de error 404
1. Github
Utilizando referencias de humor y cultura popular, Github ofrece un mensaje divertido que disipa la negatividad propia de aterrizar en una página de error. Las opciones de navegación son simples para evitar confusiones, con una barra de búsqueda y enlaces de apoyo.
El golpe de gracia, sin embargo, es el efecto parallax sutil que hace que la imagen reaccione de forma lúdica con el cursor del usuario. Esta animación, que se pasa por alto con facilidad, muestra que los diseñadores de GitHub están muy conectados con su audiencia.
2. Codecademy
La escuela de programación Codecademy muestra un enfoque educativo en sus páginas 404, ya que incluyen un enlace para aprender más sobre los errores de HTTP. La página también proporciona una ruta fácil al contenido del sitio.
3. Backcountry
Este es un ejemplo perfecto de una página 404 en un contexto de comercio electrónico. La marca de ropa Backcountry tiene una página de aterrizaje exuberante, con una imagen a pantalla completa que incluye una broma de la marca. Se disculpan y aceptan la responsabilidad, pero de una manera positiva y optimista.
4. Dropbox
El estilo de ilustración icónico de Dropbox es la pieza central de esta página de error simple, donde las imágenes cuidadosamente elegidas nuevamente desempeñan un papel clave en el aumento de la conciencia de marca. Un tono profesional complementa el boceto, y una cantidad mínima de enlaces brinda al usuario opciones para navegar a un lugar seguro.
5. Keir Whitaker
Keir Whitaker tiene una página de error muy completa, que describe qué es una página 404, cómo puede haber llegado un visitante hasta allí y ofrece un video instructivo sobre cómo hacer un Negroni , el cóctel favorito de Keir. Una amplia cantidad de enlaces, incluyendo su blog de desarrollo web y podcast, completa esta página funcional pero divertida.
¿Qué te han parecido estas páginas de error 404? ¿Necesitas ayuda para diseñar la tuya?
¡Publica ahora tu proyecto!
