Principe des portes d’entrée

Durée de la lecture : 11,5 minutes

Sur cette page

• Aperçu
• Exemples
• À retenir

Aperçu

Définition : Supposons qu’au moins la moitié des visiteurs du site Web arrivent à une page par un chemin autre que celui auquel vous vous attendiez.

Dans la pratique : Les utilisateurs peuvent arriver sur une page par le biais de la page mère, un moteur de recherche ou toute autre page qui y est directement liée. Par conséquent, chaque page doit répondre indépendamment aux questions « Où suis-je ? » et « Que puis-je faire ici ? » De plus, chaque titre de page doit être descriptif. Cela est particulièrement important car chaque titre devient souvent le texte du lien utilisé par les autres pages pour amener l’utilisateur sur cette page (incluant le moteur de recherche). Sans titre clair, les utilisateurs ne sauront pas à quoi s’attendre s’ils choisissent ce lien.

Exemples

Exemples de réussite

• Réussite : Puisque les titres sont descriptifs, l’utilisateur saurait à quoi s’attendre s’il voyait ces liens sur une page de résultats de recherche.

  En-tête : Ma demande d’immigration ou de citoyenneté

  

  En-tête : Visiter le Canada

  

  En-tête : Immigrer au Canada

  

  En-tête : Travailler au Canada

  

  Remarque : Les captures d’écran ci-dessus sont toutes des pages secondaires de la page principale « Immigration et citoyenneté ». Cependant, cette page mère a choisi de ne pas correspondre exactement au titre de la page secondaire :

  
  • En-tête : Ma demande d’immigration ou de citoyenneté
    Lien : Ma demande
  • En-tête : Visiter le Canada
    Lien : Visiter
  • En-tête : Immigrer au Canada
    Lien : Immigrer
  • En-tête : Travailler au Canada
    Lien : Travailler

  La page « Immigration et citoyenneté » ne contient que les mots-clés nécessaires dans le texte du lien, car le titre de la page informe déjà les utilisateurs du contexte. Une page principale aux lignes nettes en résulte, ce qui permet aussi un balayage rapide, tout en s’assurant que les titres des pages secondaires respectent le principe des portes d’entrée lorsqu’elles sont liées à des sources externes.

  Il s’agit d’une bonne technique qui permet de préserver l’intégrité des titres des pages, tout en évitant d’avoir à faire correspondre exactement le texte du lien aux pages de référence. Cela dit, veillez à ne pas trop retirer de texte du lien et vérifiez que cette approche fonctionne avec votre contenu et votre public spécifique. Le lien doit encore avoir un sens pour respecter le principe des choix.

  Un autre point mérite d’être souligné en ce qui concerne la page « Immigration et citoyenneté ». Bien que le texte du lien et le caractère unique des catégories en fassent un exemple d’AI efficace, il est important de toujours se demander si l’information fournie sur cette page correspond au modèle mental de ses utilisateurs. Est-ce que quelqu’un qui veut visiter, étudier ou travailler au Canada rechercherait cette information sous la rubrique « Immigration et citoyenneté »? Si la réponse est non, alors cette AI échoue complètement.

  Rappelez-vous : Chaque page doit avoir un titre de page unique et descriptif, mais les pages qui pointent vers elle peuvent ajuster leur texte de lien, le cas échéant. Plus important encore, assurez-vous toujours que le contenu reflète les besoins et les hypothèses de vos utilisateurs.

• Réussite : Voici le résultat de la recherche Google pour les mots-clés « impôt sur le revenu Canada ». Les deux premiers liens sont très descriptifs, ce qui est excellent.

  

  Les moteurs de recherche ne déterminent pas réellement le nom de la page à partir du titre de la page (titre 1 ou H1) tel qu’il apparaît aux visiteurs de la page. Ils l’obtiennent à partir de la balise de métadonnées de la page - une ligne de code invisible en haut de la page, le <title>. Dans le cas présent, les titres des deux résultats de la recherche ci-dessus sont :

  • <title>Impôt sur le revenu - Canada.ca</title>
  • <title>Impôt sur le revenu des particuliers - Canada.ca</title>

  Malgré le « - Canada.ca » apparaissant dans les liens vers ces deux pages, ce n’est pas dans le H1 de l’une ou l’autre page. C’est parce que le title et le H1 de la page actuelle ne correspondent pas stratégiquement. Il n’est pas nécessaire d’ajouter « - Canada.ca » à chaque titre de page, car il est déjà évident que vous êtes sur le site Canada.ca, étant donné le graphique « Gouvernement du Canada » dans la bannière. L’ajout de contenu à la balise title aide les utilisateurs du moteur de recherche à faire des choix éclairés pour accéder au site Canada.ca, tout en veillant à ce que les utilisateurs de ce site ne soient pas surchargés de renseignements inutiles. Les différences sont illustrées ci-dessous :

  • Titre: Impôt sur le revenu - Canada.ca
  • H1: Impôt sur le revenu
  
  • Titre: Impôt sur le revenu des particuliers - Canada.ca
  • H1: Impôt sur le revenu des particuliers
  

  Vous pouvez visualiser les métadonnées de n’importe quelle page en cliquant avec le bouton droit de la souris et en sélectionnant « Afficher le code source de la page ».

  Rappelez-vous : Les moteurs de recherche utilisent les balises de métadonnées <title> d’une page pour générer le lien dans les résultats de recherche. Cela vous permet d’ajouter plus ou moins d’informations que ce qui se trouve dans le <H1> de la page. Ce qui peut être un avantage permettant de maximiser l’expérience de l’utilisateur lorsque c’est fait correctement.

Exemples d’échec

Avis de non-responsabilité : Les exemples ci-dessous sont utilisés à des fins d’apprentissage pour illustrer les principes brisés et leurs conséquences potentielles, et non pour juger les organisations ou les personnes qui conçoivent ces interfaces.

• Échec : Voici le résultat de la recherche pour le mot-clé « France » dans Canada.ca. Les deux premiers liens sont très descriptifs, ce qui est excellent.

  

  Comme mentionné plus haut, les moteurs de recherche utilisent la balise de métadonnées <title> pour générer le lien dans les résultats de recherche. Dans le cas présent, les titres des deux résultats de la recherche ci-dessus sont :

  • <title>Conseils et avertissements pour France</title>
  • <title>Ambassades et consulats | France</title>

  Le problème survient lorsque vous vous rendez sur chacune de ces deux pages. Le titre de leur page (H1) ne correspond pas au titre affiché dans les résultats de recherche (title). Bien que le titre de la page et les liens vers celle-ci n’aient pas toujours à correspondre (comme l’illustre l’exemple précédent), il est généralement plus sûr de suivre la règle générale de l’appariement exact.

  Si vous permettez des modifications, vous pouvez rencontrer des problèmes lorsque les deux titres de page (H1) sont les mêmes. Vous risquez de confondre l’utilisateur, d’autant plus qu’aucune de ces pages n’est la page principale de tout ce que Canada.ca a à dire sur la France.

  • Titre: Conseils et avertissements pour France
  • H1: France
  
  • Titre: Ambassades et consulats | France
  • H1: France
  

  Enfin, toute autre page souhaitant créer un lien vers ces pages peut mal interpréter la portée de la page visée. S’ils créent un lien sur leur site appelé « France », cela donnerait à leurs utilisateurs l’impression qu’il s’agit de la page principale du gouvernement du Canada sur la France.

  Rappelez-vous : Chaque fois que vous n’arrivez pas à faire correspondre le title des métadonnées et le titre de la page (H1), vous pourriez créer des problèmes. Problèmes qui deviennent évidents lors de la recherche ainsi que sur les sites ou les pages qui choisissent d’établir un lien direct avec vos pages.

• Échec : Les termes de marque perdent souvent leur contexte lorsqu’ils sont détachés d’un flux d’informations prédéfini.

  Par exemple, l’application principale pour consulter vos impôts personnels est « Mon dossier ». Cette approche à l’aide d’un nom de marque à portée large signifie qu’une recherche de « Mon dossier » sur Canada.ca produit des résultats indésirables, car de nombreuses pages contiennent les mots « mon » et « dossier ».

  
  • Résultat de la recherche en français : Le terme de marque en français a plus de succès dans la hiérarchisation du lien. « Mon dossier » se trouve sur la première page des résultats de recherche, soit le troisième résultat.
  • Résultat de la recherche en anglais : Bien que les pages « My Account - Help » et « My Account - What’s New » figurent parmi les 10 premiers résultats de recherche, la page principale « My Account » n’y figure pas. « My Account » se trouve sur la deuxième page des résultats de recherche, comme troisième résultat.

  Cela signifie qu’un utilisateur doit se rendre sur une page secondaire de « Mon dossier » et revenir à la page principale.

  Même si un utilisateur a une plus grande expertise de la recherche et inscrit « mon dossier » entre guillemets, ce qui lui permettra de chercher le terme exact, plutôt que deux mots séparément, il ne récupérera pas seulement le « Mon dossier » de l’ARC, mais également le compte « Mon ACIA », ce qui crée une possibilité de confusion.

  Faites toujours attention aux termes de marque. Si c’est absolument nécessaire, assurez-vous qu’ils sont descriptifs et logiques pour qu’ils aient un sens lorsqu’on y accède à partir de différents points de découverte.

  Rappelez-vous : Les termes de marque peuvent ne pas intéresser l’utilisateur, surtout lorsqu’ils sont présentés hors contexte. De plus, il peut être difficile de trouver des services et des ressources qui ont un nom inventé ou générique (disponible en anglais seulement).

• Échec : Bien que le titre dise « Pour les Canadiens », il ne s’agit en fait que d’information sur l’immigration et la citoyenneté pour les Canadiens.

  

  Bien sûr, ce n’est pas un problème si l’utilisateur est arrivé sur cette page à partir de la page « Immigration et citoyenneté », mais du point de vue de Google, elle ressemble à la page principale de Canada.ca pour tout ce qu’un Canadien aurait besoin de savoir :

  

  Exemples d’autres rubriques non descriptives qui causeront des problèmes :

  Titre actuel

  « Dates importantes pour les particuliers »

  Meilleur titre

  « Dates d’échéance de l’impôt des particuliers et dates d’émission des paiements de prestations »

  

  Titre actuel

  « Restez branchés »

  Meilleur titre

  « Restez branchés au sujet des voyages »

  

  Titre actuel

  « Nous contacter »

  Meilleur titre

  « Contactez-nous au sujet des oiseaux migrateurs »
  Remarque : Avant de décider d’une amélioration à apporter au titre de cette page, il faut examiner plus à fond l’intention. S’agit-il de permettre aux gens de signaler une situation où des oiseaux migrateurs sont susceptibles d’être blessés? L’objet de la communication n’est pas clair et pourrait donner lieu à des courriels non désirés ou non pertinents.

  

  Titre actuel

  « Étudiants »

  Meilleur titre

  « Renseignements fiscaux pour les étudiants »

  

  Rappelez-vous : L’AI concerne la repérabilité, ce qui comprend également la repérabilité au moyen des moteurs de recherche, et non seulement les liens à partir de pages où vous vous attendiez à ce que l’utilisateur navigue.

• Échec : Lorsque vous naviguez dans un processus où les utilisateurs peuvent entrer à partir de n’importe quel point, des numéros d’étape dans le titre de la page pourraient semer la confusion chez les utilisateurs.

  Si un utilisateur arrive sur cette page après avoir complété l’étape 1, il est logique que « étape 2 » soit inclus dans le titre. Par contre, si un moteur de recherche ou une autre page les a amené ici, l’utilisateur peut penser : « Il s’agit de l’étape 2 de l’admissibilité. Est-ce que cela signifie qu’il y a aussi une étape 1 d’admissibilité? Est-ce qu’il me manque une section d’information ou est-ce le point de départ pour l’admissibilité? »

  

  Vous pouvez mettre des numéros d’étape dans un processus où l’utilisateur doit passer par tout le processus, une étape à la fois, sans faire de sauts ni pouvoir accéder à seulement des parties de tout le processus. Il s’agirait d’un trajet séquentiel et il n’y aurait pas de « portes d’entrée » (la seule façon d’arriver à l’étape 2 est de compléter l’étape 1). Un exemple de ce type de processus serait le paiement en ligne ou l’enregistrement de compte.

  Si ce type de processus convient à votre contexte et à vos utilisateurs, vous n’indexerez (laisser le moteur de recherche trouver) qu’une seule page de l’ensemble du processus - la page de destination où commence l’étape 1. De cette façon, les utilisateurs commenceront toujours leur trajet au début.

  Rappelez-vous : Lorsqu’un processus peut être entamé à partir de plusieurs points, y compris le moteur de recherche, l’affichage du numéro de l’étape dans le titre de la page peut prêter à confusion pour les utilisateurs.

• Échec : Le principe des portes d’entrée ne concerne pas uniquement les titres de pages. Voici deux pages où la conception crée des problèmes.

  
  

  Bien que des fonctions telles que développer/masquer et les onglets soient un moyen facile de créer une page claire, cela signifie également que le contenu ne respecte pas le principe des portes d’entrée parce que :

  • Les utilisateurs ne peuvent pas établir de lien vers un contenu spécifique au moyen du courrier électronique
  • Les utilisateurs peuvent être amenés sur cette page parce que le moteur de recherche a trouvé leurs mots-clés sur la page, mais ils ne voient pas leurs mots-clés car la plupart des renseignements sont masqués
  • Les autres pages ne peuvent pas établir de lien vers le contenu dans la zone développer/masquer

  Le masquage de renseignements empêche les utilisateurs de les trouver. Les fonctions telles que développer/masquer et les onglets sont mieux utilisées pour le contenu périphérique que vous préférez que l’utilisateur ne remarque ou ne trouve pas.

  Rappelez-vous : La conception des pages ne devrait pas créer d’obstacles au contenu.

À retenir

L’objectif de ce principe est de faire en sorte que le contenu soit facilement accessible par d’autres moyens que la navigation dans l’AI. Pour ce faire, vous devez veiller à ce que :

• le titre de la page soit clair, unique et descriptif
• le contenu de la page soit facile à découvrir une fois que l’utilisateur atterrit sur la page
• le contenu de la page peut être lié et partagé facilement

Toutes les sections du cours

1. Objet
2. Fondements
3. Éléments
4. Principes
   1. Principe des choix
   2. Principe de la divulgation
   3. Principe des portes d’entrée
   4. Principe des objets
   5. Principe de croissance
   6. Principe de l’exemplarité
   7. Principe de la classification multiple
   8. Principe de la navigation ciblée
5. Disciplines et domaines d’études connexes
6. Ressources