Création de site · Conseils pratiques
Arborescence d’un site vitrine : les pages utiles pour guider vos futurs clients
L’arborescence d’un site vitrine organise les pages et les passages entre elles. Commencez par les questions à résoudre, puis choisissez les rubriques. Dessiner le menu d’abord reviendrait à choisir les étiquettes avant de connaître leur contenu.
Vous trouverez ici une fiche de page, un arbre fictif et des tâches pour tester votre plan. Pour les autres choix, retrouvez le guide de création de site internet et le quiz création.
Partez de situations concrètes de vos visiteurs
Écrivez quelques situations dans lesquelles une personne chercherait votre entreprise. Utilisez les demandes déjà reçues si votre activité existe. Pour une entreprise qui démarre, indiquez clairement quelles situations restent des hypothèses.
« Découvrir notre entreprise » est trop large pour guider tout le plan. Chercher une intervention précise, vérifier une zone desservie ou savoir quoi envoyer pour demander un devis donne un besoin plus facile à traiter.
Regroupez les réponses qui appartiennent à une même étape. Les précisions utiles avant un contact peuvent rester dans la page de prestation concernée ; elles ne nécessitent pas chacune une rubrique.
Donnez un rôle à chaque page envisagée
Pour chaque page, complétez cette phrase : « Cette page permet à [visiteur] de comprendre [sujet] pour [suite possible]. » Si vous n’arrivez pas à la terminer sans employer « présenter un peu tout », son rôle mérite d’être précisé.
Deux pages qui promettent la même réponse peuvent peut-être être regroupées. Une page qui mélange plusieurs prestations sans les distinguer peut demander une autre organisation. Le nombre de paragraphes ne tranche pas ce choix : regardez les besoins et la matière disponible.
Utilisez cette fiche courte :
Nom de travail de la page : Visiteur ou situation visée : Question principale traitée : Réponse que la page doit apporter : Contenus et exemples nécessaires : Source et validateur des informations : Liens permettant d’arriver sur cette page : Liens utiles pour poursuivre : Action principale proposée : Manques à résoudre avant lancement :
Associez la fiche au guide du contenu d’un site professionnel (guide à venir) pour identifier la matière et son validateur.
Distinguez l’arborescence, le menu et les adresses
| Élément | Ce qu’il organise | Exemple fictif |
|---|---|---|
| Arborescence | Ensemble des pages et regroupements logiques | Plusieurs prestations regroupées sous une rubrique Services |
| Menu | Accès visibles proposés dans une zone de navigation | Services, Entreprise et Contact |
| URL | Adresse à laquelle chaque page sera publiée | Une adresse descriptive pour chaque prestation |
| Liens dans les contenus | Suites proposées pendant la lecture | Une réalisation reliée au service qu’elle illustre |
Votre menu principal n’a pas à reprendre tout l’inventaire. Certaines informations pratiques peuvent être liées près d’un formulaire ou depuis le pied de page. Les pages centrales doivent rester faciles à rejoindre depuis des endroits compréhensibles.
Une organisation logique en familles n’impose pas non plus de multiplier les sous-dossiers dans les adresses. Pour ce premier site, demandez une convention cohérente et lisible. Gardez une colonne distincte pour les URL proposées afin de ne pas les confondre avec les libellés du menu.
Choisissez les pages utiles à votre activité
L’accueil oriente. Une page de service se justifie par des précisions propres à la prestation. La page Entreprise identifie l’interlocuteur et sa façon de travailler. Les réalisations demandent des projets documentés et publiables : leur rubrique peut attendre si vous débutez.
Le contact doit être compréhensible même sans passer par l’accueil. Ajoutez les pages d’information applicables à votre situation et faites vérifier leur contenu. Cette liste est un point de départ, pas un nombre de pages obligatoire.
Exemple fictif : le premier site d’une entreprise de menuiserie
Cet arbre et la menuiserie qui l’illustre sont entièrement fictifs. Aucun résultat ni test utilisateur réel n’est présenté.
Une menuisière lance une activité de fabrication de meubles et d’aménagement de rangements. Elle travaille sur demande et possède des photos de projets dont l’utilisation a été vérifiée. Elle souhaite recevoir des demandes décrivant la pièce et les dimensions approximatives.
Son premier arbre de travail pourrait être :
Accueil Prestations Meubles sur mesure Rangements et aménagements Réalisations Entreprise Contact Informations concernant le site et l’usage des données
Les deux prestations répondent ici à des besoins différents, avec leurs propres exemples. Une offre plus homogène et peu de matière pourraient conduire à une seule page.
Le menu principal pourrait proposer Prestations, Réalisations, Entreprise et Contact. L’accueil donnerait un accès direct aux deux prestations. Les pages d’information seraient accessibles depuis un emplacement adapté, sans encombrer cette navigation principale.
| Page | Question traitée dans le scénario | Suite proposée |
|---|---|---|
| Meubles sur mesure | Réalisez-vous le type de meuble que je cherche ? | Voir un projet comparable ou décrire le besoin |
| Rangements et aménagements | Pouvez-vous étudier l’espace dont je dispose ? | Préparer les dimensions et les photos utiles |
| Réalisation | Quel travail a été effectué dans ce projet ? | Lire la prestation correspondante |
| Contact | Que faut-il transmettre pour une première demande ? | Remplir le formulaire ou utiliser les coordonnées |
Remettez l’arbre et les passages prévus au créateur du site : les liens se préparent avec les pages.
Préparez les liens à l’intérieur des pages
Ne comptez pas uniquement sur le menu pour orienter le visiteur. Sur une page de service, vous pouvez proposer un exemple qui l’éclaire. Dans cet exemple, un lien peut renvoyer vers les détails de la prestation. Le contact intervient à un endroit où la personne dispose des informations nécessaires pour agir.
Choisissez un intitulé qui annonce la destination : « Voir les aménagements de rangement » est plus précis qu’un lien isolé « Découvrir ». Le libellé doit rester naturel et correspondre à la page liée.
Google recommande des liens explorables et des textes de lien descriptifs dans sa documentation sur les liens. Le plan doit donc être traduit en liens effectivement utilisables, sans supposer qu’un schéma ou un bouton dessiné suffira.
Dans votre plan, signalez les liens utiles et leur raison. Une page qu’aucun parcours ne rejoint devra être examinée.
Testez les intitulés avant de figer la maquette
Vous pouvez examiner un plan simple sans attendre un design complet. Présentez les intitulés à une personne qui ne connaît pas votre organisation interne. Donnez-lui une situation à résoudre, puis demandez où elle chercherait l’information.
| Tâche proposée | Ce que vous observez |
|---|---|
| Trouver si l’entreprise étudie un rangement sous pente | Première rubrique choisie et hésitations |
| Comprendre quelles informations envoyer | Emplacement attendu pour les consignes |
| Voir un exemple correspondant au besoin | Lien recherché entre service et réalisation |
| Trouver comment contacter l’interlocutrice | Compréhension du chemin et de l’action proposée |
Ne demandez pas seulement si le menu plaît. Une personne peut apprécier sa présentation tout en choisissant la mauvaise rubrique. Notez ses mots et les endroits où elle hésite ; ne lui expliquez pas immédiatement le chemin prévu.
Ce petit examen peut révéler des incompréhensions. Il ne constitue pas une étude représentative et ne permet pas de promettre un gain de contacts. Corrigez les intitulés ambigus, puis vérifiez à nouveau les parcours concernés.
Faites réaliser une navigation utilisable sur téléphone et au clavier
Un arbre compréhensible peut être mal traduit dans le site. Prévoyez une vérification du menu sur téléphone, de son ouverture, de sa fermeture et des accès aux éventuelles sous-rubriques.
Le tutoriel du W3C sur les menus souligne le rôle de la structure, du fonctionnement au clavier et du repérage de la page courante. Ces points doivent faire partie de la réalisation de la navigation ; le schéma d’arborescence ne les contrôle pas.
Ajoutez des tâches de recette simples : ouvrir une sous-rubrique sans souris, suivre un lien vers une prestation, revenir à une autre rubrique et identifier la page affichée. Faites traiter les blocages observés avant la publication. Ces vérifications ciblées ne remplacent pas un audit complet d’accessibilité.
Préparez une version de lancement et des ajouts identifiés
Une arborescence peut évoluer. Pour le premier lancement, retenez les pages nécessaires aux parcours choisis et dont le contenu peut être confirmé. Inscrivez les ajouts souhaités dans une liste séparée, avec leur raison d’être et la matière qu’il faudra réunir.
Le cahier des charges de création doit reprendre les pages retenues, leurs contenus et leurs critères de validation. Les ajouts ultérieurs pourront être chiffrés à part.
