\n Si vous savez bien que le Web fonctionne sur le protocole HTTP. Le serveur Web renverra un code d’\u00e9tat HTTP appropri\u00e9 pour chacune de vos demandes de ressources.\n<\/p>\n
\n Il existe quatre codes d’\u00e9tat HTTP de base que vous devrez peut-\u00eatre conna\u00eetre et ils sont 200 – Trouv\u00e9<\/strong>, 301 – D\u00e9plac\u00e9 de mani\u00e8re permanente<\/strong>, 404 – Non trouv\u00e9<\/strong>, 500 – erreur de serveur interne<\/strong>. Les erreurs 404 – introuvable et 500 – interne du serveur sont deux des codes d’\u00e9tat les plus affich\u00e9s.\n<\/p>\n \n La seule diff\u00e9rence entre 404 et 500 est qu’un serveur Web affiche la page d’erreur attribu\u00e9e en cas d’erreur 404 introuvable alors qu’aucune sortie g\u00e9n\u00e9r\u00e9e par le serveur n’est affich\u00e9e en cas de 500 car le serveur Web rencontre une erreur de configuration.\n<\/p>\n \n Un 404 peut se produire pour diverses raisons, comme le visiteur demande une ressource qui n’a jamais exist\u00e9 sur votre site Web, demande une page\/ressource que vous avez supprim\u00e9e ou demande une ressource avec une erreur ou une faute de frappe dans l’URI.\n<\/p>\n \n Dans certains cas, vous souhaitez supprimer ces pages, publications et ressources multim\u00e9dias obsol\u00e8tes. Et avoir 404 erreurs dans ce cas est un processus naturel. Il n’y a rien de mal \u00e0 cela.\n<\/p>\n \n Si vous faites un peu de recherche, vous constaterez que la majorit\u00e9 des sites Web ont une page 404 statique en place. Dans tous les cas d’erreur introuvable, la m\u00eame page sera affich\u00e9e. Si le concepteur est suffisamment exp\u00e9riment\u00e9, il\/elle a peut-\u00eatre plac\u00e9 un petit lien\/bouton de navigation vers l’accueil.\n<\/p>\n \n Que diriez-vous de courir un peu plus avec vos 404 pages? Et si vous rendiez votre page 404 un peu interactive? Explorons les possibilit\u00e9s.\n<\/p>\n \n Voici les quatre fa\u00e7ons de transformer votre page 404 statique en une page plus interactive :\n<\/p>\n \n Savoir ce que vos visiteurs recherchaient sur votre site Web est la cl\u00e9. Servir l’utilisateur avec les bons liens vers les meilleures ressources correspondantes serait probablement la meilleure exp\u00e9rience utilisateur que vous puissiez offrir \u00e0 votre visiteur.\n<\/p>\n \n La question peut se poser: comment sauriez-vous ce que l’utilisateur recherche et comment sugg\u00e9reriez-vous les liens en fonction de sa recherche ?\n<\/p>\n \n Eh bien, la solution peut sembler complexe au premier abord, mais elle n’est pas si complexe \u00e0 d\u00e9velopper. Si vous \u00eates un d\u00e9veloppeur, vous savez que vous pouvez extraire la cha\u00eene de ressource demand\u00e9e et effectuer une v\u00e9rification regex par rapport aux ressources que vous avez sur votre site Web.\n<\/p>\n \n Par exemple, vous proposez un service de r\u00e9paration de haut-parleurs pour la majorit\u00e9 des marques de fabrication audio. Les haut-parleurs Bose X1, par exemple, sont l\u00e0 dans votre liste. Mais un visiteur vient sur votre site avec Bose X10 comme ressource demand\u00e9e. Il n’y a pas d’enceinte nomm\u00e9e Bose X10, donc naturellement elle ne doit pas figurer dans votre liste.\n<\/p>\n \n La chose possible \u00e0 afficher sur votre page 404 est la liste de tous les haut-parleurs BOSE que vous r\u00e9parez. Et si possible, placez les haut-parleurs de la s\u00e9rie BOSE X dans la liste en premier.\n<\/p>\n \n Cela pourrait \u00eatre le meilleur moyen pour un utilisateur de naviguer vers une page appropri\u00e9e m\u00eame s’il a atterri sur une page 404. Les chances de convertir cette page 404 sont tr\u00e8s \u00e9lev\u00e9es. Vous l’avez aid\u00e9 \u00e0 acc\u00e9der \u00e0 la page actuelle.\n<\/p>\n \n De plus, cela vous aidera \u00e9galement \u00e0 r\u00e9duire le taux de rebond de votre site Web. Si vous n’affichez pas les liens sugg\u00e9r\u00e9s vers la meilleure page correspondante, il y a de fortes chances que le visiteur revienne ou quitte votre site Web.\n<\/p>\n \n Consid\u00e9rons que montrer le lien le plus pertinent n’est pas tout \u00e0 fait possible pour votre site Web. Ou vous ne voulez pas entrer dans beaucoup de trucs de codage. Cela pourrait \u00eatre la meilleure option pour commencer.\n<\/p>\n \n Lorsqu’un visiteur arrive sur la page 404 de votre site Web, montrez-lui un message indiquant que vous \u00eates d\u00e9sol\u00e9 que la ressource qu’il recherche ne soit pas disponible.\n<\/p>\n \n Juste apr\u00e8s le texte d’excuse, montrez-leur la meilleure offre en cours d’ex\u00e9cution sur votre site Web. Cela peut \u00eatre comme offrir 5 % ou 10 % de r\u00e9duction sur votre produit le plus en vogue, ou leur offrir quelque chose de pr\u00e9cieux gratuitement en \u00e9change d’un e-mail.\n<\/p>\n \n Cela pourrait \u00eatre le meilleur moyen de garder tous ces visiteurs engag\u00e9s avec d’autres produits ou offres qui ont atterri sur la page 404 !\n<\/p>\n \n Alors que vous pouvez toujours afficher la navigation sur les 404 pages. Mais il y a de fortes chances qu’un visiteur se rende sur votre panneau de navigation, identifie la page qu’il souhaiterait visiter et atterrisse sur cette page! La majorit\u00e9 d’entre eux partent tout simplement.\n<\/p>\n \n Vous pouvez avoir une conception de page 404 de mani\u00e8re \u00e0 contenir tous les liens importants vers diverses ressources de votre site Web, ainsi qu’un message d’erreur 404 clair.\n<\/p>\n \n Cela peut aider un utilisateur \u00e0 comprendre qu’il a atterri sur la mauvaise page. C’est 404 mais il a une liste de liens affichant toutes les ressources importantes sur le site Web qu’il peut visiter.\n<\/p>\n \n C’est sacr\u00e9ment simple, il suffit d’avoir les liens que vous voulez que vos visiteurs visitent sur 404 pages. Je ne sugg\u00e9rerais pas de suivre cette voie seul. Peut-\u00eatre que le m\u00e9lange des suggestions 03 et 04 peut fonctionner.\n<\/p>\n \n Garder les liens des pages que vous voulez vraiment promouvoir sur la page 404 vous aidera certainement \u00e0 augmenter le nombre de visites sur ces pages. L’inconv\u00e9nient est que vous g\u00e9n\u00e9rez plus de visites insouciantes qui pourraient contribuer \u00e0 un taux de rebond \u00e9lev\u00e9.\n<\/p>\n \n La seule suggestion que je ferais ici est que si vous suivez cette voie, veuillez avoir au moins une offre gratuite ou de nature tr\u00e8s g\u00e9n\u00e9rique. Cela signifie que n’importe qui pourrait se rapporter \u00e0 l’offre que vous faites. C’est soit tr\u00e8s abordable ou gratuit qui vous aidera \u00e0 am\u00e9liorer les engagements.\n<\/p>\n \n Exemples populaires de pages Creative 404\n<\/p>\n \n Si vous cherchez de l’inspiration lors de la cr\u00e9ation d’une page 404 pour votre site Web, voici quelques-uns de mes exemples de page 404 pr\u00e9f\u00e9r\u00e9s.\n<\/p>\n \n Wufoo<\/a> est l’un des services d’int\u00e9gration de formulaires de contact les plus populaires sur Internet. Observez le th\u00e8me g\u00e9n\u00e9ral de la page et le bouton vert se diff\u00e9renciant du reste de la page !\n<\/p>\n \n Le dinosaure repr\u00e9sente le message introuvable et regardez le bouton CR\u00c9ER UN FORMULAIRE GRATUITEMENT Call to Action. Il demande clairement \u00e0 l’utilisateur d’appuyer sur le bouton et d’agir \u00e9galement sur la page introuvable.\n<\/p>\n \n Au lieu de garder la navigation en haut, ils ont utilis\u00e9 les \u00e9l\u00e9ments de navigation s\u00e9lectionn\u00e9s sous le bouton CTA.\n<\/p>\n \n Voyez comment AirBnB<\/a> repr\u00e9sente tout \u00e0 partir d’un message 404 clair, d’une illustration introuvable et du lien de navigation sous la petite zone !\n<\/p>\n \n Un utilisateur qui s’est \u00e9gar\u00e9 sur le site Web d’AirBnB atterrirait sur cette page, cette page contient toutes les instructions n\u00e9cessaires (liens) pour renvoyer l’utilisateur vers des pages importantes et le maintenir engag\u00e9 sur le site Web.\n<\/p>\n \n La plate-forme de marketing par e-mail tr\u00e8s populaire de Mailchimp<\/a> a une belle page 404 en place. Ils ont utilis\u00e9 le singe avec un style hulk comme appliqu\u00e9 \u00e0 ceux qui semblent se perdre dans une for\u00eat.\n<\/p>\n \n Un utilisateur d\u00e9barqu\u00e9 sur ce 404 re\u00e7oit un message clair avec une illustration, un message clair suivi de l’illustration.\n<\/p>\n \n La meilleure partie est qu’ils savent que l’utilisateur s’est \u00e9gar\u00e9, il peut donc trouver une barre de recherche juste apr\u00e8s le message introuvable. L’utilisateur peut \u00eatre en mesure de rechercher n’importe quelle ressource qu’il recherchait pr\u00e9c\u00e9demment \u00e0 l’aide de la recherche.\n<\/p>\n \n Si la recherche n’est pas quelque chose que vous pr\u00e9f\u00e9rez trouver ou localiser une ressource, ils ont inclus une belle navigation juste sous la barre de recherche !\n<\/p>\n \n Bitly<\/a> est l’un des services de raccourcissement d’URL les plus populaires avec des fonctionnalit\u00e9s int\u00e9ressantes telles que la personnalisation de la marque et l’analyse des clics.\n<\/p>\n \n Apparemment, ils ont une belle et significative page 404 en place! Si vous passez quelques secondes, vous remarquerez que le concepteur a gard\u00e9 l’oc\u00e9an vide. Cela signifie qu’il n’y a rien \u00e0 l’int\u00e9rieur de l’eau, ce qui illustre clairement qu’il n’y a rien trouv\u00e9 pour la ressource demand\u00e9e.\n<\/p>\n \n Aucun panneau de navigation conserv\u00e9 sur l’en-t\u00eate. La page affiche le message d’erreur, suivi des trois liens de navigation simples et les plus \u00e9l\u00e9mentaires en bas.\n<\/p>\n \n Pour rendre les choses plus interactives, l’\u00e9quipe de conception a cr\u00e9\u00e9 l’effet de vague lors du d\u00e9placement de la souris. Visitez la page pour en faire l’exp\u00e9rience.\n<\/p>\n\n
\n 01 404 page avec le lien le plus pertinent recherch\u00e9 par l’utilisateur :
\n<\/h5>\n\n 02 404 page avec vos meilleures offres gratuites :
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8bbee1f0.webp\")
<\/a><\/p>\n\n 03 404 page avec lien d’assistance :
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8bd8ee2c.webp\")
<\/a><\/p>\n\n 04 404 page avec les liens que vous souhaitez promouvoir :
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8bfd0498.webp\")
<\/a><\/p>\n\n Wufoo
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8c22dc92.webp\")
<\/a><\/p>\n\n AirBnB
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8c523ace.webp\")
<\/a><\/p>\n\n Chimpanz\u00e9 du courrier
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8c82d7e5.webp\")
<\/a><\/p>\n\n peu
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8ca94cef.webp\")
<\/a><\/p>\n\n Biscuit
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8cd1c78e.webp\")
<\/a><\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281542-6382a8d05c894.webp\")
<\/a><\/p>\n