[{"data":1,"prerenderedAt":838},["ShallowReactive",2],{"site-nav":3,"article-eco-conception-web-rgesn":109,"article-linked-eco-conception-web-rgesn":665,"cta-service-eco-conception-web-nantes":837},{"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":630,"coverAlt":630,"date":631,"dateModified":630,"description":632,"extension":633,"faq":634,"featured":650,"head":630,"keyword":651,"meta":652,"navigation":653,"ogImage":630,"path":654,"robots":630,"rubrique":655,"schemaOrg":630,"seo":656,"services":658,"sitemap":661,"stem":662,"summary":663,"__hash__":664},"journal\u002Fjournal\u002Feco-conception-web-rgesn.md","Éco-conception web : ce que demande le RGESN","equipe-fogg",{"type":114,"value":115,"toc":618},"minimark",[116,120,128,133,143,146,150,159,168,291,295,298,307,311,314,430,434,437,446,458,462,465,500,509,517,521,524,544,547,550,562,566,579,599,603,606],[117,118,119],"p",{},"L’éco-conception web consiste à concevoir un site qui rend le même service avec moins de ressources — moins de données transférées, moins de calcul — et qui reste utilisable sur un appareil ancien ou avec une connexion lente. Le référentiel général de l’écoconception des services numériques (RGESN), publié en mai 2024 par l’Arcep et l’Arcom avec l’ADEME, la traduit en 78 critères. Pour un site, il demande notamment de rester utilisable avec un processeur vieux de dix ans et en bas débit, de désactiver la lecture automatique des vidéos et des sons, de fixer un poids et un nombre de requêtes maximum par page, puis de publier une déclaration d’écoconception.",[117,121,122,123,127],{},"Aucune loi n’oblige une entreprise à l’appliquer, mais c’est le socle commun proposé par la puissance publique. Ce guide, qui complète ",[124,125,126],"a",{"href":106},"nos conseils pour un site rapide, sûr et sobre, qui dure",", détaille ce qu’il change sur vos pages, comment mesurer et comment rédiger votre déclaration.",[129,130,132],"h2",{"id":131},"ce-que-pèse-le-numérique-et-ce-quun-site-y-peut","Ce que pèse le numérique, et ce qu’un site y peut",[117,134,135,136,142],{},"L’évaluation publiée par l’ADEME en janvier 2025, sur des données de 2022, chiffre l’empreinte carbone du numérique en France à 29,5 millions de tonnes équivalent CO2 : 4,4 % de l’empreinte nationale, un peu moins que les émissions de l’ensemble des poids lourds. Le numérique absorbe aussi 11 % de la consommation d’électricité du pays (",[124,137,141],{"href":138,"rel":139},"https:\u002F\u002Flibrairie.ademe.fr\u002Fsociete-et-politiques-publiques\u002F7880-9522-evaluation-de-l-impact-environnemental-du-numerique-en-france.html",[140],"nofollow","mise à jour de l’étude ADEME-Arcep","). Le RGESN cite encore 2,5 %, le chiffre de l’étude précédente sur 2020, qui ignorait les centres de données situés à l’étranger, où sont hébergés, selon l’ADEME, environ 53 % des usages français.",[117,144,145],{},"Les terminaux pèsent 50 % de cette empreinte, les centres de données 46 % et les réseaux 4 % ; la fabrication des équipements en concentre 60 %. Un site agit donc à deux niveaux : ne pas obliger ses visiteurs à changer d’appareil pour rester fluide, et solliciter moins les serveurs, avec moins de fichiers, de calculs et de copies de données.",[129,147,149],{"id":148},"le-rgesn-en-bref-78-questions-neuf-thématiques","Le RGESN en bref : 78 questions, neuf thématiques",[117,151,152,153,158],{},"Le référentiel découle de l’article 25 de la ",[124,154,157],{"href":155,"rel":156},"https:\u002F\u002Fwww.legifrance.gouv.fr\u002Fjorf\u002Fid\u002FJORFTEXT000044327272",[140],"loi du 15 novembre 2021 visant à réduire l’empreinte environnementale du numérique en France",", dite loi REEN. Élaboré par l’Arcep et l’Arcom en lien avec l’ADEME, avec le concours de la DINUM, de la CNIL et de l’Inria, il s’adresse à tous les métiers du numérique. Il vaut pour un site comme pour une API, une application ou un service d’intelligence artificielle : selon le service, certains critères sont déclarés non applicables.",[117,160,161,162,167],{},"Chaque critère prend la forme d’une question, comme « Le service numérique est-il utilisable sur d’anciens modèles de terminaux ? », et renvoie à une fiche pratique : objectif, mise en œuvre, moyen de test. Trois niveaux de priorité les classent — 30 critères « Prioritaire », les 48 autres « Recommandé » ou « Modéré » — et neuf thématiques suivent le cycle de vie du service, détaillées dans ",[124,163,166],{"href":164,"rel":165},"https:\u002F\u002Fwww.arcep.fr\u002Fmes-demarches-et-services\u002Fentreprises\u002Ffiches-pratiques\u002Freferentiel-general-ecoconception-services-numeriques.html",[140],"le référentiel publié sur le site de l’Arcep"," :",[169,170,171,187],"table",{},[172,173,174],"thead",{},[175,176,177,181,184],"tr",{},[178,179,180],"th",{},"Thématique",[178,182,183],{},"Critères",[178,185,186],{},"Exemple de critère, reformulé",[188,189,190,202,212,223,239,250,260,271,281],"tbody",{},[175,191,192,196,199],{},[193,194,195],"td",{},"Stratégie",[193,197,198],{},"10",[193,200,201],{},"Des objectifs de réduction des impacts sont-ils fixés ?",[175,203,204,207,209],{},[193,205,206],{},"Spécifications",[193,208,198],{},[193,210,211],{},"Les profils de matériel des utilisateurs sont-ils définis ?",[175,213,214,217,220],{},[193,215,216],{},"Architecture",[193,218,219],{},"7",[193,221,222],{},"Les ressources s’adaptent-elles à la demande réelle ?",[175,224,225,228,231],{},[193,226,227],{},"Expérience et interface utilisateur",[193,229,230],{},"15",[193,232,233,234,238],{},"Les procédés manipulatoires (",[235,236,237],"em",{},"dark patterns",") sont-ils évités ?",[175,240,241,244,247],{},[193,242,243],{},"Contenus",[193,245,246],{},"8",[193,248,249],{},"Les contenus périmés sont-ils archivés ou supprimés ?",[175,251,252,255,257],{},[193,253,254],{},"Frontend",[193,256,219],{},[193,258,259],{},"Les contenus transférés sont-ils mis en cache ?",[175,261,262,265,268],{},[193,263,264],{},"Backend",[193,266,267],{},"4",[193,269,270],{},"Les données ont-elles une durée de conservation ?",[175,272,273,276,278],{},[193,274,275],{},"Hébergement",[193,277,198],{},[193,279,280],{},"L’électricité de l’hébergeur est-elle documentée et majoritairement renouvelable ?",[175,282,283,286,288],{},[193,284,285],{},"Algorithmie",[193,287,219],{},[193,289,290],{},"La nécessité d’entraîner un modèle d’IA a-t-elle été interrogée ?",[129,292,294],{"id":293},"le-rgesn-est-il-obligatoire","Le RGESN est-il obligatoire ?",[117,296,297],{},"Pas pour une entreprise : le référentiel se présente lui-même comme un « document non contraignant ». Deux conditions s’appliquent toutefois dès que vous vous en réclamez. Il faut publier une déclaration d’écoconception, prérequis pour s’en prévaloir, et toute communication sur la démarche, score compris, doit respecter le cadre des allégations environnementales, notamment en matière de fiabilité, de transparence et de vérifiabilité.",[117,299,300,301,306],{},"Les collectivités sont dans une autre situation. La loi REEN impose aux communes et aux intercommunalités à fiscalité propre de plus de 50 000 habitants, comme Nantes, Saint-Nazaire ou Nantes Métropole, d’avoir défini, au plus tard le 1er janvier 2025, une stratégie numérique responsable assortie d’objectifs de réduction, dont le bilan figure chaque année dans leur rapport sur la situation en matière de développement durable. Le Code général des collectivités territoriales cite ",[124,302,305],{"href":303,"rel":304},"https:\u002F\u002Fwww.legifrance.gouv.fr\u002Fcodes\u002Farticle_lc\u002FLEGIARTI000053316553",[140],"l’écoconception des sites et des services numériques"," parmi les objectifs que cette stratégie peut viser, sans imposer le RGESN.",[129,308,310],{"id":309},"les-critères-qui-changent-le-plus-un-site-vitrine-ou-une-boutique","Les critères qui changent le plus un site vitrine ou une boutique",[117,312,313],{},"Voici les critères qui transforment le plus les pages elles-mêmes, avec leur niveau de priorité. Pour une boutique, ils portent d’abord sur les pages catégories et les fiches produits ; pour un site vitrine, sur l’accueil, là où s’accumulent vidéo, carrousel, polices et scripts.",[169,315,316,329],{},[172,317,318],{},[175,319,320,323,326],{},[178,321,322],{},"Critère",[178,324,325],{},"Ce qu’il demande",[178,327,328],{},"Sur votre site",[188,330,331,342,353,364,375,386,397,408,419],{},[175,332,333,336,339],{},[193,334,335],{},"2.2 et 2.4 · Prioritaire",[193,337,338],{},"Rester utilisable avec un processeur sorti il y a au moins dix ans et des versions de navigateurs vieilles de deux ans",[193,340,341],{},"Affichage dégradé admis, mais le formulaire de devis ou le panier doivent fonctionner",[175,343,344,347,350],{},[193,345,346],{},"2.3 · Recommandé",[193,348,349],{},"Tester en 3G en mobilité et à 512 kbit\u002Fs en fixe",[193,351,352],{},"Images en qualité réduite si besoin, texte et boutons utilisables",[175,354,355,358,361],{},[193,356,357],{},"4.1 · Prioritaire",[193,359,360],{},"Pas de lecture automatique, des commandes pour toute animation de plus de quatre secondes ou tout son de plus de deux",[193,362,363],{},"La vidéo attend un clic, le carrousel peut être mis en pause",[175,365,366,369,372],{},[193,367,368],{},"4.2 · Prioritaire",[193,370,371],{},"Pas de défilement infini",[193,373,374],{},"Pagination ou bouton « Voir plus » sur les pages catégories",[175,376,377,380,383],{},[193,378,379],{},"4.4 · Recommandé",[193,381,382],{},"Un service tiers ne se charge qu’à la demande du visiteur",[193,384,385],{},"Carte, vidéo externe, module de discussion : une vignette, puis le service au clic",[175,387,388,391,394],{},[193,389,390],{},"5.1, 5.2 et 6.4 · Recommandé",[193,392,393],{},"Formats efficaces pour plus de 75 % des images matricielles, compression adaptée, dimensions proches de l’affichage",[193,395,396],{},"Photos en WebP ou en AVIF, redimensionnées automatiquement quand votre équipe les publie",[175,398,399,402,405],{},[193,400,401],{},"6.1 · Recommandé",[193,403,404],{},"Un poids et un nombre de requêtes maximum par page",[193,406,407],{},"Un budget par gabarit (voir ci-dessous)",[175,409,410,413,416],{},[193,411,412],{},"6.5 · Recommandé",[193,414,415],{},"Ne charger une ressource que lorsqu’elle sert",[193,417,418],{},"Images chargées quand le visiteur s’en approche, sauf celle du haut de page",[175,420,421,424,427],{},[193,422,423],{},"8.3 · Prioritaire, 8.5 et 8.6 · Recommandé",[193,425,426],{},"PUE réel inférieur à 1,5, électricité documentée et majoritairement renouvelable, serveurs dans un pays à moins de 100 g CO2e\u002FkWh",[193,428,429],{},"Des justificatifs à demander à votre hébergeur, dont des contrats d’électricité renouvelable à long terme plutôt que de simples garanties d’origine",[129,431,433],{"id":432},"fixer-un-budget-environnemental-lexemple-de-nantes-métropole","Fixer un budget environnemental : l’exemple de Nantes Métropole",[117,435,436],{},"Le critère 6.1 demande de s’astreindre à un poids et à un nombre de requêtes maximum par écran, toutes ressources comprises. Le référentiel ne fixe pas de seuil universel : il demande d’afficher les vôtres dans la déclaration, en précisant si la limite de requêtes couvre seulement le chargement de la page ou aussi son fonctionnement, comme les vérifications d’un formulaire.",[117,438,439,440,445],{},"Pour la refonte de metropole.nantes.fr, Nantes Métropole et la Ville de Nantes ont publié le « budget environnemental » qui cadre le projet, dans une démarche articulée autour du RGESN (",[124,441,444],{"href":442,"rel":443},"https:\u002F\u002Fmetropole.nantes.fr\u002Fla-demarche-d-eco-conception",[140],"présentation de leur démarche d’éco-conception","). Aucune page ne doit dépasser 1 Mo de données transférées, 30 requêtes HTTP par chargement ni trois secondes de chargement, et un prestataire indépendant attribue au parcours testé un score qui doit atteindre au moins 60. Un chargement de plus de 2 Mo et de 50 requêtes, ou un score de parcours inférieur à 50, est traité comme une anomalie à corriger.",[117,447,448,449,453,454,457],{},"Pour fixer le vôtre, raisonnez par gabarit — accueil, page de service, article, fiche produit — avec un objectif et une limite d’alerte pour chacun. Inscrivez-les dans la ligne « Contraintes » de ",[124,450,452],{"href":451},"\u002Fjournal\u002Fcahier-des-charges-site-internet-en-une-page","votre cahier des charges en une page"," : l’agence pourra en tenir compte dès le devis. Et si vous préparez une ",[124,455,456],{"href":21},"refonte de site internet",", posez-les dès l’audit de départ : on reprend alors la structure au lieu de compenser ses excès.",[129,459,461],{"id":460},"mesurer-sans-se-tromper","Mesurer sans se tromper",[117,463,464],{},"Une mesure ne vaut que par ses conditions. Comme Phileas Fogg, qui notait à chaque escale l’arrivée prévue et l’arrivée réelle, notez pour chaque relevé la date, la page, l’appareil, le navigateur et la connexion, et prenez quatre précautions :",[466,467,468,482,488,494],"ul",{},[469,470,471,475,476,481],"li",{},[472,473,474],"strong",{},"Videz le cache."," Dans l’onglet Network des outils de développement de Chrome, la case « Disable cache » simule un premier passage, et la barre d’état affiche le nombre de requêtes et le volume transféré (",[124,477,480],{"href":478,"rel":479},"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Fdevtools\u002Fnetwork\u002Freference",[140],"documentation de Chrome DevTools",", en anglais). Ouvrez ces outils avant de charger la page : le compteur ne retient que les requêtes enregistrées depuis leur ouverture. Mesurez aussi une seconde visite, pour vérifier le cache.",[469,483,484,487],{},[472,485,486],{},"Bridez la connexion"," avec les préréglages de débit du même onglet, jusqu’à la 3G.",[469,489,490,493],{},[472,491,492],{},"Mesurez des parcours, pas seulement l’accueil"," : fiche produit, panier, formulaire de contact.",[469,495,496,499],{},[472,497,498],{},"Mesurez avec et sans consentement aux cookies"," : les services tiers soumis à l’accord du visiteur ne doivent se charger qu’après celui-ci, et la page n’a pas le même poids dans les deux cas.",[117,501,502,503,508],{},"Les calculateurs d’empreinte carbone traduisent ensuite ces relevés en grammes de CO2 : ce sont des estimations, pas des mesures. EcoIndex, par exemple, combine le nombre d’éléments de la page, le nombre de requêtes et le poids, puis classe la page de A à G par comparaison avec celles déjà analysées. ",[124,504,507],{"href":505,"rel":506},"https:\u002F\u002Fwww.ecoindex.fr\u002Fcomment-ca-marche\u002F",[140],"Sa documentation"," présente ses chiffres de gaz à effet de serre et d’eau comme des ordres de grandeur, à comparer seulement entre pages comparables.",[117,510,511,512,516],{},"Le score d’avancement du RGESN ne mesure pas l’impact non plus : il suit la mise en œuvre des critères. Pour évaluer l’empreinte réelle d’un service, le critère 1.5 recommande une méthode reconnue, si possible une analyse de cycle de vie multicritère, avant de fixer des objectifs de réduction. Au quotidien, pilotez des grandeurs physiques, kilo-octets et requêtes, et refaites le relevé à chaque mise à jour importante, comme le reste de ",[124,513,515],{"href":514},"\u002Fjournal\u002Fmaintenance-site-internet-que-prevoir","la maintenance d’un site après sa mise en ligne",".",[129,518,520],{"id":519},"rédiger-sa-déclaration-décoconception","Rédiger sa déclaration d’écoconception",[117,522,523],{},"La déclaration est le document public qui rend la démarche vérifiable. Le RGESN recommande de la dater, de la mettre à jour à chaque modification significative du service et de la publier sur le site, par exemple à côté de la déclaration d’accessibilité. Sa première page devrait indiquer :",[466,525,526,529,532,535,538,541],{},[469,527,528],{},"le nom du service, la date de rédaction et celle de la dernière mise à jour ;",[469,530,531],{},"les critères validés et non validés ;",[469,533,534],{},"le score d’avancement, si possible le précédent et celui visé, par exemple à deux ans ;",[469,536,537],{},"le plan d’avancement : engagements pris et actions menées, notamment contre l’obsolescence des appareils ;",[469,539,540],{},"les parcours évalués, qui couvrent les fonctionnalités principales ;",[469,542,543],{},"la documentation de chaque critère applicable.",[117,545,546],{},"Plusieurs fiches y ajoutent des informations précises : profil de matériel minimal, appareil et débit des tests, versions de navigateurs prises en charge, poids et requêtes maximum par page, pays et ville de l’hébergement. Le référentiel fournit un modèle de déclaration et un tableur d’autoévaluation qui calcule le score et s’exporte en PDF.",[117,548,549],{},"Ce score pondère chaque critère validé selon sa priorité — 1,5 pour « Prioritaire », 1,25 pour « Recommandé », 1 pour « Modéré » — et le rapporte au total des critères applicables, pondérés de même. Un site qui valide 15 critères prioritaires sur 20 applicables, 12 recommandés sur 20 et 8 modérés sur 10 obtient (22,5 + 15 + 8) ÷ (30 + 25 + 10), soit 70 %. Un critère respecté à moitié compte comme non validé.",[117,551,552,553,558,559,516],{},"La Communauté d’agglomération de La Rochelle a ainsi publié ",[124,554,557],{"href":555,"rel":556},"https:\u002F\u002Fagglo-larochelle.fr\u002Fdocuments\u002F10839\u002F10306270\u002Fagglo_larochelle_rgesn_2024_declaration_ecoconception.pdf",[140],"la déclaration d’écoconception de son site",", évaluée le 3 juin 2024 : un score global de 75 %, un score par thématique et la grille complète. Rédigez la vôtre comme un relevé, pas comme une publicité : les formules du type « site neutre en carbone » sont encadrées par la loi, comme l’explique ",[124,560,561],{"href":42},"notre page consacrée à l’éco-conception web à Nantes",[129,563,565],{"id":564},"sobriété-accessibilité-performance-un-même-chantier","Sobriété, accessibilité, performance : un même chantier",[117,567,568,569,574,575,516],{},"Les trois démarches se renforcent souvent. Une image aux bonnes dimensions allège la page et peut accélérer l’affichage du contenu principal. Un composant natif du navigateur, que privilégie le critère 4.5 du RGESN, sert aussi l’accessibilité : ",[124,570,573],{"href":571,"rel":572},"https:\u002F\u002Fdeveloper.mozilla.org\u002Ffr\u002Fdocs\u002FWeb\u002FAccessibility\u002FARIA",[140],"la documentation de MDN sur ARIA"," rappelle que les éléments HTML natifs disposent déjà de la navigation au clavier, de rôles et d’états. Un texte en HTML plutôt qu’en image pèse moins et se lit avec un lecteur d’écran, ce que demande aussi, quand c’est possible, le critère 1.8 du ",[124,576,578],{"href":577},"\u002Fglossaire#rgaa","RGAA, le référentiel d’accessibilité",[117,580,581,582,587,588,593,594,598],{},"Elles ne se confondent pas pour autant. Alléger l’image principale n’améliore pas toujours le LCP, qui mesure le temps d’affichage du plus grand élément visible : le temps gagné peut se reporter sur une autre étape, prévient ",[124,583,586],{"href":584,"rel":585},"https:\u002F\u002Fweb.dev\u002Farticles\u002Foptimize-lcp",[140],"le guide de Google pour optimiser le LCP"," (en anglais). À l’inverse, le prérendu des pages accélère la navigation mais consomme davantage de bande passante et de mémoire, selon ",[124,589,592],{"href":590,"rel":591},"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Fweb-platform\u002Fprerender-pages",[140],"la documentation de Chrome sur le prérendu"," (en anglais), quand le RGESN demande de ne charger une ressource que lorsqu’elle sert. Vérifiez donc chaque démarche avec sa propre grille ; pour la vitesse, ",[124,595,597],{"href":596},"\u002Fjournal\u002Fcore-web-vitals-lcp-inp-cls","notre guide des Core Web Vitals"," explique les trois indicateurs de Google.",[129,600,602],{"id":601},"par-où-commencer","Par où commencer",[117,604,605],{},"Inutile de viser d’emblée un score parfait : le RGESN sert à savoir où vous en êtes, à le publier et à progresser. Trois étapes suffisent pour démarrer :",[607,608,609,612,615],"ol",{},[469,610,611],{},"Mesurez vos trois pages les plus consultées, cache vidé, sur mobile et en connexion lente.",[469,613,614],{},"Fixez un budget de poids et de requêtes par gabarit, avec une limite d’alerte.",[469,616,617],{},"Passez en revue les 30 critères prioritaires, en notant ceux qui ne s’appliquent pas à votre site, puis publiez une première déclaration, même modeste, avec votre plan d’action.",{"title":619,"searchDepth":26,"depth":26,"links":620},"",[621,622,623,624,625,626,627,628,629],{"id":131,"depth":19,"text":132},{"id":148,"depth":19,"text":149},{"id":293,"depth":19,"text":294},{"id":309,"depth":19,"text":310},{"id":432,"depth":19,"text":433},{"id":460,"depth":19,"text":461},{"id":519,"depth":19,"text":520},{"id":564,"depth":19,"text":565},{"id":601,"depth":19,"text":602},null,"2026-11-04","Éco-conception web : ce que demande le RGESN, s’il est obligatoire, comment fixer un budget de poids, mesurer sans se tromper et rédiger sa déclaration.","md",[635,638,641,644,647],{"question":636,"answer":637},"Le RGESN s’applique-t-il aussi aux applications mobiles ?","Oui : le référentiel vaut pour tout service numérique, des sites aux applications à installer. Pour une application native, les seuils changent : elle doit fonctionner sur des appareils mis sur le marché il y a sept ans ou plus, dans la dernière version de leur système, et sur les versions du système d’exploitation sorties jusqu’à cinq ans plus tôt. Le référentiel lui recommande aussi un mode hors ligne pour les fonctions qui s’y prêtent.",{"question":639,"answer":640},"Quelle différence entre le RGESN et le RGAA ?","Le RGAA sert à vérifier qu’un site est accessible aux personnes handicapées ; le RGESN, qu’il est éco-conçu. Le premier décline une obligation légale qui vise de nombreux organismes publics et, depuis l’entrée en application de l’European Accessibility Act le 28 juin 2025, une partie des entreprises ; le second reste volontaire. Chacun a sa grille et sa déclaration, mais beaucoup de corrections servent les deux, comme la suppression de la lecture automatique des vidéos.",{"question":642,"answer":643},"Peut-on évaluer son site soi-même avec le RGESN ?","Oui, le référentiel est fait pour cela : il s’adresse à tous les métiers du numérique et fournit un tableur d’autoévaluation. Réunissez les bonnes personnes : la direction pour les critères de stratégie, le développeur pour le frontend et le backend, votre hébergeur pour le PUE et l’origine de son électricité. Un regard extérieur aide surtout à mesurer dans des conditions reproductibles et à trancher les critères litigieux.",{"question":645,"answer":646},"Comment vérifier qu’un site est vraiment éco-conçu ?","Cherchez d’abord sa déclaration d’écoconception, sans laquelle personne ne peut se prévaloir du RGESN. Vérifiez qu’elle est datée et récente, qu’elle liste les critères non validés autant que les validés, et qu’elle indique le matériel et le débit des tests. Mesurez aussi vous-même le poids de quelques pages dans les outils de développement de votre navigateur : un logo vert ou un slogan, sans déclaration ni mesures, ne prouve rien.",{"question":648,"answer":649},"Faut-il refaire son site pour appliquer le RGESN ?","Non. Beaucoup de critères se traitent sur un site existant : format et compression des images, services tiers chargés à la demande, cache, lecture automatique désactivée. D’autres touchent à la structure, comme l’architecture ou le défilement infini, et se règlent plus facilement lors d’une refonte. Un audit permet de séparer ce qui se corrige tout de suite de ce qui attendra le prochain projet.",false,"éco-conception web",{},true,"\u002Fjournal\u002Feco-conception-web-rgesn","projet-web-budget-methode",{"title":657,"description":632},"Éco-conception web : le RGESN expliqué",[659,660],"eco-conception-web-nantes","refonte-site-internet-nantes",{"loc":654,"lastmod":631},"journal\u002Feco-conception-web-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.","8WTu5xFBcQtjbYomrYLB0-X1Kok_5VqnPogeDDp4-vA",{"rubrique":666,"author":669,"articles":679,"surround":830},{"path":106,"title":107,"navTitle":108,"color":10,"promise":667,"service":668},"Un projet cadré, un site rapide, sûr et sobre, qui vieillit bien.","maintenance-site-internet-nantes",{"id":670,"avatar":630,"bio":671,"extension":672,"kind":673,"linkedin":630,"meta":674,"name":675,"role":676,"stem":677,"__hash__":678},"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",[680,688,694,701,706,713,720,724,726,732,737,742,747,753,759,765,771,777,783,789,795,801,806,813,818,824],{"path":681,"title":682,"summary":683,"date":631,"rubrique":684,"services":685},"\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.","ux-contenus-accessibilite",[686,687],"webdesign-ux-ui-nantes","optimisation-vitesse-site-web-nantes",{"path":689,"title":690,"summary":691,"date":631,"rubrique":684,"services":692},"\u002Fjournal\u002Farborescence-site-web-methode-et-exemples","Arborescence d’un site web : la méthode, avec des 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.",[686,693],"creation-site-vitrine-nantes",{"path":695,"title":696,"summary":697,"date":631,"rubrique":698,"services":699},"\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",[700,668],"referencement-naturel-seo-nantes",{"path":702,"title":703,"summary":704,"date":631,"rubrique":684,"services":705},"\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.",[668,686],{"path":707,"title":708,"summary":709,"date":631,"rubrique":710,"services":711},"\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",[712,668],"creation-site-e-commerce-nantes",{"path":714,"title":715,"summary":716,"date":631,"rubrique":655,"services":717},"\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.",[718,719],"infrastructure-cloud-nantes","developpement-web-sur-mesure-nantes",{"path":596,"title":721,"summary":722,"date":631,"rubrique":698,"services":723},"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.",[687,700],{"path":654,"title":111,"summary":663,"date":631,"rubrique":655,"services":725},[659,660],{"path":727,"title":728,"summary":729,"date":631,"rubrique":655,"services":730},"\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.",[731,719],"automatisation-processus-nantes",{"path":733,"title":734,"summary":735,"date":631,"rubrique":698,"services":736},"\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.",[700,693],{"path":738,"title":739,"summary":740,"date":631,"rubrique":655,"services":741},"\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.",[718,712],{"path":743,"title":744,"summary":745,"date":631,"rubrique":710,"services":746},"\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.",[693,712],{"path":748,"title":749,"summary":750,"date":631,"rubrique":655,"services":751},"\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.",[752,668],"audit-securite-site-web-nantes",{"path":754,"title":755,"summary":756,"date":757,"rubrique":655,"services":758},"\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",[693],{"path":760,"title":761,"summary":762,"date":763,"rubrique":710,"services":764},"\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",[712],{"path":766,"title":767,"summary":768,"date":769,"rubrique":684,"services":770},"\u002Fjournal\u002Frediger-les-textes-de-son-site-internet","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",[686,693],{"path":772,"title":773,"summary":774,"date":775,"rubrique":698,"services":776},"\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",[700],{"path":778,"title":779,"summary":780,"date":781,"rubrique":655,"services":782},"\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",[693,660],{"path":784,"title":785,"summary":786,"date":787,"rubrique":710,"services":788},"\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",[693,686],{"path":790,"title":791,"summary":792,"date":793,"rubrique":684,"services":794},"\u002Fjournal\u002Fmaquette-prototype-design-system-etapes-du-webdesign","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",[686],{"path":796,"title":797,"summary":798,"date":799,"rubrique":698,"services":800},"\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",[700],{"path":514,"title":802,"summary":803,"date":804,"rubrique":655,"services":805},"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",[668],{"path":807,"title":808,"summary":809,"date":810,"rubrique":684,"services":811},"\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",[812,712],"accessibilite-numerique-nantes",{"path":451,"title":814,"summary":815,"date":816,"rubrique":655,"services":817},"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",[693,719],{"path":819,"title":820,"summary":821,"date":822,"rubrique":710,"services":823},"\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",[712,686],{"path":825,"title":826,"summary":827,"date":828,"rubrique":698,"services":829},"\u002Fjournal\u002Frefonte-site-sans-perdre-son-referencement","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",[660,700],[831,834],{"title":721,"path":596,"stem":832,"description":833,"children":-1},"journal\u002Fcore-web-vitals-lcp-inp-cls","Core Web Vitals : ce que mesurent le LCP, l’INP et le CLS, les seuils de Google, comment tester votre site et améliorer chaque indicateur, sans jargon.",{"title":728,"path":727,"stem":835,"description":836,"children":-1},"journal\u002Fn8n-make-zapier-quel-outil-d-automatisation","n8n ou Make, ou plutôt Zapier ? Prix réels, hébergement des données, prise en main, maintenance : comparez avant de choisir votre outil d’automatisation.",{"path":42,"title":43,"summary":45,"color":18},1793879330250]