👉 11 meilleures pages 404 pour transformer des visiteurs perdus en clients fidèles

Quoi de neuf dans WordPress 3.6

Et si nous vous disions que votre page d'erreur 404 pourrait réellement augmenter vos conversions et augmenter vos revenus?

Soufflé, non? Nous savons que cela semble trop beau pour être vrai, mais avec un certain effort pour concevoir la bonne conception de page 404 et une optimisation appropriée, vous pouvez transformer les visiteurs perdus en clients fidèles.

Dans cet article, nous allons couvrir 11 des 404 meilleures pages que nous avons vues et pourquoi ils travaillent.

Premièrement, parlons brièvement de 404 pages et de leur importance.

Qu'est-ce qu'une page d'erreur 404 et pourquoi vous devriez vous en soucier

Les liens vont mal au fil du temps. Cela arrive sur tous les sites. Les produits sont supprimés, le contenu est supprimé ou des modifications sont apportées à la structure du lien permanent.

Lorsqu'un visiteur clique sur un lien vers une page supprimée ou déplacée, il voit votre page d'erreur 404. Ils le verront également s'ils ont mal saisi une URL ou cliqué sur un lien cassé ou tronqué.

Votre page 404 reflète-t-elle votre marque?

Sinon, vous êtes absolument perdre des visiteurs qui peuvent vous écraser et ne jamais revenir.

Ce…

N'est-ce pas un bon regard pour personne?

Prendre le temps d'optimiser votre texte de 404 pages et créer un design sur marque peut vraiment réduire votre taux de rebond et augmenter vos conversions.

Comme promis, voici 11 exemples de pages d'erreur 404 pour vous inspirer et vous aider à créer votre propre page 404 personnalisée.

1. Erreur «Page introuvable» du Lego

Pourquoi ça marche:

Non seulement la page 404 de Lego est 100% sur la marque, mais elle est aussi amusante et facile à comprendre. Il n'y a aucune formulation technique et aucune référence à une «erreur 404» que certaines personnes pourraient ne pas comprendre.

Tout ce que votre visiteur a besoin de savoir, c'est qu'il n'a pas obtenu la page qu'il souhaitait. Ils ne se soucient pas vraiment du pourquoi; ils veulent juste une solution.

Comment faire:

Pour commencer, remplacez les trucs techniques par langage humain normal. Au lieu du message 404 par défaut, utilisez des phrases que les gens comprendront:

  • "Page non trouvée."
  • "Désolé, nous ne pouvons pas trouver la page que vous cherchiez."
  • "Oops! Quelque chose est cassé."
  • "Oh mon cher, ce lien ne fonctionne pas."

2. Email Center UK – Exemple de page interactive 404

Pourquoi ça marche:

Email Center UK utilise une page 404 en deux parties qui blâme le visiteur, offrant au visiteur une façon amusante de résoudre ses 404 frustrations.

Comment faire:

Ne blâmez pas le visiteur pour l'erreur. Au lieu, être désolé.

Si vous expliquez ce qui a mal tourné, n'utilisez pas d'absolu. Au lieu de cela, utilisez des mots et des expressions comme «pourrait avoir» ou «éventuellement». Cette formulation est moins susceptible de donner l'impression au visiteur que l'erreur est de sa faute.

Vous pouvez également faire ce que Email Center UK a fait et laisser l’utilisateur «renvoyer» l’un des développeurs.

Pauvre Luke, en effet.

3. List25 – Best 404 Page

Pourquoi ça marche:

Cette page d'erreur 404 de List25 est brillante et donc on-brand elle fait mal.

La meilleure pratique de la conception de l'expérience utilisateur consiste à expliquer ce qui n'a pas fonctionné lors de l'envoi d'un message d'erreur. List25 offre 25 explications. Naturellement.

Ils ont une barre de recherche en haut pour que les visiteurs n'aient pas à parcourir toute la liste, mais nous sommes presque sûrs que la plupart des visiteurs de List25 y vont.

Comment faire:

La plupart des sites ne vont pas avoir une liste d’explications comme List25, mais il faut certainement une minute pour expliquer ce qui a mal tourné.

Voici une liste des raisons possibles de l'erreur 404:

  • URL mal typée
  • Erreur de copier-coller
  • Lien cassé
  • Lien tronqué
  • Contenu déplacé
  • Contenu supprimé

Si vous voulez vous amuser avec votre marque, faites-le!

4. Brett Terpstra – Simple 404 Design de page

Pourquoi ça marche:

Une des choses les plus ennuyeuses à propos des pages d’erreur 404 est qu’elles peuvent signaler une impasse. Si la page n'est pas bien conçue, vous risquez de vous retrouver sans suite.

La page 404 de Brett Terpstra fournit une liste de publications contenant des mots-clés liés au lien auquel vous tentiez d'accéder. Les messages sont liés, ce qui facilite et accélère leur navigation.

La page n'est pas voyante, mais elle est extrêmement utile.

Comment faire:

Vous pouvez utiliser l'API de recherche personnalisée de Google pour obtenir les meilleurs résultats sur votre site Web afin de les afficher sur votre page 404. Ce donne aux visiteurs une solution immédiate à leur problème de page perdue.

Cela nécessite d'accéder à la console de développement de Google et n'est pas destiné aux faibles. Il existe un excellent tutoriel sur le site de Smashing Magazine qui peut vous aider à démarrer.

5. Steve Madden – 404 Page With Products

Pourquoi ça marche:

La page 404 de Steve Madden offre des options aux visiteurs perdus. Le champ de recherche est un excellent ajout à toute erreur 404 et offre aux visiteurs différentes méthodes d’aide pour leur faire savoir qu’ils les écoutent.

Ils incluent également des liens vers d'autres produits populaires pour distraire les visiteurs de ce qui pourrait être une expérience très frustrante. Sournois et efficace.

Comment faire:

Aidez vos visiteurs perdus avec votre texte et votre conception de message d'erreur 404. Y compris certaines des idées ci-dessous peuvent encourager les visiteurs à continuer à naviguer et à chercher, prolongeant leur temps sur votre site.

Quelques éléments à inclure dans la conception de votre page 404:

  • Navigation dans le menu
  • Un lien vers la page d'accueil
  • Un lien vers votre sitemap
  • Une barre de recherche
  • Liens vers les messages populaires
  • Liens vers des produits populaires

6. 9gag – 404 Page Texte avec appel à l'action

Pourquoi ça marche:

La page 404 de 9gag a un objectif: vous amener à télécharger leur application. Ils ne font même pas semblant de vouloir autre chose.

L'ajout d'une page complète du populaire gif Pulp Fiction Travolta est une touche amusante!

Comment faire:

La simplicité est la clé. Oui, nous avons juste parlé de proposer des moyens de garder la navigation de vos visiteurs, mais ne les submerge pas avec trop d'options.

Idéalement, vous devriez vous en tenir à un seul appel à l'action, peut-être deux.Vous ne voulez pas que les visiteurs subissent une vague de paralysie indécise et fuient votre site avec terreur.

L'herbe est toujours plus verte, non? Si vous donnez trop d'options à vos visiteurs, ils risquent de regretter leur choix et de vous en vouloir.

7. Chemin – Super-Simple 404 Design de page

Pourquoi ça marche:

La page 404 de Path est simple et directe. Ils ne veulent pas avoir de liens brisés et de pages manquantes, ce qui leur permet de contacter le support Path pour le signaler.

Notez que Path inclut également un pied de page de navigation au cas où le visiteur ne souhaite pas signaler le problème et préfère naviguer. Cela redonne le pouvoir au visiteur et aide à atténuer leur frustration.

Comment faire:

Le but ici est de donner aux visiteurs une chance de signaler le problème.

Vous pouvez le faire de plusieurs manières. Vous pouvez rester simple comme Path et inclure la possibilité de contacter le support. Une autre option consiste à utiliser un formulaire de commentaires.

8. IMDB – Funny and On-Brand Page 404

Pourquoi ça marche:

Rappelez-vous cette page d'erreur par défaut 404 terrible depuis le début de cet article? Il n'y a aucune familiarité avec votre visiteur à se sentir à l'aise. IMDB élimine cela en montrant aux visiteurs une citation de film sur leur page 404.

La marque est subtile ici. Il n'y a pas d'affiches de films, pas de bandes-annonces en compétition pour attirer l'attention du visiteur. IMDB propose simplement une citation de film, un lien vers la page d'accueil du site et un lien vers le film cité.

Comment faire:

Lors de la conception de votre page d'erreur 404, assurez-vous de maintenir la notoriété de la marque.

Plutôt que de désorienter vos utilisateurs, il sera rassurant pour eux de faire l'expérience de la même marque qu'ils ont appris à connaître.

9. Everipedia – 404 Exemple de message texte d'erreur

Pourquoi ça marche:

La page 404 d'Everipedia est tout ce que ses visiteurs attendent d'une encyclopédie en ligne. Cela rappelle aux visiteurs pourquoi ils aiment le site et continuent à revenir.

Comment faire:

Renny Gleeson, conférencier et responsable marketing de TED, a déclaré à propos de la page d’erreur 404:

Une simple erreur peut me dire ce que vous n'êtes pas. Ou rappelle-moi pourquoi je t'aime.

Utilisez votre page 404 pour rappeler aux visiteurs pourquoi ils vous aiment. Quelle est votre proposition de valeur unique? Qu'est-ce qui vous distingue de vos concurrents?

10. Heyzap – Meilleure page interactive 404

Pourquoi ça marche:

Qui n'aime pas jouer à des jeux?

La page 404 de Heyzap ajoute un élément interactif qui divertira les visiteurs et restera sur le site pendant un certain temps. Peut-être même assez longtemps pour surmonter leur frustration de se retrouver sur une page d'erreur en premier lieu!

Comment faire:

Non, vous n'avez pas à développer un jeu, mais considérez ajouter un élément interactif à votre page.

L'ajout d'un élément interactif donne aux visiteurs de votre site quelque chose à faire sur votre page d'erreur 404. Cela augmente le temps passé sur la page et réduit les taux de rebond, tous deux importants pour conserver votre site Web dans les résultats de recherche de Google.

11. OptinMonster – Exemple de page 404 avec aimant en plomb

Pourquoi ça marche:

La page 404 d'OptinMonster inclut un aimant principal super cool. Aussi, offrir un téléchargement sur la façon de convertir les visiteurs abandonnés à partir d'une page d'erreur est un génie.

Nous ne voulons pas que les gens considèrent le temps perdu sur nos sites. Fournir une leçon de marketing à partir de la page 404 permet toujours à nos visiteurs d’obtenir de bonnes informations.

Oui, nous sommes un peu biaisés, mais nous sommes également bons dans ce domaine. Cela convertit comme des gangbusters.

Comment faire:

Offrez votre propre aimant principal en ajouter un MonsterLink à votre page d'erreur 404.

MonsterLinks est l'une des fonctionnalités intéressantes d'OptinMonster qui vous permet de transformer n'importe quel lien, bouton ou image en un processus optin en deux étapes.

L’optinisation en 2 étapes nécessite que l’utilisateur lance le processus en cliquant sur le lien premier avant que le formulaire optin apparaisse.

Voici à quoi ressemble ce processus en deux étapes:

Il a été prouvé que ces types d’optins stimulent les conversions jusqu’à 785%! Cliquez ici pour commencer avec OptinMonster, puis suivez ce tutoriel pour ajouter un MonsterLink à votre page d'erreur 404.

Section bonus: intention de sortie

Une des choses que nous n’avons pas vu beaucoup, c’est l’utilisation de la technologie des intentions de sortie sur 404 pages. L'intention de sortie permet de réduire le taux de rebond, est facile à configurer et augmente les conversions à chaque fois.

L'intention de sortie fonctionne en détectant lorsqu'un utilisateur est sur le point d'abandonner votre page d'erreur 404, puis en présentant une fenêtre contextuelle à cet instant. Cela vous évite de perdre plus de 70% des visiteurs qui quittent votre site pour ne jamais y retourner.

Voici un exemple de popup qui apparaît lorsque l'utilisateur est sur le point de rebondir à partir d'une page d'erreur 404.

(Ceci a été créé en utilisant le thème Canvas d'OptinMonster.)

Ce popup est un site de bienvenue pour l'utilisateur car il les aide à trouver ce dont ils ont besoin. Et cela fonctionne à merveille pour vous en tant que propriétaire du site Web, car cela leur donne une dernière chance de continuer à naviguer sur votre site.

Vous pouvez également utiliser l'intention de sortie pour fournir un coupon ou un code de réduction aux visiteurs lorsqu'ils quittent votre page 404.

Voilà! 11 des 404 meilleures pages que nous avons trouvées et des tonnes de conseils que vous pouvez utiliser pour augmenter les conversions et augmenter vos revenus.

Vous cherchez plus de conseils pour augmenter vos revenus? Découvrez le guide d'optimisation du commerce électronique ultime: 13 étapes pour augmenter instantanément vos revenus!

Suivez-nous sur Facebook et Twitter pour obtenir d’excellents conseils et guides d’OptinMonster.

Voir la vidéo: WordPress Beta 1

Like this post? Please share to your friends:
Laisser un commentaire

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: