Gestion de la navigation lors d'une refonte de site web : mise en œuvre concrète

Point de départ : la navigation doit répondre à « trouver » et « correspondre »

Lors d'une refonte de site, la gestion de la navigation est souvent traitée comme une partie du design : le designer dessine un menu, le développeur l'intègre, et le travail est considéré comme terminé. Pourtant, les problèmes qui apparaissent après la mise en ligne ne concernent généralement pas le style, mais deux aspects : les clients ne retrouvent pas le contenu d'origine dans la nouvelle navigation, et les anciennes adresses pointées par les moteurs de recherche et les liens externes ne fonctionnent plus. La gestion de la navigation doit donc être traitée comme un chantier à part entière lors d'une refonte. Concrètement, cela signifie : d'abord recenser clairement l'ancienne structure, ensuite décider comment organiser la nouvelle, et enfin vérifier une à une les adresses et les points d'entrée.

Ce qui suit suit l'ordre réel d'avancement d'une refonte, avec pour chaque étape des actions concrètes et des critères de décision. Les exemples cités sont des scénarios hypothétiques, destinés à illustrer la méthode.

Étape 1 : recenser l'ancienne navigation et les anciens contenus dans un tableau

Avant la refonte, ne discutez pas immédiatement de l'apparence du nouveau menu : commencez par exporter l'existant. Concrètement, ouvrez l'ancien site, partez de la navigation d'accueil et parcourez chaque niveau, en notant dans un tableau le nom de chaque rubrique, son niveau, l'adresse de la page correspondante et le titre de la page. Utilisez des colonnes différentes ou une indentation pour les rubriques de premier, deuxième et troisième niveau, afin de ne pas perdre les relations hiérarchiques dans le tableau.

Ce tableau doit contenir au minimum les champs suivants :

• Nom de la rubrique (texte actuellement affiché sur l'ancien site)
• Niveau (premier / deuxième / troisième)
• Adresse de la page (ancienne URL)
• Type de page (page de rubrique, liste d'articles, page unique, page de formulaire, etc.)
• Contenu encore valide (contenu présent / contenu obsolète / rubrique vide)
• Intention de traitement après refonte (conserver / fusionner / supprimer / ajouter)

Le critère de décision est simple : si une rubrique ne contient depuis longtemps qu'un ou deux contenus, ou si son contenu est manifestement obsolète, il faut décider lors de cette refonte de la fusionner avec une autre rubrique ou de la supprimer, plutôt que de la transférer telle quelle sur le nouveau site. Une rubrique vide laissée dans la navigation, que le client ouvre pour découvrir une page blanche, fait plus de mal qu'une entrée en moins.

Outre la navigation interne, il faut aussi collecter autant que possible les adresses externes pointant vers le site : liens promotionnels déjà diffusés, liens sur les pages de partenaires, adresses figurant dans d'anciens e-mails ou documents. Si ces adresses ne fonctionnent plus après la refonte, les clients concluront immédiatement que le site a un problème.

Étape 2 : décider du regroupement et du nommage de la nouvelle navigation

Une fois l'inventaire terminé, réfléchissez à l'organisation de la nouvelle navigation. Le regroupement doit se fonder sur le parcours de recherche d'information du client, et non sur l'organigramme interne de l'entreprise. Prenons l'exemple d'une entreprise de matériel industriel dont l'ancienne navigation était divisée en « Centre de produits / Solutions / Actualités / À propos ». Si les commerciaux signalent que les clients demandent souvent d'abord « dans quels secteurs intervenez-vous ? », on peut envisager de faire des scénarios sectoriels une entrée de premier niveau, avec l'ancien centre de produits en parallèle.

Pour le nommage, quelques critères concrets :

• Les noms de rubriques de premier niveau doivent être immédiatement compréhensibles par le client ; évitez les abréviations internes comme « ligne de production » ou « division », que seuls les initiés connaissent.
• Le style de nommage doit rester cohérent au sein d'un même niveau : ne mélangez pas des noms et des groupes verbaux.
• Si deux rubriques ont des noms proches, fusionnez-les ou explicitez la différence dans le nommage, sinon le client cliquera dans tous les sens.

La profondeur hiérarchique doit aussi être fixée à cette étape. Pour un site d'entreprise, une navigation à deux niveaux maximum est généralement plus facile à comprendre ; au-delà de trois niveaux, cela ne se justifie que pour des sites au contenu vraiment volumineux. Chaque niveau supplémentaire signifie un clic de plus pour atteindre la page cible : évaluez si ce coût en vaut la peine.

Étape 3 : gérer la correspondance entre anciennes et nouvelles adresses

Une fois la nouvelle structure de navigation définie, les anciennes adresses ne changent pas automatiquement. Il faut ici faire correspondre une à une les anciennes URL du tableau d'inventaire avec la nouvelle structure, pour former une table de correspondance indiquant vers quelle page du nouveau site pointe chaque ancienne adresse.

Les cas de figure sont globalement au nombre de trois :

• Contenu conservé, emplacement inchangé : l'ancienne adresse peut être conservée telle quelle, avec un minimum de modifications.
• Contenu conservé, emplacement modifié : il faut rediriger l'ancienne adresse vers la nouvelle, pour que les clients accédant à l'ancien lien atteignent toujours le contenu.
• Contenu fusionné ou supprimé : il faut décider si l'ancienne adresse pointe vers la page cible après fusion ou vers une page explicative, pour éviter que le client ne tombe sur une page d'erreur par défaut.

La table de correspondance doit comporter trois colonnes : ancienne URL, nouvelle URL, mode de traitement. Vérifiez ligne par ligne avant la mise en ligne. Le soin apporté à cette étape détermine directement combien d'anciens liens seront brisés après la refonte. Quant à la mise en œuvre technique des redirections, elle relève de la configuration technique ; le rôle des opérationnels est de valider clairement les correspondances et de faire appliquer cette table par les techniciens.

Étape 4 : liste de vérification de la navigation avant mise en ligne

Avoir terminé la navigation ne signifie pas qu'elle est correcte. Avant la mise en ligne, il est conseillé de parcourir réellement le site dans l'ordre suivant, plutôt que de se contenter de vérifier la configuration en back-office :

1. Depuis la page d'accueil, ouvrir une à une chaque rubrique de premier niveau, en confirmant qu'elles s'affichent correctement, sans page blanche ni page d'erreur.
2. Dans chaque rubrique de premier niveau, ouvrir ensuite les rubriques de deuxième niveau, en confirmant que la hiérarchie correspond aux paramètres du back-office.
3. Sur n'importe quelle page interne, vérifier que la navigation reste visible et cliquable, pour éviter les cas où seule la page d'accueil dispose d'une navigation.
4. Accéder une à une aux anciennes adresses de la table de correspondance, en confirmant qu'elles mènent à la page attendue, et non à la page d'accueil ou à une page d'erreur.
5. Refaire le même parcours en largeur mobile, en vérifiant que les menus déroulants s'ouvrent correctement et ne masquent pas le contenu.
6. Vérifier qu'il n'y a pas de fautes de frappe dans les textes de navigation, ni de noms de rubriques ne correspondant pas au contenu réel des pages.

Parmi ces six points, le quatrième est le plus souvent négligé, et c'est aussi celui qui génère le plus de retours clients ou partenaires après la refonte. Il est conseillé de confier la vérification des anciennes adresses à une personne dédiée et le contrôle des clics de la nouvelle navigation à une autre, pour éviter que l'auto-contrôle ne laisse passer des problèmes.

Étape 5 : maintenance continue après la mise en ligne

La navigation n'est pas figée après la mise en ligne. Une fois la refonte terminée, des rubriques sont ajoutées, d'autres voient leur contenu diminuer, et les orientations métier évoluent. Il est conseillé d'intégrer les modifications de navigation au processus de maintenance quotidien : lors de l'ajout d'une rubrique, confirmer simultanément à quel niveau elle se place et si elle fait doublon avec une rubrique existante ; lors de la suppression d'une rubrique, traiter en même temps la redirection de l'ancienne adresse, plutôt que de supprimer directement la page.

Si le site dispose de plusieurs versions linguistiques ou d'entrées mobiles distinctes, les modifications de navigation doivent être vérifiées partout, pour éviter de ne modifier que le site principal en laissant les autres entrées pointer vers l'ancienne structure. Ces incohérences sont souvent découvertes seulement à l'usage par les clients, et leur coût de traitement est bien plus élevé qu'une vérification avant mise en ligne.

La gestion de la navigation est en définitive une relation de correspondance à maintenir dans la durée : où se trouve l'ancien contenu, où se trouve le nouvel accès, par quel chemin le client peut y arriver. Clarifier cette relation avant la refonte permet de réduire considérablement les reprises après la mise en ligne.