Comment concevoir une page 404 parfaite pour votre boutique de commerce électronique

Pages déplacées

Bien que cela semble une évidence, la plupart des pages 404 surviennent lorsque les propriétaires du site ont généralement renommé une page Web ou déplacé. Les anciennes URL doivent être redirigées vers un nouveau site avec une redirection 301, mais cela n'est pas nécessaire.

Annuaires Web

Un changement dans le répertoire Web oblige les utilisateurs à modifier les URL ou lorsque les URL sont déplacées/supprimées sans mise à jour.

Les liens internes qui ne sont pas mis à jour dans le répertoire peuvent conduire à 404 pages d'erreur. Mais après tous ces problèmes, le site Web ne représente que 17% des 404 problèmes rencontrés par les visiteurs. Ainsi, quelle que soit la diligence avec laquelle vous faites l'exploration de votre site pour rectifier les erreurs ou configurer des redirections. Les utilisateurs seront toujours redirigés vers 404 pages sans votre faute :

En règle générale, les principales raisons des pages d'erreur 404 sont :

• Seulement 23% des visiteurs font une deuxième tentative pour trouver une page manquante après avoir rencontré une page 404.
• 79 % des visiteurs qui ne sont pas satisfaits des performances du site Web déclarent qu'ils n'achèteront plus sur le même site.
• En moyenne, l'acquisition d'un nouveau client coûte cinq fois plus cher que la fidélisation d'un client existant.

une. Augmentez le nombre de pages indexées de votre site dans les moteurs de recherche :

Avec le nombre croissant de pages sur un site, les liens morts augmentent également. Vous pouvez augmenter les pages de votre site Web indexées sur les 404 pages. Il vous suffit de lier la page d'erreur 404 à des pages internes aléatoires de votre site Web.

b. Construire une image de marque cohérente

Nous, les humains, préférons la cohérence. Après s'être familiarisé avec un magasin, nous commençons inconsciemment à lui faire confiance. L'accent est mis sur la surface. Une page 404 générique donne une mauvaise expérience utilisateur. Vous ne pouvez pas éliminer le code d'état HTTP, mais vous pouvez identifier le problème et améliorer l'UX avec une page d'erreur personnalisée.

Prenez un fichier journal et capturez les informations sur le problème et un code de réponse pour le traiter de manière appropriée. Si l'internaute a atterri sur un lien mort de votre boutique, il est indispensable de mettre en valeur votre parfum. La conception ne doit pas dérouter l'utilisateur qu'il se trouve sur un autre site.

En bref, la page d'erreur 404 doit avoir un style de police, des codes de couleur, un logo, une navigation, un en-tête et un pied de page similaires.

c. Re-engager et visiteurs mécontents

Imaginez qu'un utilisateur a atterri dans votre magasin à la recherche d'informations sur un produit particulier. Cependant, après avoir cliqué sur une page Web à partir des résultats du moteur de recherche, il n'amène aucune page de réponse mais affiche une page "page introuvable". Cela rendra l'utilisateur mal à l'aise.
Mais si vous fournissez à l'utilisateur un lien vers la page de votre site, vous pouvez alors réengager l'utilisateur. De cette façon, vous gardez leur attention.

ré. Montrez la personnalité de votre marque

Vous ne pouvez pas vous présenter comme une entreprise. Votre marque doit donner une touche humaine. En montrant votre personnalité, vous pouvez mieux vous connecter avec votre public cible. L'interaction des utilisateurs avec votre site Web devrait les faire se sentir bien. Les décisions humaines sont prises en une fraction de seconde.

Ainsi, vous devez prendre la page d'erreur 404 comme moyen de vous exprimer, de faire du bien à vos visiteurs et de renforcer votre relation avec votre public. Reconnaissez la frustration de vos clients, acceptez que quelque chose s'est mal passé. Cela créera une interaction personnelle.

e. Augmenter le taux de conversion

En créant une page d'erreur 404, vous acceptez votre erreur et assurez-vous que l'utilisateur passe un agréable moment dans votre magasin.

Une réponse personnalisée d'une page d'erreur 404 effacera probablement le mauvais souvenir du lien rompu de votre site Web du cerveau de l'utilisateur. Et cela augmente les chances qu'ils vous donnent une seconde chance. Cela ressemble plus à une hypothèse.

Mais vous pouvez pratiquement augmenter votre taux de conversion en offrant une remise sur vos 404 pages. Oui, utilisez une page d'erreur personnalisée pour convertir. Un code d'état HTTP de cette manière convertit les erreurs en revenus.

1. Naviguer

Le premier besoin d'un utilisateur qui a atterri sur une page d'erreur 404 est la navigation. Vous devez rediriger les utilisateurs vers la page où ils souhaitent aller. Un lien vers la page d'accueil ou toute autre page pertinente fonctionne mieux. Vous fournissez la navigation dans la barre de menus (qui est également présente sur les autres pages du site Web) est également bonne. Si possible, vous pouvez également utiliser des chatbots pour inviter les visiteurs perdus.

2. ton

Comme nous l'avons mentionné ci-dessus, une page d'erreur 404 doit également refléter la personnalité de votre marque. Vous ne voulez pas que les utilisateurs qui ont atterri sur vos pages 404 aient le sentiment d'avoir atterri sur un site Web complètement différent. Le thème et le style doivent être cohérents.

3. Référencement

Nous savons tous que les pages d'erreur 404 sont inévitables. Les liens brisés mènent à 404 pages, et ils sont inévitables. Mais une page 404, si elle est correctement personnalisée, peut réduire les dommages et même transformer l'expérience négative en une expérience positive.

4. Créativité

La page 404 vous offre la meilleure opportunité de mettre en valeur vos compétences créatives. Vous pouvez faire une blague, proposer de l'interactivité et afficher des éléments interactifs, détendus ou amusants.

1. Amazone

Vous seriez surpris de savoir que plus de 7 000 chiens se sont enregistrés légalement pour travailler au siège d'Amazon. La nature d'Amazon favorable aux animaux de compagnie est virale et l'entreprise partage même fièrement sa culture favorable aux chiens. Il est également présenté à partir de sa page d'erreur 404.

Bien que tout le monde admire les chiens et les trouve adorables, Amazon passe au niveau supérieur en montrant l'image d'un chien amazonien qu'ils ont amené au travail. De plus, sur les pages 404, il y a un lien vers la maison et un article sur les autres chiens qu'ils ont. Les utilisateurs arrivant sur la page d'erreur 404 d'Amazon peuvent également utiliser la barre de recherche pour explorer les produits souhaités.

2. Mouvement de personnage eBay

eBayeBaysignificanthighly est très populaire et compte parmi les plus anciens magasins de commerce électronique au monde. La société a adopté une conception simple et subtile pour la page d'erreur 404, mais elle reste néanmoins conviviale. Les utilisateurs peuvent découvrir les offres tendances sur la page, ce qui les incitera à continuer sur le site et à acheter des produits. En dehors de cela, il y a une barre de recherche et un lien vers la page d'accueil.
Vous pouvez vous référer à la page eBay 404 car elle est hautement convertie et constitue un excellent exemple.

3. IKEA

Marque de meubles à la mode avec de grands magasins de meubles dans le monde, IKEA propose une gamme de produits de meubles de masse. L'entreprise est très innovante en offrant une meilleure expérience d'achat sur une application mobile, un site Web ou même à travers les pages 404.
Ils ont fait preuve d'un niveau de créativité exceptionnel sur la page d'erreur 404. Les éléments déployés mettent en valeur le travail et la marque de l'entreprise. Il a été associé à un message direct et à un lien vers la page d'accueil. Il n'y a pas d'autres éléments sur la page pour éviter toute distraction, et l'objectif est clair : rediriger les clients perdus vers la page d'accueil du site Web.

4. Myntra

Myntra est un nom répandu dans l'industrie indienne du commerce électronique de la mode. Sur ce site de commerce électronique de mode, on peut trouver une vaste gamme de vêtements à enfiler pour tous les groupes d'âge et tous les sexes. La page 404 du magasin est également magnifique. Ils indiquent à l'utilisateur une idée de navigation perdue, et en même temps, il existe une barre de recherche sur laquelle l'utilisateur peut rechercher des produits, des catégories et bien plus encore.
La page 404 de Myntra contient tout ce dont un client peut avoir besoin, comme la liste de souhaits, le lien de la page du panier, le lien du profil et le champ de recherche.

5. Github

Github a utilisé à la fois des références à l'humour et à la culture pop sur sa page d'erreur 404 et délivre un message amusant qui désamorce toute gêne lors de l'atterrissage sur la page d'erreur. Il existe des options de navigation simples pour ne pas créer de confusion. Il y a une barre de recherche et des liens vers l'assistance, ainsi qu'une page d'état.

Cependant, le coup de grâce est le subtil effet de parallaxe qui fait réagir l'image de manière ludique avec le curseur de l'utilisateur. Cette animation montre que les concepteurs de GitHub sont très à l'écoute du public.

6. Gros commerce

BigCommerce est une plate-forme de développement de commerce électronique de premier ordre. Des milliers de magasins de commerce électronique ont été construits sur cette plate-forme. Sur ses 404 pages, les utilisateurs peuvent facilement comprendre qu'ils se sont perdus dans le cyberespace. Outre la page d'accueil, ils ont répertorié certaines sur lesquelles ils souhaitent faire atterrir les utilisateurs.

Il existe également la possibilité de réserver une démo ou de les contacter à partir de la page d'erreur 404.

7. Espace libre

Dans les services de méditation en ligne, Headspace a acquis une réputation considérable. Leur équipe comprend le fonctionnement du cerveau humain et, par conséquent, sa page d'erreur 404 ne montre que son objectif. Il se concentre sur le produit et démontre ce qu'il peut faire, c'est-à-dire calmer les utilisateurs du stress. Un mouvement lent et rythmé du personnage qu'un visiteur perdu peut apercevoir pendant un certain temps et prendre un peu de recul. Il dit à l'utilisateur d'être sans stress et d'inspirer et d'expirer.

8. Volusion

Volusion est un logiciel de commerce électronique basé sur le cloud sur lequel les magasins de commerce électronique peuvent être développés. Les commerçants peuvent ajouter des produits, créer des catégories, ajouter des détails de paiement et commencer à vendre. Il y a des boules colorées sur la page d'erreur 404 qui sont très attrayantes pour les utilisateurs.
Pour démontrer sa marque, les concepteurs ont utilisé une combinaison de couleurs dans les boules du logo Volusion, et la page soignée après la chute des boules montre le lien de la page d'accueil.

9. Espace carré

Célèbre constructeur de sites Web, Squarespace permet aux commerçants de créer et d'héberger un site Web. Les utilisateurs peuvent utiliser des modèles de pré-construction avec une fonctionnalité de glisser-déposer pour créer des CMS et des pages Web. Sur la page d'erreur 404, il y a un jeu d'alphabet que les utilisateurs peuvent apprécier. Les utilisateurs peuvent déplacer des alphabets à l'aide du curseur. Si l'utilisateur ne veut pas jouer au jeu, il peut simplement rediriger vers les liens fournis.

10. Le SINGE

Last but not least, Le SINGE est livré avec un concept fantastique des 404 pages. Il les vend immédiatement pour ce qu'ils font. 404 est représenté dans l'obscurité, et lorsque le curseur de l'utilisateur se déplace, le projecteur est projeté dans cette partie de l'écran.
L'utilisateur peut utiliser les liens directs ou initier le chat avec l'équipe d'assistance.