Dernières news

16 Novembre 2023

Vignette marketing territorial Lyon

Qu’est ce que le marketing territorial ?

Le marketing territorial a pour ambition d’ouvrir quelques pistes de réflexion sur la manière d’aborder la construction identitaire des territoires dans un contexte inédit de transformation économique, environnementale et sociétale.

10 Novembre 2023

apercu-positionnement-marketing-atelierchose-andco

Le positionnement marketing

Le positionnement marketing se traduit par la place qu’occupe une offre ou une entreprise dans l’esprit des consommateurs face à la concurrence. L’objectif est de vous distinguer de la concurrence et de rendre votre offre identifiable aux yeux des consommateurs.
Toutes nos actus

2023 © Atelier Chose & Co · Tous droits réservés

Modifier les préférences cookies

Qu’est ce que l’arborescence d’un site web ?

  • Nos experts en parlent

Tel un plan, l’arborescence est l’architecture de votre site web. Sans elle, votre site ne serait que chaos, votre visiteur serait totalement perdu dans l’organisation de vos pages et tournerait les talons en moins de 3 secondes !

Que ce soit la création ou la refonte de votre site web ou bien votre future application, vos visiteurs ont besoin d’une arborescence sur mesure pour qu’ils puissent naviguer d’une page à l’autre de manière naturelle et agréable.
C’est le 1er socle qui déterminera la réussite de votre expérience utilisateur (UX).

Et surtout ne croyez pas que les moteurs de recherche restent indifférents à cette question, car ils sont devenus des experts en cartographie virtuelle.
Ils utilisent la structure de votre site pour déterminer quelle information sera importante et quelle information sera reléguée aux confins de l’oubli. Oui vous l’aurez bien compris, l’arborescence de site est un enjeu majeur du référencement naturel (SEO). Plus votre organisation est claire et bien travaillée, plus vous augmentez vos chances de vous hisser en première position SEO !

À travers ce guide complet, on vous explique le pourquoi et le comment construire et organiser à la perfection l’arborescence de votre site web. Et en bonus, vu qu’on est des personnes sympathiques on vous dévoile nos meilleurs conseils et outils pour vous donner un coup de pouce dans la création de votre projet.

labyrinthe

Arborescence d’un site web : qu’est-ce donc ?

Imaginez-vous en train de chercher un livre dans une bibliothèque où les rayonnages sont totalement désorganisés. Quelle frustration, n’est-ce pas ?

Votre site web doit suivre une hiérarchie claire, avec des catégories principales et des sous-catégories pertinentes. Ainsi, vos visiteurs sauront instantanément où chercher et trouver l’information qu’ils convoitent.

L’arborescence d’un site web désigne sa structure : la façon dont ses pages sont organisées et dont l’information est hiérarchisée. C’est, le « plan » de votre site. Celui-ci doit être conçu avec beaucoup de réflexion afin de proposer une expérience utilisateur de qualité aux internautes, et de permettre aux robots des moteurs de recherche de crawler les bonnes pages en vue de leur indexation.

trésor

Les précieux avantages d’une incroyable arborescence !

Une arborescence intelligente et efficace permet de proposer une expérience utilisateur de qualité dans sa navigation. Plus un utilisateur se sent à l’aise et familier, plus celui-ci restera longtemps, augmentant ainsi les chances de passer au call to action.

L’internaute qui visite un site a généralement un but bien précis, il recherche un contenu bien spécifique. Toute l’intelligence est là : offrir le contenu à votre cible le plus rapidement possible pour répondre à ses attentes.

Car rappelons-nous que nous disposons de seulement 3 secondes pour convaincre notre utilisateur de rester sur notre site web.

Pour cela, il est essentiel de comprendre les attentes et le comportement de notre cible.

Par exemple, si vous avez des cibles totalement différentes, donc avec des besoins différents, il peut être pertinent d’avoir un site en ligne à double entrée dont la structure se module en fonction de chaque cible spécifique.

Exemple type : Vous avez deux cibles, les institutions et le monde privé. Deux mondes opposés, dont les besoins, la réflexion et le vocabulaire seront différents. C’est comme organiser le rayonnage de votre boutique. Un bon commerçant sait comment agencer ses produits et services.

Nous l’avons évoqué brièvement, l’algorithme de Google apprécie et valorise les sites web qui offrent une bonne expérience utilisateur. C’est donc un premier argument pour booster votre trafic SEO. Un site web soigneusement structuré, avec une organisation impeccable de ses pages, a l’avantage de faciliter la vie des robots Google lorsqu’ils indexent le contenu de vos pages pour vous référencer.

lego-1.jpgPourquoi construire une arborescence ?

Illustrer l’arborescence d’un site web par une schématisation, que ce soit sous forme d’arborescence visuelle ou de tableau Excel, présente de nombreux avantages qui contribuent à une meilleure conception et gestion du site, d’autant plus pour des sites de plusieurs centaines et milliers de pages.

  1. Une meilleure visualisation : Une représentation visuelle facilite la compréhension de la hiérarchie des pages et des sections du site. En un coup d’œil, les concepteurs, les développeurs et les autres membres de l’équipe peuvent saisir la structure du site et la manière dont les pages sont organisées.
  2. Détection des incohérences et des erreurs : Grâce à une schématisation, il est plus facile de repérer d’éventuelles incohérences ou erreurs dans l’organisation du site. Des liens manquants, des pages mal placées ou des sections mal définies peuvent être identifiés rapidement, permettant ainsi de les corriger avant la mise en ligne.
  3. Document de référence : L’arborescence schématisée peut servir de document de référence tout au long du projet. Elle permet de garder une trace de l’évolution de la structure du site, des décisions prises et des changements apportés, facilitant ainsi la gestion du projet dans son ensemble.
  4. Support pour la maintenance future : Une fois le site mis en ligne, l’arborescence schématisée reste un outil précieux pour la maintenance. Elle aide les administrateurs du site à comprendre la structure et à apporter des modifications ou des mises à jour en évitant de perturber la cohérence globale du site.

Les différents types d’arborescences

L’arborescence visuelle est une représentation graphique de la structure d’un site web. Elle est souvent dessinée sous forme de diagramme, elle offre une vision claire et concise de la hiérarchie des pages et des sections du site. Pour créer une arborescence visuelle, on utilise généralement des formes géométriques pour représenter les pages et des lignes pour indiquer les liens entre elles.

arborescence-visu-scaled-1300

Une arborescence visuelle ne suffit pas à elle seule.

Elle doit être approfondie par une approche tabulaire pour décrire la structure du site de manière plus détaillée. Chaque ligne du tableau représente une page du site, tandis que les colonnes indiquent les différentes informations associées à chaque page, telles que le titre, la structure SEO, la catégorie, l’URL, etc.

etapes-2.jpg

Comment créer l’arborescence d’un site internet étape par étape ?

Vous avez désormais saisi tout l’enjeu du squelette d’un site internet. Reste encore à découvrir les secrets de la construction d’une arborescence web digne de ce nom. Une arborescence qui saura satisfaire les objectifs de votre entreprise, les besoins de vos cibles et même les exigences des robots Google.

Lors de la création ou d’une refonte de votre site web. L’étape numéro 1 : c’est de définir la mission de votre plateforme en lui attribuant des objectifs clairs et concis, voici les questions que vous devez vous poser :

  • Pour qui votre site web est-il destiné ?
    Élaborer votre personae pour comprendre au mieux les attentes et le fonctionnement de vos cibles.
  • Quelle action souhaitez vous que votre visiteur accomplisse une fois sur votre site ?
    Dans l’objectif de hiérarchiser les pages en fonction de leurs importances et objectifs attribués. Réfléchissez au champ des possibles que peut offrir votre plateforme : consulter vos contenus, vous contacter, acheter des produits/services, créer un compte, s’abonner à une newsletter, etc. Cela vous aidera à hiérarchiser les pages en fonction de leur importance au regard du but à atteindre par les utilisateurs.
  • La question qui fera toute la différence : Comment créer un site internet unique reflétant votre univers pour vous différencier de vos concurrents ?
    On voit bien trop souvent des sites web identiques aux autres dans leur structure et dans l’UI Design*.
    Un site internet innovateur doit se distinguer par le design de l’interface et ainsi par l’intelligence de sa structure. Dans la construction de votre projet, prenez également en compte l’importance de l’aspect graphique qui peut parfois être préférable à un schéma trop rigide dans son organisation.

Définition UI Design : C’est l’abréviation d’User Interface qui désigne l’interface utilisateur. Le rôle de l’UI designer consiste à créer une interface graphique esthétique et agréable par le biais duquel l’utilisateur entre en contact avec le produit. Un facteur clé pour la réussite de l’UX !

L’arborescence d’un site web se doit d’être pensée avant tout pour faciliter le parcours de l’internaute.

Avant même de penser aux pages à intégrer, mettez-vous à la place de votre visiteur, puis hiérarchisez une liste de contenu qui répond à ses attentes.

Par la suite vous supprimez ce qui est secondaire pour ne faire paraître que l’essentiel. Cela vous permettra d’anticiper au mieux le parcours de vos visiteurs.

Référencement naturel

Qui dit bonne arborescence dit bonne structure des mots clés pour un référencement SEO au top !
Une bonne façon de procéder consiste à partir d’une analyse des mots-clés SEO pour prévoir les différentes catégories et sous-catégories.
Les mots clés les plus pertinents avec un fort potentiel de trafic pourront ainsi être localisés dans les premières pages de structure.

Maillage interne

Une fois votre arborescence créée, il est essentiel d’optimiser votre maillage interne. C’est-à-dire les liens internes entre vos différentes pages. Ils permettent de naviguer d’une page à une autre sur votre site. Pour vous donner une image, c’est comme créer un circuit électrique, créer une bonne connexion entre les pages permet de dynamiser le trafic SEO.
Ainsi lorsque beaucoup de liens internes amènent vers une même page, celle-ci est considérée comme plus populaire et importante que les autres et a donc potentiellement plus de chance d’être bien référencée.

La dernière règle d’or consiste à confronter votre maquette de site web à la réalité, de la tester et de l’optimiser en permanence. Pour cela, prenez un scénario type conçu pour un persona spécifique, et identifiez le parcours à suivre pour parvenir au but désiré. Puis, posez-vous trois questions :

  • La navigation est-elle intuitive et simple ?
  • L’internaute peut-il trouver rapidement l’information recherchée ?
  • L’internaute peut-il accéder au contenu en moins de quatre clics ?

Ces questions se confirment par les KPI’S, vérifiez l’évolution du trafic de votre SEO ou encore le temps consulté par page à travers des outils d’analyse tel que SEMRush ou Google Search Console.

Si vous estimez que votre arborescence de site web ne répond pas aux besoins du persona… recommencez avec un autre scénario, et testez encore et encore, jusqu’à mettre le doigt sur la structure idéale !

Vous l’aurez compris : l’arborescence de votre site web est essentielle, parce qu’elle offre aux internautes une expérience utilisateur de qualité et qu’elle permet aux robots crawlers des moteurs de recherche de faire leur travail avec plus d’efficacité. Mais ce n’est pas une tâche aisée : vous avez tout intérêt à vous faire accompagner dans cette démarche. D’autant qu’un site internet n’est pas figé dans le temps : il évolue, se développe et s’étend. Il est donc indispensable de challenger régulièrement son architecture afin de l’adapter aux besoins progressifs de votre entreprise, mais aussi aux utilisations et comportements changeant des usagers.

conseils

Une arborescence parfaite : les 7 conseils de l’expert

Le maillage interne est une stratégie essentielle en matière d’optimisation pour les moteurs de recherche (SEO) qui vise à créer des liens internes entre les différentes pages d’un site web. Cette technique permet d’améliorer la cohérence de l’arborescence du site et d’optimiser l’expérience utilisateur tout en renforçant la visibilité des pages aux yeux des moteurs de recherche.

Liens contextuels : Assurez-vous que les liens internes sont pertinents et en lien avec la thématique concernée. Les liens doivent être placés naturellement dans le texte et être en rapport avec le sujet traité. Évitez les liens excessifs qui pourraient être perçus comme du spam par les moteurs de recherche. Il s’agit avant tout d’offrir une vision plus large et agréable au lecteur.

Liens profonds : N’hésitez pas à créer des liens profonds vers des pages moins fréquentées mais importantes. Cela permettra de les mettre en valeur et de les rendre plus accessibles aux utilisateurs et aux moteurs de recherche.

Évitez absolument les liens cassés : vérifiez régulièrement vos liens internes pour éviter les liens cassés qui nuisent à l’expérience utilisateur et éviter d’être pénalisés par les moteurs de recherche. Il est essentiel de mettre en place des redirections.

En ergonomie web, la profondeur d’une page correspond au nombre de clics nécessaires pour arriver à destination de la page désirée depuis la page d’accueil.

1 clic = 1 page de profondeur.

Il est recommandé de ne pas dépasser 3 clics de profondeur si vous souhaitez que votre page performe en termes de référencement naturel.

En d’autres termes, notre ami Google donne plus d’importance à une page accessible en un seul clic depuis la page d’accueil, c’est-à-dire plus de poids et d’autorité dans les résultats de recherche.

Veillez à ce que vos pages les plus importantes ne soient pas trop enfouies dans votre site internet.

Le menu de navigation principal

Le menu principal est l’élément de navigation n°1 en termes d’UX et de SEO. Les visiteurs utilisent votre menu pour trouver la bonne information et les pages les plus importantes de votre site web. C’est le premier outil pour comprendre et naviguer dans la structure de votre site web.

Chaque projet nécessite une analyse approfondie en fonction du nombre de pages, des objectifs, du type de site, et de l’audience ciblée pour déterminer le menu le plus adapté et pertinent.

Le menu de navigation est un vrai choix stratégique : menu de navigation à une barre ou double barre, menu “burger”, menu déroulant, méga menu, menu en accordéon, etc.

Le meilleur menu sera celui qui est le mieux adapté aux attentes des internautes.

Garder le fil d’Ariane

Appliqué dans la conception web, le fil d’Ariane est un élément de navigation digitale visible aux yeux de l’utilisateur, souvent situé en haut de page ou sur les bords de page. Il est un indicateur qui permet à votre visiteur de se repérer dans sa navigation entre la page activée et la page d’accueil. Chaque étape du chemin est un lien cliquable. Cela améliore considérablement l’expérience utilisateur et augmente statiquement le nombre de pages visitées par session.

Ne sous-estimez pas le pouvoir des URL bien construites. Les moteurs de recherche apprécient les adresses éloquentes qui indiquent clairement le contenu de la page. Évitez les URL génériques et indéchiffrables, dignes d’un cryptogramme, et préférez des URL compréhensibles et informatives. Vos visiteurs vous remercieront et les moteurs de recherche vous gratifieront de quelques points supplémentaires en référencement SEO.

Évitez d’écrire ce genre d’URL :
exemple.fr/shop/item_id=18899
Privilégiez celui-ci :
https://atelierchose-andco.com/expertises/conseil-et-strategie/

Le protocole https rentre également en jeu dans l’objectif d’assurer la protection de l’utilisateur et par la même occasion respecter les règles de Google.

En lisant cet article, vous êtes forcément conscient que l’image et l’expérience utilisateur que reflète votre site web est un élément crucial dans votre stratégie de communication et webmarketing.

Au premier regard elle permet de s’immerger dans l’univers de la marque et de se faire une idée de la qualité que l’entreprise est capable d’offrir.

Votre site est le garant de l’accueil réservé à votre visiteur. Il se doit de s’imposer comme une véritable référence dans votre domaine d’activité.

Une image ambitieuse se doit d’être parfaitement alignée avec votre positionnement et pionnière de son temps : un design novateur et performant, une harmonie graphique impactante apportent solidité et légitimité à votre entreprise.

Que vous choisissiez de coder en HTML, Python, CSS, JavaScript ou encore Php, il est essentiel d’avoir un codage propre.

Un codage réussi, permet de personnaliser et d’épurer au maximum le contenu de votre site web, ainsi cela permettra de moins alourdir vos pages et d’augmenter drastiquement votre performance SEO.

Des pages trop lourdes à charger feront fuir vos visiteurs et vous pénaliseront dans l’indexation des robots Google.

Note : Le fait de coder votre site web de toute pièce permet d’avoir une interface davantage sécurisée, il sera plus difficile de trouver une faille dans le système.

N’oubliez pas d’anticiper les évolutions. Le monde du web est en constante mutation, tel un tourbillon d’innovations et de nouvelles tendances. Votre arborescence doit être suffisamment flexible pour s’adapter aux changements futurs sans tout chambouler. Prévoyez des sections modulables et des catégories extensibles pour que votre site puisse grandir et évoluer sans perdre la cohérence de votre arborescence.

L’Atelier Chose & Co, vous propose d’échanger autour de votre projet !
Allons jusqu’au bout des choses !

CONTACTEZ-NOUS