Cómo diseñar una página 404 perfecta para su tienda de comercio electrónico

Páginas movidas

Aunque parece una obviedad, la mayoría de las páginas 404 surgen cuando los propietarios del sitio generalmente cambian el nombre de una página web o la mueven. Las URL antiguas deben redirigirse a un sitio nuevo con una redirección 301, pero no es necesario que ocurra.

Directorios web

Un cambio en el directorio web obliga a los usuarios a modificar las URL o cuando las URL se mueven / eliminan sin una actualización.

Los enlaces internos que no se actualizan dentro del directorio pueden conducir a páginas de error 404. Pero después de todos estos problemas, el sitio web representa solo el 17% de los problemas 404 que encuentran los visitantes. Por lo tanto, independientemente de cuán diligente sea con el rastreo de su sitio para rectificar errores o configurar redireccionamientos. Los usuarios seguirán redireccionando a las páginas 404 sin su culpa:

Generalmente, las razones principales de las páginas de error 404 son:

• Solo el 23% de los visitantes hacen un segundo intento para encontrar una página que falta después de encontrar una página 404.
• El 79% de los visitantes que no están satisfechos con el rendimiento del sitio web dicen que no volverán a comprar en el mismo sitio.
• En promedio, adquirir un nuevo cliente es cinco veces más caro que retener a un cliente existente.

una. Aumente el número de páginas indexadas de su sitio en los motores de búsqueda:

Con el creciente número de páginas en un sitio, los enlaces muertos también aumentan. Puede aumentar las páginas de su sitio web indexadas a través de las páginas 404. Solo necesita vincular la página de error 404 a páginas internas aleatorias de su sitio web.

B. Cree una imagen de marca coherente

Nosotros, los humanos, preferimos la coherencia. Después de familiarizarnos con una tienda, subconscientemente comenzamos a confiar en ella. El foco principal está en la superficie. Una página 404 genérica ofrece una mala experiencia de usuario. No puede eliminar el código de estado HTTP, pero puede identificar el problema y mejorar la UX con una página de error personalizada.

Tome un archivo de registro y capture la información del problema y un código de respuesta para tratarlo adecuadamente. Si el usuario ha aterrizado en un enlace muerto de su tienda, es esencial mostrar su olor. El diseño no debería desconcertar al usuario de que se encuentra en un sitio diferente.

En resumen, la página de error 404 debe tener un estilo de fuente, códigos de color, logotipo, navegación, encabezado y pie de página similares.

C. Reencuentro y visitantes descontentos

Piense en un usuario que llegó a su tienda en busca de información sobre un producto en particular. Sin embargo, después de hacer clic en una página web de los resultados del motor de búsqueda, no obtiene ninguna página responsable, pero muestra una página de "página no encontrada". Hará que el usuario se sienta fatal.
Pero si le proporciona al usuario un enlace a la página de su sitio, puede volver a interactuar con el usuario. De esta manera, mantienes su atención.

D. Muestre la personalidad de su marca

No puede mostrarse como una empresa. Tu marca debe dar un toque humano. Al mostrar su personalidad, puede conectarse mejor con su público objetivo. La interacción del usuario con su sitio web debe hacer que se sientan bien. Las decisiones humanas se toman en una fracción de segundo.

Por lo tanto, debe tomar la página de error 404 como un medio para expresarse, hacer que sus visitantes se sientan bien y fortalecer su relación con su audiencia. Reconozca la frustración de su cliente, acepte que algo salió mal. Esto creará una interacción personal.

mi. Aumentar la tasa de conversión

Al crear una página de error 404, acepta su error y se asegura de que el usuario se divierta en su tienda.

Una respuesta personalizada de una página de error 404 probablemente borrará del cerebro del usuario la mala memoria del enlace roto de su sitio web. Y aumenta las posibilidades de que te den una segunda oportunidad. Esto es más como una hipótesis.

Pero prácticamente puede aumentar su tasa de conversión ofreciendo un descuento en sus páginas 404. Sí, use una página de error personalizada para convertir. Un código de estado HTTP de esta manera lleva errores a las ganancias.

1. Navegación

La primera necesidad de un usuario que llega a una página de error 404 es la navegación. Debe redirigir a los usuarios a la página a la que quieren ir. Un enlace a la página de inicio o cualquier otra página relevante funciona mejor. La navegación de la barra de menú (que también está presente en las otras páginas del sitio web) también es buena. Si es posible, también puede usar chatbots para invitar a visitantes perdidos.

2. Tono

Como mencionamos anteriormente, una página de error 404 también debe reflejar la personalidad de su marca. No quiere que los usuarios que han llegado a sus páginas 404 sientan que han llegado a un sitio web completamente diferente. El tema y el estilo deben ser coherentes.

3. SEO

Todos sabemos que las páginas de error 404 son inevitables. Los enlaces rotos conducen a páginas 404 y son inevitables. Pero una página 404, si se personaliza adecuadamente, puede disminuir el daño e incluso convertir la experiencia negativa en positiva.

4. Creatividad

La página 404 le brinda la mejor oportunidad para mostrar sus habilidades creativas. Puede hacer una broma, ofrecer interactividad y mostrar algunos elementos interactivos, relajados o divertidos.

1. Amazonas

Le sorprendería saber que más de 7.000 perros se han registrado legalmente para trabajar en la sede de Amazon. La naturaleza amigable con las mascotas de Amazon es viral, y la compañía incluso comparte con orgullo su cultura amigable con los perros. También se muestra desde su página de error 404.

Aunque todo el mundo admira a los perros y los encuentra encantadores, Amazon lo lleva al siguiente nivel al mostrar la imagen de un perro amazónico que trajeron al trabajo. Además, en las páginas 404, hay un enlace a la casa y un artículo sobre otros perros que tienen. Los usuarios que acceden a la página de error 404 de Amazon también pueden utilizar la barra de búsqueda para explorar los productos deseados.

2. Movimiento de personajes de eBay

eBayeBaysignificantly es muy popular y se encuentra entre las tiendas de comercio electrónico más antiguas del mundo. La compañía ha adoptado un diseño sencillo y sutil para la página de error 404, pero aún así, es fácil de usar. Los usuarios pueden encontrar ofertas de tendencias en la página, lo que los atraerá a seguir avanzando en el sitio y comprar productos. Aparte de esto, hay una barra de búsqueda y un enlace a la página de inicio.
Puede consultar la página 404 de eBay, ya que genera muchas conversiones y es un gran ejemplo.

3. IKEA

IKEA, una marca de muebles de moda con grandes tiendas de muebles en todo el mundo, ofrece una amplia gama de productos de muebles. La empresa es muy innovadora a la hora de ofrecer una mejor experiencia de compra en una aplicación móvil, un sitio web o incluso a través de las páginas 404.
Han mostrado un nivel excepcional de creatividad en la página de error 404. Los elementos desplegados enfatizan el trabajo y la marca de la empresa. Se ha emparejado con un mensaje directo y un enlace a la página de inicio. No hay otros elementos en la página para evitar distracciones, y el enfoque es claro: redirigir a los clientes perdidos a la página de inicio del sitio web.

4. Myntra

Myntra es un nombre predominante en la industria del comercio electrónico de moda de la India. En este sitio de comercio electrónico de moda, se puede encontrar una amplia gama de dispositivos portátiles para cada grupo de edad y género. La página 404 de la tienda también es hermosa. Le están indicando al usuario una idea de navegación perdida y, al mismo tiempo, hay una barra de búsqueda en la que el usuario puede buscar productos, categorías y mucho más.
La página 404 de Myntra tiene todo lo que un cliente pueda necesitar, como la lista de deseos, el enlace de la página del carrito, el enlace del perfil y el cuadro de búsqueda.

5. Github

Github ha utilizado referencias tanto del humor como de la cultura pop en su página de error 404 y ofrece un mensaje divertido que elimina cualquier incomodidad al aterrizar en la página de error. Hay opciones de navegación sencillas para no crear confusión. Hay una barra de búsqueda y enlaces de soporte, y una página de estado.

Sin embargo, el golpe de gracia es el sutil efecto de paralaje que hace que la imagen reaccione juguetonamente con el cursor del usuario. Esta animación muestra que los diseñadores de GitHub están muy en sintonía con la audiencia.

6. BigCommerce

BigCommerce es una plataforma de desarrollo de comercio electrónico de primera categoría. Se han construido miles de tiendas de comercio electrónico en esta plataforma. En sus 404 páginas, los usuarios pueden comprender fácilmente que se han perdido en el ciberespacio. Aparte de la página de inicio, han enumerado algunos en los que quieren que los usuarios lleguen.

También existe la funcionalidad de reservar una demostración o contactarlos desde la página de error 404.

7. Espacio de cabeza

En los servicios de meditación en línea, Headspace se ha ganado una reputación considerable. Su equipo comprende cómo funciona el cerebro humano y, por lo tanto, su página de error 404 solo muestra su propósito. Se centra en el producto y demuestra lo que puede hacer, es decir, calmar a los usuarios del estrés. Un movimiento lento y rítmico del personaje que un visitante perdido puede ver durante algún tiempo y obtener algo de espacio mental. Le dice al usuario que esté libre de estrés y que inhale y exhale.

8. Volusion

Volusion es un software de comercio electrónico basado en la nube en el que se pueden desarrollar tiendas de comercio electrónico. Los comerciantes pueden agregar productos, crear categorías, agregar detalles de pago y comenzar a vender. Hay bolas de colores en la página de error 404 que son muy atractivas para los usuarios.
Para demostrar su marca, los diseñadores han utilizado una combinación de colores en las bolas del logotipo de Volusion, y la página ordenada después de la caída de las bolas muestra el enlace de la página de inicio.

9. Squarespace

Squarespace, un famoso creador de sitios web, permite a los comerciantes crear y alojar un sitio web. Los usuarios pueden utilizar plantillas preconstruidas con funcionalidad de arrastrar y soltar para crear CMS y páginas web. En la página de error 404, hay un juego de alfabeto que los usuarios pueden disfrutar. Los usuarios pueden mover alfabetos usando el cursor. Si el usuario no quiere jugar, simplemente puede redirigir a los enlaces proporcionados.

10. Le SINGE

Por último, pero no menos importante, Le SINGE viene con un concepto fantástico de las 404 páginas. Inmediatamente los vende por lo que hacen. 404 se representa con oscuridad, y cuando el cursor del usuario se mueve, el foco se proyecta en esa parte de la pantalla.
El usuario puede utilizar los enlaces directos o puede iniciar el chat con el equipo de soporte.