Pourquoi et comment construire l’arborescence de votre site Internet ?

Vous envisagez la création d’un site Internet professionnel ? Des éléments s’annoncent capitaux pour ses performances. Parmi eux : l’arborescence.

Qu’est-ce que l’arborescence dans un projet de site Web ? Quelle importance pour l’expérience utilisateur et votre visibilité dans Google ? Cet article fait le tour de la question.

Commençons par définir l’arborescence d’un site Internet.

L’arborescence sert à guider l’internaute dans son expérience de navigation. Claire et intuitive, elle doit lui permettre de trouver les informations voulues en deux ou trois clics.

Lorsqu’il saisit l’adresse URL de votre site Web ou clique sur un résultat de recherche dans Google, l’internaute atterrit sur votre page d’accueil. Il pourra ensuite cliquer sur les onglets (dans la partie latérale ou la partie supérieure) afin de naviguer vers les autres pages.

Après un bref résumé disponible en page d’accueil, le visiteur pourra ainsi découvrir chacune de vos prestations et vous contacter.

Une étape clé dans la création d’un site Web

Créer l’arborescence d’un site Internet, c’est définir la structure de navigation. Vous définissez une carte de navigation et installez des panneaux d’itinéraire à vos visiteurs pour les guider.

Définir l’arborescence d’un site Web fait donc partie des étapes importantes au même titre que le choix du nom de domaine et le choix des couleurs. Voilà d’ailleurs pourquoi cette étape intègre le cahier des charges lors de la conception d’un site Internet.

Le piège de l’arborescence complexe

Les onglets représentent le premier niveau de structure de votre site, avant la structure des pages elles-mêmes.

Vous pouvez créer un niveau intermédiaire grâce à des éléments de sous-menu. Rappelez-vous toutefois que vous devez simplifier la navigation des internautes. Trop d’informations nuisent à l’information.

Une navigation complexe reste le meilleur moyen de perdre ses clients (au sens premier, comme au sens figuré), surtout s’ils sont pressés. Ne tombez pas dans ce piège.

Pourquoi l’arborescence d’un site Internet est-elle importante ?

Elle construit l’expérience utilisateur (UX). Elle booste aussi votre référencement dans les moteurs de recherche (Google, Bing ou Yahoo!).

Construire une arborescence efficace pour la navigation de vos clients

Mettez-vous ainsi à la place de votre client.

Un site Internet où le visiteur ne trouve pas les réponses voulues aura perdu son temps et ne reviendra pas. Il cherchera un site concurrent, afin de trouver les contenus qui l’intéressent.

Quelles informations vos utilisateurs s’attendent-ils à trouver en consultant les pages de votre site Web ? Quels détails pourraient convaincre vos visiteurs d’appeler ou d’envoyer un message ? Optimisez le parcours de vos visiteurs et développez votre taux de conversion !

Vous devez guider les internautes dans les contenus de votre site, afin qu’ils trouvent leurs réponses et vous contactent.

Concevoir l’arborescence optimale pour le référencement naturel (SEO)

Mettez-vous également à la place des moteurs de recherche.

La navigation entre les pages de votre site repose sur les liens internes. Intégrés aux onglets, mais aussi aux boutons d’action (« découvrir notre prestation en détail »), ces liens URL constituent votre maillage interne.

Grâce à ce maillage interne, les algorithmes des moteurs de recherche (Google, Bing et Yahoo!), ou crawlers, comprennent la thématique de votre site Internet. Ils peuvent ensuite les recommander aux internautes qui vous cherchent.

Vous boostez votre référencement naturel (SEO, pour Search Engine Optimisation) et gagnez alors en visibilité. Or, une meilleure visibilité signifie un grand nombre de contacts. Vous comprenez alors que l’arborescence d’un site Internet a son importance.

Soignez votre page d’accueil !

Si vous devez réfléchir à l’arborescence de votre site, vous devez aussi soigner la page d’accueil.

C’est la page principale qui résume tout le contenu de votre site, mais surtout la page qui dispose de 5 secondes pour convaincre l’utilisateur de poursuivre ou non sa navigation dans vos pages.

Veillez par ailleurs à un hébergement efficace pour un temps de chargement réduit. Une page d’accueil qui met trop de temps à s’afficher rebute la plupart des internautes.

Voir notre article Hébergement de mon site Web : pourquoi est-ce important ?

Le nombre d’onglets pour un site Internet dépend du contenu.

Si votre entreprise assure deux prestations, vous pouvez envisager une page d’accueil, une page de prestations, une page de photos et une page de contact.

Le nombre d’onglets entre aussi en ligne de compte pour l’expérience utilisateur. Préférez 7 onglets et des pages Web aérées à 3 onglets et des pages Web surchargées.

Le cas des sites one page

Avec un site Web one page, une seule page à visiter pour les internautes. Les onglets cèdent ainsi la place à des ancres pour naviguer entre les blocs de contenus.

Voir notre article Création de site Internet one page : pour qui et pour quoi ?

Pour illustrer le principe d’arborescence, nous allons prendre quatre exemples de professionnels.

Exemple d’arborescence pour le site Web d’un dépanneur électricité et plomberie :

• Accueil
• Qui sommes-nous ?
• Dépannage en électricité
• Dépannage en plomberie
• Avis clients
• Contact

Exemple d’arborescence pour le site Web d’un restaurateur :

• Accueil
• Présentation du restaurant
• Notre carte et notre menu enfant
• Privatisation pour des événements
• Galerie photo (établissement, équipe et plats)
• Contact par téléphone ou grâce à un formulaire de contact

Exemple d’arborescence pour le site Web d’un garagiste :

• Accueil
• Histoire du garage
• Réparation mécanique
• Carrosserie
• Vente de véhicules d’occasion
• Galerie photo (établissement, équipe et prestations)
• Contact par téléphone ou grâce à un formulaire de contact

Exemple d’arborescence pour le site Web d’une boutique manga :

• Accueil
• Présentation des créateurs
• Vente de mangas
• Vente de figurines et autres articles
• Articles de blog pour annoncer les événements organisés par la boutique
• Galerie photo (rayons et vitrines du magasin)
• Contact par téléphone ou grâce à un formulaire de contact

Vous remarquerez que vous établissez une hiérarchie de l’information. Les utilisateurs ont le droit à une présentation générale grâce à une page principale, puis sont guidés vers une présentation détaillée grâce à des pages secondaires.

Vos visiteurs se retrouvent ensuite face à une page de réassurance (avis clients et réalisations) et à un choix entre plusieurs actions (vous appeler ou vous envoyer un message). Chacune des pages représente une étape dans le parcours client.

• Étape 1 : lister l’ensemble des éléments à intégrer
• Étape 2 : regrouper les éléments par catégorie
• Étape 3 : hiérarchiser les groupes d’éléments
• Étape 4 : regarder la concurrence pour peaufiner votre arborescence
• Étape 5 : tester cette arborescence (collaborateurs, clients, proches) pour en tester la logique et la pertinence

Astuce : pour tester votre arborescence, vous pouvez le faire sur papier ou avec un logiciel de maquettage comme Figma ou Adobe XD. Grâce à des liens, ce logiciel vous permettra de créer une wireframe ou maquette fonctionnelle pour simuler la navigation.

Depuis le début de cet article, nous parlons de création de sites Internet. Mais à qui en confier la réalisation ? Quels sont les outils efficaces pour créer un site Web ?

Pourquoi confier la réalisation de son site Web à une agence de communication ?

Vous pourriez créer vous-mêmes votre site Web ou contacter un freelance du Web. Gagnez du temps et obtenez des résultats à la hauteur en confiant ce projet à l’agence de communication ALEO.

Designer Web, rédacteur formé au SEO et au copywriting, graphiste ou webmaster, une agence de communication peut mobiliser toutes les ressources humaines nécessaires. Elle dispose aussi des meilleurs outils Web, SEO et marketing.

Pourquoi créer un site Web avec un CMS ?

Et puisque nous parlons d’outils pour la création de sites Internet, parlons du CMS. Le Content Management System, ou gestionnaire de contenu, n’a rien à voir avec un site en trois clics.

Il permet en revanche de ne pas réécrire tout le code informatique. Le CMS le plus populaire est WordPress, grâce à sa robustesse et sa polyvalence. Il peut en effet correspondre pour plusieurs catégories de sites : site vitrine, site e-commerce ou blog.

Trois énormes avantages du CMS par rapport à un site from scratch (à partir de zéro) :

• Gain de temps lors de la création
• Maintenance technique aisée grâce à la mise à jour des modules
• Coûts maîtrisés

Vous remarquez d’ailleurs le lien naturel entre les deux premiers avantages et le troisième.

Voir notre article Création de site Internet : comment choisir son CMS ?

Depuis 2014, l’agence de communication ALEO a aidé des milliers d’entreprises dans leur communication digitale.

Elle vous accompagnera ainsi à chaque étape de la création de votre site Internet professionnel, y compris au moment d’en définir l’architecture. Elle pourra aussi vous fournir les clés d’une communication Google ou Facebook originale. Notre pôle graphisme dessine aussi des logos uniques.

Avec ALEO, ses experts de la communication et ses solutions efficaces, vous évoluerez simplement dans une catégorie différente. Vous passez au niveau supérieur. Et si nous parlions à présent de vos ambitions ?