[{"data":1,"prerenderedAt":1088},["ShallowReactive",2],{"site-nav":3,"article-arborescence-site-web-methode-et-exemples":109,"article-linked-arborescence-site-web-methode-et-exemples":916,"cta-service-webdesign-ux-ui-nantes":1087},{"services":4,"rubriques":92},[5,13,20,27,34,41,47,55,61,67,74,80,86],{"path":6,"title":7,"navTitle":8,"summary":9,"color":10,"order":11,"category":12},"\u002Fservices\u002Fcreation-site-vitrine-nantes","Création de site vitrine à Nantes","Site vitrine","Un site sur mesure, rapide et accessible, qui présente votre activité et transforme les visites en demandes de contact.","jaune",1,"creation",{"path":14,"title":15,"navTitle":16,"summary":17,"color":18,"order":19,"category":12},"\u002Fservices\u002Fcreation-site-e-commerce-nantes","Création de site e-commerce à Nantes","Site e-commerce","Une boutique en ligne sur Shopify, WooCommerce ou PrestaShop, pensée pour vendre : catalogue, paiement, livraison et SEO.","vert",2,{"path":21,"title":22,"navTitle":23,"summary":24,"color":25,"order":26,"category":12},"\u002Fservices\u002Frefonte-site-internet-nantes","Refonte de site internet à Nantes","Refonte de site","Moderniser votre site sans perdre votre référencement : audit, plan de redirections, nouveau design et migration des contenus.","orange",3,{"path":28,"title":29,"navTitle":30,"summary":31,"color":32,"order":33,"category":12},"\u002Fservices\u002Fwebdesign-ux-ui-nantes","Agence UX\u002FUI design et webdesign à Nantes","Webdesign UX\u002FUI","Recherche utilisateur, parcours, maquettes, prototype testé et design system : des interfaces claires, accessibles et prêtes à développer.","rose",4,{"path":35,"title":36,"navTitle":37,"summary":38,"color":39,"order":40,"category":12},"\u002Fservices\u002Fdeveloppement-web-sur-mesure-nantes","Agence de développement web sur mesure à Nantes","Développement sur mesure","Applications métier, extranets, MVP SaaS, API et intégrations : du code sur mesure, testé, documenté et qui vous appartient.","chartreuse",5,{"path":42,"title":43,"navTitle":44,"summary":45,"color":18,"order":46,"category":12},"\u002Fservices\u002Feco-conception-web-nantes","Éco-conception de site web à Nantes","Éco-conception","Audit RGESN, pages allégées, compatibilité avec les anciens appareils et déclaration d’écoconception : un site plus sobre, mesuré, sans allégation invérifiable.",6,{"path":48,"title":49,"navTitle":50,"summary":51,"color":52,"order":53,"category":54},"\u002Fservices\u002Freferencement-naturel-seo-nantes","Agence SEO à Nantes : référencement naturel","Référencement SEO","Audit, contenus, maillage, référencement local et suivi Search Console : un SEO mesuré, sans promesse de position, pour être trouvé à Nantes et au-delà.","bleu",7,"visibilite",{"path":56,"title":57,"navTitle":58,"summary":59,"color":39,"order":60,"category":54},"\u002Fservices\u002Foptimisation-vitesse-site-web-nantes","Optimisation de la vitesse de site web à Nantes","Vitesse & Core Web Vitals","Mesure des Core Web Vitals, audit, plan d’action chiffré et correctifs sur votre technologie : des pages plus rapides, vérifiées sur les données réelles.",8,{"path":62,"title":63,"navTitle":64,"summary":65,"color":32,"order":66,"category":54},"\u002Fservices\u002Faccessibilite-numerique-nantes","Accessibilité numérique et audit RGAA à Nantes","Accessibilité (RGAA)","Audit RGAA, corrections, déclaration d’accessibilité et formation : rendre votre site utilisable par tous et répondre à vos obligations.",9,{"path":68,"title":69,"navTitle":70,"summary":71,"color":10,"order":72,"category":73},"\u002Fservices\u002Fmaintenance-site-internet-nantes","Maintenance de site internet à Nantes","Maintenance & hébergement","Mises à jour, sécurité, sauvegardes, hébergement en Europe et petites modifications : votre site reste rapide, sûr et à jour.",10,"exploitation",{"path":75,"title":76,"navTitle":77,"summary":78,"color":52,"order":79,"category":73},"\u002Fservices\u002Finfrastructure-cloud-nantes","Infrastructure cloud scalable à Nantes","Infrastructure cloud","Une architecture évolutive hébergée en Europe, décrite en code, qui monte en charge et se relève d’une panne : pour les boutiques et applications à fort trafic.",11,{"path":81,"title":82,"navTitle":83,"summary":84,"color":25,"order":85,"category":73},"\u002Fservices\u002Faudit-securite-site-web-nantes","Audit de sécurité de site web à Nantes","Audit de sécurité","HTTPS, extensions, comptes, sauvegardes et contrôles guidés par l’OWASP : un audit de sécurité priorisé, vérifié après corrections, et la remise en état d’un site piraté.",12,{"path":87,"title":88,"navTitle":89,"summary":90,"color":32,"order":91,"category":73},"\u002Fservices\u002Fautomatisation-processus-nantes","Agence d’automatisation des processus à Nantes","Automatisation & API","Vos outils reliés par des workflows n8n et des API — CRM, facturation, boutique, formulaires —, avec une IA qui propose et une personne qui valide.",13,[93,97,101,105],{"path":94,"title":95,"navTitle":96,"color":52,"order":11},"\u002Fjournal\u002Frubrique\u002Fseo-visibilite-locale","Être trouvé : SEO et visibilité locale","SEO & visibilité locale",{"path":98,"title":99,"navTitle":100,"color":32,"order":19},"\u002Fjournal\u002Frubrique\u002Fux-contenus-accessibilite","Être compris : UX, contenus et accessibilité","UX, contenus & accessibilité",{"path":102,"title":103,"navTitle":104,"color":18,"order":26},"\u002Fjournal\u002Frubrique\u002Fdesign-conversion-ecommerce","Être choisi : design, conversion et e-commerce","Design, conversion & e-commerce",{"path":106,"title":107,"navTitle":108,"color":10,"order":33},"\u002Fjournal\u002Frubrique\u002Fprojet-web-budget-methode","Durer : budget, méthode, performance et sécurité","Projet, sécurité & durée",{"id":110,"title":111,"author":112,"body":113,"cover":882,"coverAlt":882,"date":883,"dateModified":882,"description":884,"extension":885,"faq":886,"featured":902,"head":882,"keyword":903,"meta":904,"navigation":905,"ogImage":882,"path":754,"robots":882,"rubrique":906,"schemaOrg":882,"seo":907,"services":909,"sitemap":912,"stem":913,"summary":914,"__hash__":915},"journal\u002Fjournal\u002Farborescence-site-web-methode-et-exemples.md","Arborescence d’un site web : la méthode, avec des exemples","equipe-fogg",{"type":114,"value":115,"toc":860},"minimark",[116,125,130,133,211,221,225,232,235,304,307,311,314,331,334,342,346,349,354,362,376,380,383,411,415,424,438,442,445,449,517,520,524,587,590,594,654,657,682,685,689,692,749,760,764,767,771,779,783,791,794,801,813,817,854],[117,118,119,120,124],"p",{},"L’arborescence d’un site web est le plan hiérarchique de ses pages : celles qui existent, leur regroupement en rubriques et le chemin qui mène de l’accueil à chacune. Pour la construire, partez des questions de vos clients, prévoyez une page par besoin, regroupez ces pages en quelques rubriques aux intitulés explicites et ne dépassez pas trois niveaux. Donnez à chaque page une adresse lisible et stable, puis testez l’ensemble avant de dessiner la moindre maquette. Ce guide prolonge ",[121,122,123],"a",{"href":98},"nos conseils d’UX pour des pages comprises du premier coup",".",[126,127,129],"h2",{"id":128},"arborescence-menu-plan-du-site-de-quoi-parle-t-on","Arborescence, menu, plan du site : de quoi parle-t-on ?",[117,131,132],{},"L’arborescence est un document de travail, décidé avant la conception des pages. Les autres termes la traduisent pour les visiteurs ou pour les moteurs de recherche.",[134,135,136,152],"table",{},[137,138,139],"thead",{},[140,141,142,146,149],"tr",{},[143,144,145],"th",{},"Terme",[143,147,148],{},"Ce que c’est",[143,150,151],{},"Pour qui",[153,154,155,167,178,189,200],"tbody",{},[140,156,157,161,164],{},[158,159,160],"td",{},"Arborescence",[158,162,163],{},"La liste hiérarchisée de toutes les pages, en arbre ou en liste indentée",[158,165,166],{},"L’équipe du projet",[140,168,169,172,175],{},[158,170,171],{},"Menu",[158,173,174],{},"Les rubriques principales, affichées sur chaque page",[158,176,177],{},"Les visiteurs",[140,179,180,183,186],{},[158,181,182],{},"Fil d’Ariane",[158,184,185],{},"Le chemin de l’accueil à la page consultée : Accueil › Création de jardins › Terrasses et allées",[158,187,188],{},"Les visiteurs et les moteurs de recherche",[140,190,191,194,197],{},[158,192,193],{},"Plan du site",[158,195,196],{},"Une page qui liste les pages du site, rangées comme dans l’arborescence",[158,198,199],{},"Les visiteurs, en complément du menu",[140,201,202,205,208],{},[158,203,204],{},"Sitemap XML",[158,206,207],{},"Un fichier technique qui liste les adresses à faire explorer",[158,209,210],{},"Les robots des moteurs de recherche",[117,212,213,214,220],{},"Le menu ne montre donc qu’une partie de l’arborescence. Quant au sitemap XML, il ne remplace pas une structure claire. Selon Google, il n’est pas indispensable à un site d’environ 500 pages ou moins si toutes ses pages importantes sont accessibles par des liens depuis l’accueil et s’il a peu de vidéos, d’images ou d’actualités à faire indexer (",[121,215,219],{"href":216,"rel":217},"https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fcrawling-indexing\u002Fsitemaps\u002Foverview?hl=fr",[218],"nofollow","présentation des sitemaps par Google",").",[126,222,224],{"id":223},"partir-des-questions-de-vos-clients","Partir des questions de vos clients",[117,226,227,228,124],{},"Vos visiteurs ne connaissent ni votre organisation ni votre jargon : ils arrivent avec une question. Listez ces questions, puis l’action que vous attendez d’eux une fois la réponse trouvée. Pour retrouver leurs mots exacts, appliquez ",[121,229,231],{"href":230},"\u002Fjournal\u002Frediger-les-textes-de-son-site-internet","notre méthode pour écrire avec les mots de vos clients",[117,233,234],{},"Prenons un paysagiste imaginaire installé à Vertou, au sud de Nantes. Son inventaire commence ainsi :",[134,236,237,250],{},[137,238,239],{},[140,240,241,244,247],{},[143,242,243],{},"Question du visiteur",[143,245,246],{},"Page qui y répond",[143,248,249],{},"Action attendue",[153,251,252,263,273,282,293],{},[140,253,254,257,260],{},[158,255,256],{},"« Faites-vous les terrasses en bois ? »",[158,258,259],{},"Terrasses et allées",[158,261,262],{},"Demander un devis",[140,264,265,268,271],{},[158,266,267],{},"« Pouvez-vous tailler ma haie cet automne ? »",[158,269,270],{},"Entretien de jardins",[158,272,262],{},[140,274,275,278,280],{},[158,276,277],{},"« Combien coûte un entretien à l’année ? »",[158,279,270],{},[158,281,262],{},[140,283,284,287,290],{},[158,285,286],{},"« Intervenez-vous jusqu’à Clisson ? »",[158,288,289],{},"Zone d’intervention",[158,291,292],{},"Appeler",[140,294,295,298,301],{},[158,296,297],{},"« Avez-vous déjà fait un jardin comme le mien ? »",[158,299,300],{},"Réalisations",[158,302,303],{},"Voir un chantier proche",[117,305,306],{},"Deux questions mènent à la même page : elles relèvent du même besoin. La dernière colonne compte autant que les autres : une page sans action attendue est souvent une page dont on peut se passer.",[126,308,310],{"id":309},"une-page-par-besoin","Une page par besoin",[117,312,313],{},"Chaque page répond à une question principale et propose une action. Cette règle évite deux écueils opposés :",[315,316,317,325],"ul",{},[318,319,320,324],"li",{},[321,322,323],"strong",{},"la page fourre-tout",", comme « Nos prestations », qui résume en dix lignes la création, l’entretien et l’élagage : elle ne répond précisément à aucune question ;",[318,326,327,330],{},[321,328,329],{},"les pages en double",", comme « Qui sommes-nous » et « Nos valeurs », qui racontent la même histoire : le visiteur ne sait pas laquelle lire, ni le moteur de recherche laquelle proposer.",[117,332,333],{},"Pour trancher, demandez-vous si la page a un public et une action qui lui sont propres, et si quelqu’un pourrait la chercher sur Google avec ses propres mots. Si la réponse est non aux deux, fusionnez-la avec sa voisine.",[117,335,336,337,341],{},"Si vous avez rempli la ligne « Pages indispensables » de ",[121,338,340],{"href":339},"\u002Fjournal\u002Fcahier-des-charges-site-internet-en-une-page","notre modèle de cahier des charges en une page",", vous tenez déjà un premier jet. Ajoutez-y les pages que personne ne cherche mais que chacun doit pouvoir trouver, comme les mentions légales : leur place est dans le pied de page, pas dans le menu.",[126,343,345],{"id":344},"trois-niveaux-au-plus-profondeur-menu-et-fil-dariane","Trois niveaux au plus : profondeur, menu et fil d’Ariane",[117,347,348],{},"Chaque niveau ajoute un clic, et un choix, entre le visiteur et sa réponse. Sous l’accueil, trois niveaux suffisent à la plupart des sites : les rubriques, les pages, et un niveau de détail pour les catalogues.",[350,351,353],"h3",{"id":352},"la-profondeur-combien-de-clics-depuis-laccueil","La profondeur : combien de clics depuis l’accueil ?",[117,355,356,357,220],{},"Visez trois clics au plus entre l’accueil et chaque page importante. C’est un garde-fou plutôt qu’une loi : un clic de plus gêne peu s’il rapproche visiblement du but. Mais Google indique qu’il peut tenir compte du nombre de liens à suivre pour atteindre une page, et du nombre de liens qui y mènent, pour estimer son importance relative (",[121,358,361],{"href":359,"rel":360},"https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fspecialty\u002Fecommerce\u002Fhelp-google-understand-your-ecommerce-site-structure?hl=fr",[218],"guide de Google sur la structure d’un site e-commerce",[117,363,364,365,369,370,375],{},"Le menu n’est pas le seul chemin : les liens placés dans les textes, qui forment avec lui le ",[121,366,368],{"href":367},"\u002Fglossaire#maillage-interne","maillage interne du site",", rapprochent des pages de branches différentes. Pour mesurer la profondeur d’un site existant, un logiciel d’exploration comme ",[121,371,374],{"href":372,"rel":373},"https:\u002F\u002Fwww.screamingfrog.co.uk\u002Fseo-spider\u002F",[218],"Screaming Frog SEO Spider",", gratuit jusqu’à 500 adresses, indique pour chaque page le nombre de clics depuis l’accueil.",[350,377,379],{"id":378},"le-menu-peu-dentrées-des-mots-clairs","Le menu : peu d’entrées, des mots clairs",[117,381,382],{},"Le menu montre le premier niveau, parfois le deuxième. Sur notre site, il compte cinq entrées et un bouton de contact ; les services y sont rangés en trois familles, dans un sous-menu. Quelques règles le gardent lisible :",[315,384,385,388,391,394],{},[318,386,387],{},"des intitulés courts, avec les mots de vos clients : « Entretien de jardins » plutôt que « Nos solutions vertes » ;",[318,389,390],{},"un seul niveau de sous-menu : des tiroirs successifs se manient mal au doigt comme au clavier ;",[318,392,393],{},"l’action principale, devis ou réservation, mise à part sous forme de bouton ;",[318,395,396,397,401,402,405,406,220],{},"de vrais liens : en règle générale, Google n’explore que les liens écrits avec un élément HTML ",[398,399,400],"code",{},"\u003Ca>"," muni d’un attribut ",[398,403,404],{},"href"," (",[121,407,410],{"href":408,"rel":409},"https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fcrawling-indexing\u002Flinks-crawlable?hl=fr",[218],"liens explorables selon Google",[350,412,414],{"id":413},"le-fil-dariane-et-le-plan-du-site-savoir-où-lon-est","Le fil d’Ariane et le plan du site : savoir où l’on est",[117,416,417,418,423],{},"Le fil d’Ariane affiche le chemin de la page consultée et permet de remonter en un clic à chaque niveau supérieur. Google recommande qu’il représente un chemin classique de visiteur plutôt que de dupliquer la structure de l’URL (",[121,419,422],{"href":420,"rel":421},"https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fappearance\u002Fstructured-data\u002Fbreadcrumb?hl=fr",[218],"documentation du fil d’Ariane",") ; depuis janvier 2025, Google ne l’affiche plus dans ses résultats sur mobile, seulement sur ordinateur.",[117,425,426,427,432,433,437],{},"Le plan du site offre un second chemin à qui ne trouve pas une page par le menu. Le RGAA 4.1.2, le référentiel français d’accessibilité numérique, demande au moins deux systèmes de navigation parmi le menu, le plan du site et un moteur de recherche interne, sauf pour un site de très peu de pages. Ses critères exigent aussi un menu toujours à la même place et un plan du site représentatif de l’architecture générale du site (",[121,428,431],{"href":429,"rel":430},"https:\u002F\u002Faccessibilite.numerique.gouv.fr\u002Fmethode\u002Fcriteres-et-tests\u002F#12",[218],"critères de la thématique Navigation","). ",[121,434,436],{"href":435},"\u002Fplan-du-site","Le plan du site de notre studio",", accessible depuis le pied de chaque page, reprend toutes les pages publiées.",[126,439,441],{"id":440},"trois-exemples-darborescence-commentés","Trois exemples d’arborescence commentés",[117,443,444],{},"Voici trois arborescences types pour des entreprises imaginaires, avec l’adresse de chaque page. Chacune illustre un choix différent.",[350,446,448],{"id":447},"un-site-vitrine-le-paysagiste-de-vertou","Un site vitrine : le paysagiste de Vertou",[315,450,451],{},[318,452,453,454,457],{},"Accueil — ",[398,455,456],{},"\u002F",[315,458,459,479,485,499,505,511],{},[318,460,461,462,465],{},"Création de jardins — ",[398,463,464],{},"\u002Fcreation-de-jardins",[315,466,467,473],{},[318,468,469,470],{},"Terrasses et allées — ",[398,471,472],{},"\u002Fcreation-de-jardins\u002Fterrasses-et-allees",[318,474,475,476],{},"Plantations et massifs — ",[398,477,478],{},"\u002Fcreation-de-jardins\u002Fplantations",[318,480,481,482],{},"Entretien de jardins — ",[398,483,484],{},"\u002Fentretien-de-jardins",[318,486,487,488,491],{},"Réalisations — ",[398,489,490],{},"\u002Frealisations",[315,492,493],{},[318,494,495,496],{},"Une page par chantier — ",[398,497,498],{},"\u002Frealisations\u002Fjardin-sec-a-vertou",[318,500,501,502],{},"Zone d’intervention — ",[398,503,504],{},"\u002Fzone-intervention",[318,506,507,508],{},"L’entreprise — ",[398,509,510],{},"\u002Fentreprise",[318,512,513,514],{},"Demander un devis — ",[398,515,516],{},"\u002Fdevis",[117,518,519],{},"La création a des sous-pages, car chaque prestation répond à une recherche distincte, comme « terrasse en bois Vertou » ; l’entretien reste une seule page tant que ses questions relèvent du même besoin. Une page unique décrit la zone d’intervention, plutôt qu’une page par commune, et aucune page n’est à plus de deux clics de l’accueil. Par rapport à l’exemple rempli de notre modèle de cahier des charges, « Contact » devient « Demander un devis », l’action attendue, et « L’entreprise » rassure ceux qui comparent plusieurs paysagistes.",[350,521,523],{"id":522},"un-site-de-services-une-entreprise-de-nettoyage-nantaise","Un site de services : une entreprise de nettoyage nantaise",[315,525,526],{},[318,527,453,528,530],{},[398,529,456],{},[315,531,532,552,577,583],{},[318,533,534,535,538],{},"Particuliers — ",[398,536,537],{},"\u002Fparticuliers",[315,539,540,546],{},[318,541,542,543],{},"Ménage à domicile — ",[398,544,545],{},"\u002Fparticuliers\u002Fmenage-a-domicile",[318,547,548,549],{},"Nettoyage de vitres — ",[398,550,551],{},"\u002Fnettoyage-de-vitres",[318,553,554,555,558],{},"Professionnels — ",[398,556,557],{},"\u002Fprofessionnels",[315,559,560,566,572],{},[318,561,562,563],{},"Entretien de bureaux — ",[398,564,565],{},"\u002Fprofessionnels\u002Fentretien-de-bureaux",[318,567,568,569],{},"Fin de chantier — ",[398,570,571],{},"\u002Fprofessionnels\u002Ffin-de-chantier",[318,573,548,574,576],{},[398,575,551],{}," (la même page)",[318,578,579,580],{},"Tarifs — ",[398,581,582],{},"\u002Ftarifs",[318,584,513,585],{},[398,586,516],{},[117,588,589],{},"Particuliers et professionnels ne posent pas les mêmes questions : le premier niveau les sépare. La prestation commune garde une seule page, citée par les deux branches, plutôt que deux pages presque identiques. Entrer par le profil ou par la prestation ? Le tri de cartes, présenté plus bas, permet de trancher.",[350,591,593],{"id":592},"une-boutique-en-ligne-une-torréfaction-nantaise","Une boutique en ligne : une torréfaction nantaise",[315,595,596],{},[318,597,453,598,600],{},[398,599,456],{},[315,601,602,630,636,642,648],{},[318,603,604,605,608],{},"Cafés — ",[398,606,607],{},"\u002Fcafes",[315,609,610,624],{},[318,611,612,613,616],{},"Pure origine — ",[398,614,615],{},"\u002Fcafes\u002Fpure-origine",[315,617,618],{},[318,619,620,621],{},"Éthiopie Sidamo — ",[398,622,623],{},"\u002Fproduits\u002Fethiopie-sidamo",[318,625,626,627],{},"Assemblages — ",[398,628,629],{},"\u002Fcafes\u002Fassemblages",[318,631,632,633],{},"Thés et infusions — ",[398,634,635],{},"\u002Fthes-et-infusions",[318,637,638,639],{},"Matériel — ",[398,640,641],{},"\u002Fmateriel",[318,643,644,645],{},"Coffrets cadeaux — ",[398,646,647],{},"\u002Fcoffrets",[318,649,650,651],{},"Abonnement — ",[398,652,653],{},"\u002Fabonnement",[117,655,656],{},"Trois choix structurent cette boutique :",[315,658,659,665,671],{},[318,660,661,664],{},[321,662,663],{},"la mouture est une variante"," choisie sur la fiche produit, pas une rubrique : en grains ou moulu, c’est le même café ;",[318,666,667,670],{},[321,668,669],{},"l’adresse du produit ne contient pas sa catégorie"," : le même café peut apparaître dans « Pure origine » et dans une sélection de Noël sans changer d’adresse ;",[318,672,673,676,677,220],{},[321,674,675],{},"les filtres ne sont pas des rubriques"," : chaque combinaison d’origine, d’intensité ou de prix crée le plus souvent une adresse. Google met en garde contre ces « espaces d’URL infinis » et conseille, si vous n’en avez pas besoin dans les résultats, d’en empêcher l’exploration en laissant explorables les fiches produits et une liste sans filtre (",[121,678,681],{"href":679,"rel":680},"https:\u002F\u002Fdevelopers.google.com\u002Fcrawling\u002Fdocs\u002Ffaceted-navigation?hl=fr",[218],"gérer la navigation à facettes",[117,683,684],{},"Le guide e-commerce de Google conseille de relier le menu aux catégories, les catégories aux sous-catégories, puis à toutes les fiches produits, car son robot n’utilise en général pas le moteur de recherche interne. À défaut de lien, déclarez le produit dans un sitemap ou un flux Google Merchant Center.",[126,686,688],{"id":687},"des-url-lisibles-et-stables","Des URL lisibles et stables",[117,690,691],{},"Chaque page reçoit une adresse. Elle se lit dans un e-mail, sur un devis ou sous un QR code, et doit durer :",[315,693,694,713,727,733],{},[318,695,696,699,700,702,703,706,707,712],{},[321,697,698],{},"des mots plutôt que des numéros"," : ",[398,701,484],{}," plutôt que ",[398,704,705],{},"\u002Fpage.php?id=12",", avec des tirets entre les mots, comme le recommande Google (",[121,708,711],{"href":709,"rel":710},"https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fcrawling-indexing\u002Furl-structure?hl=fr",[218],"structure des URL",") ;",[318,714,715,718,719,722,723,726],{},[321,716,717],{},"des minuscules, sans accents"," : Google distingue ",[398,720,721],{},"\u002FContact"," de ",[398,724,725],{},"\u002Fcontact",", et un « é » devient souvent « %C3%A9 » une fois l’adresse copiée ;",[318,728,729,732],{},[321,730,731],{},"un ou deux segments suffisent"," : selon son guide e-commerce, Google ne tient en général pas compte de la structure des URL pour déterminer l’architecture d’un site, mais des liens entre les pages ;",[318,734,735,738,739,742,743,748],{},[321,736,737],{},"rien qui changera"," : ni extension comme ",[398,740,741],{},".php",", ni mention « nouveau », ni catégorie susceptible de bouger. Tim Berners-Lee, l’inventeur du web, le résumait dès 1998 dans ",[121,744,747],{"href":745,"rel":746},"https:\u002F\u002Fwww.w3.org\u002FProvider\u002FStyle\u002FURI",[218],"un texte publié sur le site du W3C"," : « Cool URIs don’t change », une bonne adresse ne change pas.",[117,750,751,752,755,756,124],{},"Sur notre site, l’adresse d’un article ne contient pas sa rubrique : celle de ce guide, ",[398,753,754],{},"\u002Fjournal\u002Farborescence-site-web-methode-et-exemples",", ne bougera pas s’il change de rubrique. Si une adresse doit tout de même changer, une redirection 301 doit mener de l’ancienne à la nouvelle, comme l’explique notre ",[121,757,759],{"href":758},"\u002Fjournal\u002Frefonte-site-sans-perdre-son-referencement","checklist pour refondre un site sans perdre son référencement",[126,761,763],{"id":762},"tester-larborescence-avant-les-maquettes","Tester l’arborescence avant les maquettes",[117,765,766],{},"Une arborescence se teste sans graphisme : les intitulés suffisent. La Commission européenne décrit deux méthodes complémentaires dans son guide de conception de sites web.",[350,768,770],{"id":769},"le-tri-de-cartes-comment-vos-clients-rangent-ils-vos-pages","Le tri de cartes : comment vos clients rangent-ils vos pages ?",[117,772,773,774,220],{},"Chaque page ou contenu est écrit sur une carte, en papier ou dans un outil en ligne. Dans le tri ouvert, les participants regroupent les cartes à leur façon et nomment chaque groupe : vous découvrez leur logique. Dans le tri fermé, ils les rangent dans vos rubriques : vous vérifiez la vôtre. Pour ses propres sites, la Commission conseille de 30 à 50 cartes, toujours moins de 100, et 25 participants par profil d’utilisateur (",[121,775,778],{"href":776,"rel":777},"https:\u002F\u002Fcommission.europa.eu\u002Fresources\u002Feuropa-web-guide\u002Fplanning-your-web-presence\u002Farchitecture-and-navigation\u002Farchitecture-building-and-testing-methods\u002Fcard-sorting-method_en",[218],"méthode du tri de cartes, en anglais",[350,780,782],{"id":781},"le-test-darborescence-trouve-t-on-la-bonne-page","Le test d’arborescence : trouve-t-on la bonne page ?",[117,784,785,786,220],{},"On présente l’arborescence sous forme de menu en texte seul, puis on confie aux participants des tâches concrètes : « Votre haie déborde sur le trottoir : où cliquez-vous ? » On mesure le taux de réussite, la part de réussites du premier coup et le temps passé. La Commission recommande jusqu’à 50 participants pour un test en ligne sans animateur, et 10 tâches au plus par personne (",[121,787,790],{"href":788,"rel":789},"https:\u002F\u002Fcommission.europa.eu\u002Fresources\u002Feuropa-web-guide\u002Fplanning-your-web-presence\u002Farchitecture-and-navigation\u002Farchitecture-building-and-testing-methods\u002Ftree-testing-method_en",[218],"méthode du test d’arborescence, en anglais",[117,792,793],{},"Pour un site vitrine, une version légère suffit souvent : quelques personnes proches de vos clients, accompagnées et invitées à penser à voix haute. Les chiffres sont moins solides, mais vous comprenez pourquoi elles se trompent.",[795,796,798],"callout",{"type":797},"conseil",[117,799,800],{},"Rédigez les tâches avec les mots de vos clients, jamais avec ceux du menu. Si la consigne parle d’« entretien », tout le monde cliquera sur « Entretien », et le test ne prouvera rien.",[117,802,803,804,808,809,812],{},"Une fois l’arborescence validée vient le zoning, qui répartit les contenus sur chaque page : c’est là que commence ",[121,805,807],{"href":806},"\u002Fjournal\u002Fmaquette-prototype-design-system-etapes-du-webdesign","notre guide des étapes du webdesign, du zoning au prototype",". Dans ",[121,810,811],{"href":28},"nos missions de webdesign UX\u002FUI",", arborescence et parcours prioritaires sont ainsi validés avec vous avant tout travail graphique.",[126,814,816],{"id":815},"cinq-erreurs-darborescence-à-éviter","Cinq erreurs d’arborescence à éviter",[315,818,819,825,831,842,848],{},[318,820,821,824],{},[321,822,823],{},"Recopier l’organigramme"," : un menu « Pôle travaux \u002F Pôle services » décrit votre organisation, pas les besoins de vos clients.",[318,826,827,830],{},[321,828,829],{},"Créer une rubrique « Divers »"," : elle trahit une page sans public ou une rubrique manquante.",[318,832,833,836,837,220],{},[321,834,835],{},"Multiplier les pages presque identiques",", une par commune ou par mot-clé : Google les range parmi les abus de pages satellites lorsqu’elles ressemblent plus à des résultats de recherche qu’à une arborescence claire (",[121,838,841],{"href":839,"rel":840},"https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fessentials\u002Fspam-policies?hl=fr",[218],"règles de Google contre le spam",[318,843,844,847],{},[321,845,846],{},"Laisser des pages orphelines"," : une page qu’aucun lien interne ne rejoint échappe aux visiteurs, et les robots ne la trouvent que par le sitemap ou un lien externe.",[318,849,850,853],{},[321,851,852],{},"Figer l’arborescence"," : une offre arrêtée laisse une page obsolète, un nouveau service se greffe n’importe où. Revoyez-la chaque année et à chaque nouvelle offre.",[117,855,856,857,124],{},"Phileas Fogg partait avec un itinéraire calculé au jour près ; un site gagne à tracer le sien avant la première maquette. Pour un site vitrine, l’arborescence se construit avec vous pendant l’atelier de cadrage, première étape de ",[121,858,859],{"href":6},"nos projets de création de site vitrine à Nantes",{"title":861,"searchDepth":26,"depth":26,"links":862},"",[863,864,865,866,871,876,877,881],{"id":128,"depth":19,"text":129},{"id":223,"depth":19,"text":224},{"id":309,"depth":19,"text":310},{"id":344,"depth":19,"text":345,"children":867},[868,869,870],{"id":352,"depth":26,"text":353},{"id":378,"depth":26,"text":379},{"id":413,"depth":26,"text":414},{"id":440,"depth":19,"text":441,"children":872},[873,874,875],{"id":447,"depth":26,"text":448},{"id":522,"depth":26,"text":523},{"id":592,"depth":26,"text":593},{"id":687,"depth":19,"text":688},{"id":762,"depth":19,"text":763,"children":878},[879,880],{"id":769,"depth":26,"text":770},{"id":781,"depth":26,"text":782},{"id":815,"depth":19,"text":816},null,"2026-11-04","Arborescence d’un site web : organisez vos pages à partir des questions de vos clients, en trois niveaux au plus. La méthode, avec trois exemples commentés.","md",[887,890,893,896,899],{"question":888,"answer":889},"À quel moment faire l’arborescence d’un site internet ?","Au tout début du projet, avant le zoning et les maquettes. Dans notre méthode, elle est fixée dès le cadrage, la première des cinq escales, à partir de vos objectifs et des recherches de vos clients. Elle peut encore s’ajuster pendant la conception des pages, mais chaque rubrique déplacée après les maquettes oblige à reprendre des écrans déjà dessinés.",{"question":891,"answer":892},"Avec quel outil faire l’arborescence d’un site ?","Un tableur ou une simple liste indentée suffisent pour quelques dizaines de pages : une ligne par page, avec son titre, son adresse, son niveau et la question à laquelle elle répond. Un tableau blanc en ligne, comme FigJam ou Miro, aide ensuite à la présenter sous forme de schéma. Pour un site plus vaste, des outils en ligne de tri de cartes et de test d’arborescence permettent de faire participer vos clients à distance.",{"question":894,"answer":895},"Faut-il revoir l’arborescence lors d’une refonte ?","Oui, en partant de ce qui fonctionne déjà. Repérez dans la Search Console et dans votre outil de mesure d’audience les pages qui reçoivent des visites, des liens ou des demandes de contact. Gardez-les, fusionnez les pages qui se répètent, créez celles qui manquent, et redirigez chaque adresse modifiée vers sa nouvelle équivalente.",{"question":897,"answer":898},"Un site d’une seule page a-t-il besoin d’une arborescence ?","Oui, à l’échelle de la page : l’ordre des sections tient lieu d’arborescence, et le menu renvoie vers des ancres plutôt que vers des pages. Mais une page unique répond difficilement à plusieurs recherches différentes. Dès que vous proposez plusieurs services distincts, une page par service sera plus claire pour vos visiteurs et plus facile à trouver dans les moteurs de recherche.",{"question":900,"answer":901},"Qui doit valider l’arborescence d’un site ?","La personne qui décide côté entreprise, après avoir consulté celles qui sont au contact des clients : accueil, commerciaux, techniciens. Elles savent quelles questions reviennent et quels mots les clients emploient. Une fois validée par écrit, l’arborescence sert de référence pour arbitrer les demandes qui arrivent en cours de projet.",false,"arborescence site web",{},true,"ux-contenus-accessibilite",{"title":908,"description":884},"Arborescence de site web : méthode et exemples",[910,911],"webdesign-ux-ui-nantes","creation-site-vitrine-nantes",{"loc":754,"lastmod":883},"journal\u002Farborescence-site-web-methode-et-exemples","Avant de dessiner la moindre page, il faut décider lesquelles existent et comment elles s’emboîtent. Voici notre méthode pour construire l’arborescence d’un site, avec trois exemples commentés et deux façons simples de la tester.","zMEJGXrd5e6YtQxQWBqiyx9Edq4uLcjUZ3kV_4ApbQw",{"rubrique":917,"author":919,"articles":929,"surround":1080},{"path":98,"title":99,"navTitle":100,"color":32,"promise":918,"service":910},"Des pages claires pour tout le monde, comprises en cinq secondes, sur tous les écrans.",{"id":920,"avatar":882,"bio":921,"extension":922,"kind":923,"linkedin":882,"meta":924,"name":925,"role":926,"stem":927,"__hash__":928},"auteurs\u002Fauteurs\u002Fequipe-fogg.yml","Nous concevons, développons et référençons des sites internet dans notre studio à Nantes : le design, le code et le SEO sont faits par la même équipe. Dans notre journal, nous partageons ce que nos projets nous apprennent, sans jargon ni recette miracle.","yml","Organization",{},"L’équipe FOGG","Designers et développeurs web à Nantes","auteurs\u002Fequipe-fogg","meeZrKeERqL_z9wDxs9-KEBQVU-S_fJG72JEtKhFKbQ",[930,936,938,946,951,958,966,971,978,984,989,994,999,1005,1011,1017,1022,1028,1034,1040,1045,1051,1057,1064,1069,1075],{"path":931,"title":932,"summary":933,"date":883,"rubrique":906,"services":934},"\u002Fjournal\u002Fanimations-site-web-utiles-ou-nuisibles","Animations sur un site web : utiles ou nuisibles ?","Certaines animations guident vos visiteurs, d’autres ralentissent la page, les distraient ou leur donnent le vertige. Voici nos critères pour faire le tri, les règles d’accessibilité à connaître et la façon d’animer sans alourdir votre site.",[910,935],"optimisation-vitesse-site-web-nantes",{"path":754,"title":111,"summary":914,"date":883,"rubrique":906,"services":937},[910,911],{"path":939,"title":940,"summary":941,"date":883,"rubrique":942,"services":943},"\u002Fjournal\u002Fbaisse-de-trafic-google-trouver-la-cause","Baisse de trafic sur Google : comment en trouver la cause","Mesure faussée, erreur technique, mise à jour de Google, Aperçus IA ou simple saisonnalité : voici comment trouver la cause d’une baisse de trafic Google, dans l’ordre, et quoi faire ensuite.","seo-visibilite-locale",[944,945],"referencement-naturel-seo-nantes","maintenance-site-internet-nantes",{"path":947,"title":948,"summary":949,"date":883,"rubrique":906,"services":950},"\u002Fjournal\u002Fbandeau-cookies-regles-cnil","Bandeau cookies : les règles de la CNIL à respecter en 2026","Refuser aussi simplement qu’accepter, expliquer les finalités, conserver le choix : voici ce que la CNIL attend d’un bandeau cookies en 2026, ce qui a changé cette année et comment le rendre accessible sans ralentir votre site.",[945,910],{"path":952,"title":953,"summary":954,"date":883,"rubrique":955,"services":956},"\u002Fjournal\u002Fbouton-de-retractation-obligatoire","Bouton de rétractation obligatoire : ce qui change depuis le 19 juin 2026","Depuis le 19 juin 2026, une boutique en ligne doit permettre à ses clients particuliers d’exercer leur droit de rétractation depuis le site, par un bouton « renoncer au contrat ici ». Voici ce que disent les textes, qui est concerné et comment l’intégrer sans alourdir votre parcours.","design-conversion-ecommerce",[957,945],"creation-site-e-commerce-nantes",{"path":959,"title":960,"summary":961,"date":883,"rubrique":962,"services":963},"\u002Fjournal\u002Fci-cd-pipeline-de-deploiement","CI\u002FCD, c’est quoi ? Le pipeline de déploiement expliqué","Intégration continue, livraison ou déploiement continus : ce que recouvre la CI\u002FCD, à quoi ressemble un pipeline pour un site ou une application, ce que votre entreprise y gagne et comment le sécuriser.","projet-web-budget-methode",[964,965],"infrastructure-cloud-nantes","developpement-web-sur-mesure-nantes",{"path":967,"title":968,"summary":969,"date":883,"rubrique":942,"services":970},"\u002Fjournal\u002Fcore-web-vitals-lcp-inp-cls","Core Web Vitals : LCP, INP et CLS expliqués simplement","La page s’affiche-t-elle vite, réagit-elle tout de suite, reste-t-elle stable ? Le LCP, l’INP et le CLS répondent à ces trois questions : voici comment Google les mesure, comment les tester et par où commencer pour les améliorer.",[935,944],{"path":972,"title":973,"summary":974,"date":883,"rubrique":962,"services":975},"\u002Fjournal\u002Feco-conception-web-rgesn","Éco-conception web : ce que demande le RGESN","Le référentiel officiel de l’éco-conception web compte 78 critères, mais aucune loi n’oblige une entreprise à l’appliquer. Voici ce qu’il demande vraiment à un site vitrine ou à une boutique, et comment fixer un budget de poids, mesurer sans se tromper et publier sa déclaration.",[976,977],"eco-conception-web-nantes","refonte-site-internet-nantes",{"path":979,"title":980,"summary":981,"date":883,"rubrique":962,"services":982},"\u002Fjournal\u002Fn8n-make-zapier-quel-outil-d-automatisation","n8n, Make ou Zapier : quel outil pour automatiser vos tâches ?","Zapier pour démarrer sans technicien, Make pour les flux qui se ramifient, n8n pour garder la main sur vos données : ce qui distingue vraiment ces trois outils, de la facturation à la maintenance, prix relevés le 4 novembre 2026.",[983,965],"automatisation-processus-nantes",{"path":985,"title":986,"summary":987,"date":883,"rubrique":942,"services":988},"\u002Fjournal\u002Fpourquoi-mon-site-n-apparait-pas-sur-google","Pourquoi mon site n’apparaît pas sur Google ? Causes et solutions","Site trop récent, réglage qui bloque Google, page explorée mais non retenue, classement trop faible : voici comment trouver la cause avec deux outils gratuits, puis la corriger.",[944,911],{"path":990,"title":991,"summary":992,"date":883,"rubrique":962,"services":993},"\u002Fjournal\u002Fpreparer-son-site-au-black-friday","Préparer son site au Black Friday : tenir le pic de trafic","Estimer le pic, le simuler, mettre en cache, prévoir la montée en charge et organiser le jour J : la méthode pour que votre boutique tienne au moment où elle vend le plus, avec un plan sur trois semaines.",[964,957],{"path":995,"title":996,"summary":997,"date":883,"rubrique":955,"services":998},"\u002Fjournal\u002Fsite-vitrine-ou-site-e-commerce","Site vitrine ou site e-commerce : comment choisir ?","Un site vitrine prépare la vente, une boutique en ligne la conclut. Voici comment choisir selon votre offre, votre budget et votre temps, et quelles solutions existent entre les deux.",[911,957],{"path":1000,"title":1001,"summary":1002,"date":883,"rubrique":962,"services":1003},"\u002Fjournal\u002Fsite-wordpress-pirate-que-faire","Site WordPress piraté : que faire dans les premières heures ?","Redirections, pages de spam, alerte de Google : quand un site WordPress est piraté, les premières heures comptent. Voici quoi faire, dans l’ordre, et ce qu’il ne faut surtout pas effacer.",[1004,945],"audit-securite-site-web-nantes",{"path":1006,"title":1007,"summary":1008,"date":1009,"rubrique":962,"services":1010},"\u002Fjournal\u002Fchoisir-son-agence-web-a-nantes","Choisir son agence web à Nantes : 12 questions à poser avant de signer","Portfolio, prix, bon contact : ces critères ne suffisent pas. Douze questions révèlent comment une agence travaille vraiment et ce que vous posséderez à la fin.","2026-10-29",[911],{"path":1012,"title":1013,"summary":1014,"date":1015,"rubrique":955,"services":1016},"\u002Fjournal\u002Fshopify-woocommerce-prestashop-quelle-solution-choisir","Shopify, WooCommerce ou PrestaShop : quelle solution choisir ?","Trois solutions sérieuses, trois logiques différentes : voici comment comparer coûts, souplesse et propriété des données pour choisir la vôtre sans regret.","2026-10-27",[957],{"path":230,"title":1018,"summary":1019,"date":1020,"rubrique":906,"services":1021},"Rédiger le contenu d’un site internet : être compris en cinq secondes","Un visiteur décide en quelques secondes s’il reste sur votre page. Voici la méthode que nous suivons pour écrire des textes de site clairs, utiles et bien référencés, avec un exemple avant\u002Faprès.","2026-10-24",[910,911],{"path":1023,"title":1024,"summary":1025,"date":1026,"rubrique":942,"services":1027},"\u002Fjournal\u002Freferencement-local-nantes-google-business-profile","Référencement local à Nantes : guide pour apparaître dans Google Maps","Pertinence, distance, notoriété : Google classe les entreprises locales selon trois critères. Voici comment les travailler quand vos clients sont à Nantes.","2026-10-22",[944],{"path":1029,"title":1030,"summary":1031,"date":1032,"rubrique":962,"services":1033},"\u002Fjournal\u002Fdevis-site-internet-comparer-deux-propositions","Devis de site internet : comment comparer deux propositions","Deux devis pour le même site, deux montants qui vont du simple au double : avant de choisir le moins cher, vérifiez qu’ils décrivent bien le même projet.","2026-10-20",[911,977],{"path":1035,"title":1036,"summary":1037,"date":1038,"rubrique":955,"services":1039},"\u002Fjournal\u002Fsite-vitrine-elements-indispensables","Site vitrine efficace : les 10 éléments qui transforment une visite en contact","Un site vitrine n’a qu’une mission : donner envie de vous contacter. Voici les dix éléments qui font la différence, et comment vérifier ceux de votre site.","2026-10-17",[911,910],{"path":806,"title":1041,"summary":1042,"date":1043,"rubrique":906,"services":1044},"Zoning, wireframe, maquette de site web, prototype : les étapes du webdesign","Entre la première réunion et la mise en ligne, un site passe par plusieurs états : zoning, maquettes, prototype, design system. À quoi sert chaque étape, que validez-vous, et pourquoi c’est là que se font les vraies économies.","2026-10-15",[910],{"path":1046,"title":1047,"summary":1048,"date":1049,"rubrique":942,"services":1050},"\u002Fjournal\u002Fseo-ia-etre-cite-par-les-moteurs-de-reponse","SEO et IA : comment apparaître dans ChatGPT et les Aperçus IA","Aperçus IA, Mode IA, ChatGPT ou Perplexity citent leurs sources. Voici ce qui aide vraiment un site à en faire partie, documentation officielle à l’appui.","2026-10-13",[944],{"path":1052,"title":1053,"summary":1054,"date":1055,"rubrique":962,"services":1056},"\u002Fjournal\u002Fmaintenance-site-internet-que-prevoir","Maintenance de site internet : que prévoir après la mise en ligne ?","Un site n’est pas terminé le jour de sa mise en ligne. Voici ce qu’il faut prévoir pour qu’il reste sûr, rapide et bien référencé, et comment s’organiser.","2026-10-10",[945],{"path":1058,"title":1059,"summary":1060,"date":1061,"rubrique":906,"services":1062},"\u002Fjournal\u002Feuropean-accessibility-act-ce-qui-change-pour-votre-site","European Accessibility Act : ce que la loi sur l’accessibilité numérique change pour votre site","Depuis le 28 juin 2025, l’accessibilité est obligatoire pour de nombreux services en ligne, à commencer par la vente aux particuliers. Qui est concerné, quelles règles appliquer, quels risques, et par où commencer.","2026-10-08",[1063,957],"accessibilite-numerique-nantes",{"path":339,"title":1065,"summary":1066,"date":1067,"rubrique":962,"services":1068},"Cahier des charges de site internet : un modèle en une page","Inutile d’écrire quarante pages : un cahier des charges d’une seule page, honnête et précis, suffit à cadrer un site vitrine et à obtenir des devis comparables.","2026-10-06",[911,965],{"path":1070,"title":1071,"summary":1072,"date":1073,"rubrique":955,"services":1074},"\u002Fjournal\u002Ffiche-produit-e-commerce-qui-vend","Fiche produit e-commerce : l’anatomie d’une page qui vend","Titre, photos, prix, avis, bouton d’achat : chaque bloc d’une fiche produit répond à une question de l’acheteur. Voici comment les assembler pour qu’elle vende.","2026-10-03",[957,910],{"path":758,"title":1076,"summary":1077,"date":1078,"rubrique":942,"services":1079},"Refonte de site et SEO : comment ne pas perdre son référencement","Une refonte mal préparée peut faire perdre une bonne partie du trafic venu de Google. Inventaire, redirections, préproduction, suivi : la méthode pour l’éviter.","2026-10-01",[977,944],[1081,1084],{"title":932,"path":931,"stem":1082,"description":1083,"children":-1},"journal\u002Fanimations-site-web-utiles-ou-nuisibles","Animation de site web : ce qu’elle apporte au visiteur, ce qu’elle coûte en vitesse (LCP, INP, CLS) et en accessibilité, et comment animer utile et léger.",{"title":940,"path":939,"stem":1085,"description":1086,"children":-1},"journal\u002Fbaisse-de-trafic-google-trouver-la-cause","Baisse de trafic Google : vérifiez la mesure, les erreurs techniques, les mises à jour de 2026, les Aperçus IA et la demande, puis agissez cause par cause.",{"path":28,"title":29,"summary":31,"color":32},1793879329105]