Fermer

novembre 1, 2018

Le cours 101 sur l'artisanat 404 pages


À propos de l'auteur

Shelby Rogers est responsable du marketing de contenu chez Solodev, une entreprise Web Experience et le premier système de gestion de contenu entièrement conçu pour AWS Cloud. Sa …
Pour en savoir plus sur Shelby

Une page de 404 pages devrait faire plus que présenter des excuses pour la mauvaise navigation de votre site Web. C’est pourquoi faire un effort avec une page 404 pourrait augmenter les chances de votre site que des personnes reviennent malgré les inconvénients, et comment suivre ces erreurs afin de réduire le nombre de visiteurs.

Pourquoi vos 404 pages pourraient-elles être le héros inattendu de votre stratégie de marketing de contenu

Beaucoup de gens jettent autour de la phrase, "Ce n’est pas à propos de la destination. C’est le voyage. »Et ces gens disent la vérité, jusqu’à ce qu’ils atteignent un barrage routier.

Les virages manqués ou les indications mal données peuvent coûter des heures et des heures à quelqu'un. Lorsque vous êtes en mission, ces heures passées à essayer de trouver ce dont vous avez besoin risquent de ruiner toute l'expérience.

Cela ne doit pas toujours se terminer par un désastre. Ce scénario plus optimal pourrait se produire: vous prenez un mauvais tournant, mais après vous être arrêté à une station-service à proximité, vous partez avec des indications plus que précises pour votre destination finale. Vous avez également réussi à obtenir un cornet de crème glacée gratuit de la part de la douce vieille dame qui travaillait derrière le registre de la station-service, car elle vous avait vue perdue… et voulait vous remonter le moral.

Souvent, les visiteurs de sites Web peuvent être renversés. . Ce n’est pas toujours leur faute. Ils auraient pu taper la mauvaise URL (commune) ou cliquer sur un lien rompu (notre erreur). Quel que soit le raisonnement, vous avez maintenant dérouté des personnes qui ne voulaient s’engager avec votre site Web que d’une manière ou d’une autre et ne le peuvent plus. Vous tenez les rênes de leur navigation. Vous pouvez les guider vers l'endroit où vous voulez qu'ils aillent tout le temps ou vous pouvez les laisser frustrés et dans le noir. Ont-ils besoin de faire demi-tour? Sont-ils descendus à la mauvaise sortie? Vous êtes le seul à pouvoir leur dire, et le meilleur moyen de le faire consiste à utiliser une page d'erreur 404.

La page d'erreur 404 de votre site Web peut fournir l'un ou l'autre de ces scénarios en ce qui concerne le retour de vos visiteurs dans le parcours de leurs acheteurs. Une page 404 terne irrite vos visiteurs et les chasse au profit d’un site Web concurrent qui les guide mieux vers ce qu’ils recherchent. Cette page terne 404 contient une messagerie fade avec un minimum d'éléments visuels. Cela pourrait inclure une variante du même texte serif: «Cette page n’existe pas». C’est comme si vos utilisateurs Web vous demandaient votre chemin et ne leur disaient rien de plus que «bon, ce que vous recherchez n’est pas ici. Bonne chance. ”Rien de plus.


 Noir, texte ennuyeux sur une page 404 sur fond blanc
Même les marques aux marques apparemment intelligentes peuvent négliger une page 404! Le propriétaire de cette triste excuse pour une page d'erreur restera anonyme (mais cela rime avec Bards Tragainst Bubanity). ( Grand aperçu )

Malheureusement, certaines des meilleures marques au monde utilisent ces 404 pages. Pas de navigation. Pas de texte intéressant. Rien qui reflète la messagerie de leur marque. Les visiteurs sont encore plus déçus qu’auparavant dans leur rencontre.

Cependant, quelque 404 pages vont au-delà des attentes. Plutôt que le blanc éclatant d'une page d'erreur 404 standard, ces pages sont l'occasion de parler aux utilisateurs sur un ton plus personnel. Un excellent 404 pages équivaut exactement à recevoir un traitement inattendu d’un visage sympathique. Des pages 404 bien conçues peuvent rediriger les visiteurs de vos pages vers des pages plus utiles sur votre site Web, pour les rendre plus confiants et désorientés.

Prenez Amazon, par exemple. Le jour de la fête de l'Amazone 2018, Amazon a appris de première main l'importance d'une page 404 décente. Bien sûr, les acheteurs étaient toujours frustrés lorsqu'ils atteignaient une page de 404 pages, même si elle incluait un chiot. Cependant, pouvez-vous imaginer à quel point les acheteurs auraient été plus irrités si la page 404 avait semblé clinique, froide et inutile.

Indépendamment du ton que vous voulez prendre, des visuels que vous voulez utiliser ou de la copie qui intéressera le plus vos lecteurs, une page 404 géniale fait une chose par-dessus tout: donne le plaisir aux visiteurs de sites Web de ne pas trouver ce dont ils ont besoin – si Un instant seulement – et les dirige vers l'endroit où ils doivent aller.

Bien que les 404 pages varient énormément, les meilleures semblent toutes faire deux choses:

  1. soutient la marque globale et les messages de la société;
  2. redirige avec succès les visiteurs du site Web vers le reste de la page, grâce à une navigation et un support clairs.

Thématiquement, il existe plusieurs façons d'accomplir la "parfaite" page 404:

1. Nail Down The Tone Overall

Si le contenu n’est pas le fort de votre marque, cela pourrait être difficile. Toutefois, si vous avez une idée de la voix et des messages de votre marque, vous pouvez rapidement identifier les domaines dans lesquels vous pouvez proposer quelque chose d'inattendu. Les visiteurs vont déjà être déçus quand ils ont frappé votre page 404; ils n'obtiennent pas ce qu'ils voulaient. Votre page 404 est l’occasion de montrer que votre marque a des hommes derrière son marketing plutôt que des messages robotiques, froids et automatisés, vus ailleurs. En bref, allez au-delà de «Cette page est indisponible» et de ses variantes.

Quel que soit le ton choisi, une bonne 404 pages fonctionne comme un magicien. Les meilleurs illusionnistes reconnaissent souvent qu’ils sont des magiciens; ils ne prétendent pas être quelque chose qu'ils ne sont pas. 404 pages possèdent jusqu'à être une page d'erreur; la copie et les visuels reflètent souvent cela. Et puis, comme tout bon magicien, 404 pages détournent l’attention du problème et la placent ailleurs. Généralement, cela se fait avec une copie qui correspond aux éléments visuels.

Voici quelques thèmes / ambiances que le succès de 404 pages avait déjà exploités avec succès dans le passé.

Crack A Joke

Une blague (même ringarde) ) peut faire des merveilles pour soulager la gêne ou les inconvénients. Cependant, à moins que votre marque ne soit construite sur un humour brut (cartes contre l’humanité qui, ironiquement, n’a pas une bonne page 404), il est préférable de faire des blagues soit la langue dans les joues ou la foutaise plutôt que trop grossière. Cet exemple de Modcloth constitue un jeu de mots rapide, mais garde l’ambiance claire.


 Fond rose pâle avec texte rose foncé disant «Oups! Vous recherchiez de l’amour sur les mauvaises pages
Heureuse et accrocheuse, cette page de 404 pages s’aligne sur le reste de la copie amusante de la marque. ( Grand aperçu )

Get Clever

Cela n’est peut-être pas drôle, mais c’est quelque chose qui retient l’attention des visiteurs peu de temps après leur arrivée sur votre page. Ce peut être un peu impertinent, sournois, même inattendu. Cette page 404 de Blizzard Entertainment fait un excellent travail en retournant le script avec son ton visuel et sa copie.


 Écran cassé et fissuré avec une copie qui dit Grats.
Le sarcasme rapporte bien pour la page 404 du géant des jeux. ( Grand aperçu )

Be Friendly

Le meilleur exemple est la page 404 de LEGO Shop avec un représentant du service clientèle amical (bien qu’un représentant LEGO). La convivialité peut provenir d’une conception attrayante ou d’une copie chaleureuse. En fin de compte, tout ce qui aboutit à une impression de «oh, hé, nous en sommes vraiment désolés. Essayons de résoudre ce problème. ”

“ Si la marque de votre entreprise excelle dans le service à la clientèle, il est peut-être plus judicieux de prendre un ton de véritable amitié pour transmettre le message de la marque. Si tel est le cas, traitez votre page 404 comme une extension de la fenêtre de vos services clients. ”


 Une silhouette LEGO souriante derrière un bloc LEGO avec un ordinateur
( Grand aperçu )

Intégrez l’interactivité

Les gens adorent cliquer sur des choses, surtout si elles s’engagent avec la page 404 affichée sur le bureau. Et s’ils s’engagent avec votre site Web, tant mieux! L'un des meilleurs exemples d'interactivité en ligne sur une page 404 provient de Kualo. Le fournisseur d’hébergement du site a transformé sa page 404 en une réplique de Space Invaders, offrant la possibilité de gagner des vies supplémentaires au fur et à mesure que vous progressiez. Ce qui est encore plus impressionnant, c’est que Kualo offre effectivement des réductions sur son hébergement pour certains seuils de points atteints par les utilisateurs.


 fond sombre avec de petits navires alignés pour épeler le mot KUALO
La gamification du Kualo 404 permet aux utilisateurs de revenir pour plus de chances gagner. ( Grand aperçu )

Soyez stimulant

Oui, vos 404 pages peuvent même être instructives! 404 pages peuvent offrir des ressources et des liens vers d’autres sites utiles de votre site Web. C’est une distraction inattendue qui pourrait facilement divertir les invités avec plus d’informations. La radio publique nationale (NPR) le fait exceptionnellement bien. Le média propose une collection de fonctionnalités qui présentent une similitude majeure: les histoires traitent de choses qui ont également disparu.


 Fond blanc avec des images d’Amelia Earhart, de l’hôtel Watergate et de Jimmy Hoffa faisant référence à des articles sur des objets perdus
. Grand aperçu )

Sur la base d’une culture de la culture populaire

Utilisez-la avec prudence, car il est fort probable que vous deviez modifier votre message 404 si vous voulez être d'actualité. Les références à la culture pop vont vite; si vous ne faites pas attention, vous avez passé trop de temps à développer une page 404 qui ne sera plus pertinente dans deux semaines. (Et ceci est un péché capital pour toute organisation dont le marché cible est le Millénaire ou moins.) La page Spotify 404 ci-dessus a récemment subi un changement pour suivre les tendances. Avant de jouer rapidement sur «808 et le chagrin» de Kanye West, la page 404 présentait les paroles de «Désolé» de Justin Bieber


 avec un tourne-disque en rotation
(grand aperçu ).

2. Créez des éléments visuels pour faire correspondre ce ton

Une fois que vous avez une idée du ton approprié pour votre page 404, les éléments visuels constituent une étape importante de la procédure. Les éléments visuels sont souvent le premier élément d’une page de 404 que les gens noteront en premier – c’est donc la première représentation du ton souhaité sur cette page.

Les éléments visuels statiques aident à mettre l’accent sur la copie de page. Ajouter une animation légère peut souvent collaborer avec le texte pour approfondir un message ou une tonalité. Par exemple, la page 404 d’Imgur donne vie à ses illustrations en faisant suivre le curseur du visiteur aux yeux de ses personnages.


 Portraits d’animaux aux yeux écarquillés sur un mur rouge
( Grand aperçu )

L'interactivité entre les éléments visuels donne aux gens la possibilité de faire ce que les utilisateurs d'Internet frustrés aiment faire – cliquer sur tout pour tenter de réaliser quelque chose d'utile.

3. Clouez les options de navigation

Vous savez quelle tonalité vous voulez que votre entreprise sonne. Vous avez une idée des éléments visuels que vous utiliserez pour présenter ce ton. Les visiteurs de votre site Web penseront qu’il est génial et amusant, mais seulement pour un moment. Votre site Web doit encore les amener à ce qu’ils recherchent. Une navigation claire est la prochaine étape importante pour diriger les visiteurs de votre site Web perdus vers leurs objectifs. Une page 404 aussi jolie que bonne, mais qui manque de bonne navigation, ressemble à ce gentil vieillard gentil mais qui vous donne les pires directions du monde.

«Après une bonne première impression avec votre page 404, vous devez immédiatement passer à l'étape suivante. les visiteurs du site Web et de là où ils veulent être. Il devrait toujours y avoir des indications claires sur la prochaine étape. »

Par exemple, la page 404 de Shutterstock propose trois options distinctes. Les visiteurs peuvent soit revenir à la page précédente, ce qui est utile s'ils cliquent sur le mauvais lien. Ils peuvent revenir à la page d’accueil pour un redémarrage plus difficile dans leur navigation, ou peut-être sont-ils revenus d’un moteur de recherche et ont-ils trouvé un lien brisé, mais ils ne sont pas tout à fait prêts à abandonner le site Web et veulent regarder. La dernière option est de signaler un problème. Si quelqu'un parcourt votre site Web pendant plusieurs minutes et qu'il a une idée de ce qu'il recherche, il peut signaler qu'il a détecté un problème. Au minimum, vos visiteurs Web sont impliqués dans votre société et votre équipe de développement reçoit des informations sur l'accessibilité de votre site Web.


 Petite fille avec la bouche ouverte portant des lunettes
( Grand aperçu )

En plus d'une navigation claire, ces autres éléments basés sur la navigation pourraient aider encore plus vos visiteurs:

  • Chatbots / chat en direct: les bots sont souvent reçus de deux manières. Les utilisateurs les trouvent soit extrêmement ennuyeux, soit relativement utiles. Les robots qui apparaissent dans la seconde qui suit l'atterrissage sur une page amènent souvent les visiteurs à cliquer sur un site entièrement, car le bot semble intrusif. Cependant, votre site Web peut utiliser des robots en ajoutant simplement une option «Cliquez pour discuter». Cela invite les visiteurs perdus qui souhaitent votre aide à dialoguer avec le bot plutôt que de le faire par un premier geste potentiellement ennuyeux.
  • Barres de recherche: cet élément peut faire des merveilles pour les sites Web contenant un grand volume de pages et d'informations. Une barre de recherche pourrait également proposer des réponses aux questions courantes ou une redirection vers une FAQ.

Et une dernière note de navigation: assurez-vous que ces tactiques de navigation sont aussi efficaces sur les mobiles que sur les ordinateurs de bureau. Traitez votre page 404 comme vous le feriez avec une autre. Pour réussir, elle doit être facilement navigable pour différents utilisateurs, notamment dans un monde où les mobiles sont toujours présents.

Bien que l'apparence de votre page 404 soit essentielle, vous ne voudrez idéalement jamais que quelqu'un la trouve sur votre site Web. . Connaître les erreurs 404 les plus courantes sur votre site Web peut vous aider à réduire ces problèmes.

Comment suivre 404 événements à l'aide de Google Analytics

Ce que vous devez faire pour suivre le suivi

Le code fourni répertorie 404 événements. dans Google Analytics, vous devez donc disposer d’un compte opérationnel pour pouvoir utiliser ce didacticiel. Vous devez également avoir accès au modèle 404 de votre site et (ceci est important), la page 404 doit conserver la structure d'URL de la page saisie / sur laquelle vous avez cliqué. Cela signifie que vos événements 404 ne peuvent pas simplement être redirigés vers votre page 404. Vous devez servir le modèle 404 de manière dynamique avec l'URL exacte générant l'erreur. La plupart des services de serveur Web (tels qu'Apache) vous permettent de le faire avec diverses règles de réécriture.


 Captures d'écran du suivi d'une erreur 404
( Grand aperçu )

Suivi des erreurs 404 avec Google Analytics

Avec Google Analytics, le suivi des erreurs 404 explicites est simple et rapide. Assurez-vous simplement que votre principal script de suivi Google Analytics est en place, puis ajoutez le code suivant à votre page / modèle d'erreur 404:

Vous devrez échanger l'ID de votre compte Google Analytics spécifique. Après cela, le script fonctionne en envoyant un "événement" à Google Analytics. La catégorie est "404 Response", l'action utilise JavaScript pour transmettre l'URL générant l'erreur, et le libellé utilise JavaScript pour transmettre l'URL précédente de l'utilisateur. Grâce à toutes ces données, vous pouvez voir les causes des URL. 404 événements et accès des internautes à ces URL.

Suivi des erreurs 404 avec Google Tag Manager

De plus en plus de gestionnaires Web ont décidé de passer à Google Tag Manager, ce qui leur permet d'intégrer de nombreux scripts. Ceci est particulièrement utile si vous avez beaucoup de scripts de suivi de plusieurs fournisseurs. Pour commencer le suivi des 404 via Tag Manager, commencez par créer une «variable» appelée «variable de titre de page». Ce type de variable est un «JavaScript». ”Variable et le nom de la variable est“ document.title ”:


 Variable de titre de page, captures d'écran du suivi d'une erreur 404
( Grand aperçu )

Nous créons essentiellement une variable qui vérifie le titre d’une page. Voici comment nous allons vérifier si nous sommes sur une page 404.

Créez ensuite un «déclencheur» appelé «Déclencheur de titre de page 404». Le type est «Vue de page» et le déclencheur se déclenche lorsque la «Variable de titre de page» contient «404 – Page introuvable» ou le titre de votre page 404 s'affiche comme dans le navigateur.


 Déclencheur du titre de la page, captures d'écran du suivi d'une erreur 404
( Grand aperçu )

Enfin, vous devrez créer une “balise” appelée “balise d'événement 404”. Le type de balise est “Universal Analytics” et contient les composants suivants:


 marquage d'événement 404, captures d'écran du suivi d'une erreur 404 [19659011] (<a href= Grand aperçu
)

Les variables, déclencheurs et balises permettent de transmettre les données pertinentes directement à Google Analytics.

404 Rapports d'événements

Quelle que soit votre méthode de suivi (qu'elle soit via Tag Manager ou des balises d'événement directes), votre les rapports doivent être identiques dans Google Analytics. Sous «Comportement», vous verrez un élément appelé «Événements». Ici, vous verrez tous les 404 événements rapportés. Les dimensions "Action d'événement" et "Etiquette d'événement" vous donneront les données pertinentes sur les URL générant des erreurs 404 et leur source de renvoi.


 Captures d'écran du suivi d'une erreur 404
( Grand aperçu )

Ceci mis en place, vous pouvez désormais contrôler régulièrement vos erreurs 404 et prendre les mesures nécessaires pour en minimiser l'occurrence. Ce faisant, vous optimisez vos sources de renvoi et fournissez la meilleure expérience utilisateur tout en maintenant les conversions et l'engagement sur le bon chemin.

Que faire avec vos résultats Google Analytics

Maintenant que vous savez comment contrôler ces 404 erreurs, Qu'est-ce qu'un développeur à faire? Le suivi des occurrences 404 consiste essentiellement à rechercher des modèles qui génèrent ces erreurs. Les données devraient vous aider à déterminer l'intention de l'utilisateur et vous aider à comprendre ce que vos utilisateurs veulent. Dans l’idéal, vous constaterez les tendances en ce qui concerne l’attrait des internautes sur votre page 404 et vous pourrez appliquer ces connaissances à l’adaptation de votre site Web en conséquence.

Si les visiteurs de votre site Web butent contre des difficultés en cherchant une page, créez un contenu qui remplit dans ce trou. Ainsi, les internautes obtiennent des résultats qu’ils n’avaient pas vus auparavant sur votre site.

Les 404 événements pourraient être évités en modifiant légèrement la conception de votre site Web. Assurez-vous que la navigation sur vos pages est claire et dirigez les utilisateurs vers des points finaux logiques. La solution pourrait même être aussi simple que de changer les descriptions sur une page pour brosser un tableau plus clair pour les utilisateurs.

Tout mettre en oeuvre

Ton, images et navigation – ces trois éléments peuvent transformer n'importe quelle page 404 d'une ville fantôme. dans une agréable halte fortuite pour les visiteurs de votre site Web. Et même si vous ne voulez pas qu’ils restent là pour toujours, vous pouvez certainement vous assurer qu’ils restent avec vous avant de les envoyer. En surveillant régulièrement vos erreurs 404, vous pouvez également atténuer certains des fossés, des panneaux de signalisation mal marqués et des nids de poule qui font souvent dérailler les utilisateurs. Etre proactif et réactif avec 404 erreurs améliore en fin de compte le voyage et la destination des visiteurs de votre site Web.

 Smashing Editorial (yk, ra)




Source link