[{"data":1,"prerenderedAt":916},["ShallowReactive",2],{"site-nav":3,"article-bandeau-cookies-regles-cnil":109,"article-linked-bandeau-cookies-regles-cnil":742,"cta-service-maintenance-site-internet-nantes":915},{"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":710,"coverAlt":710,"date":711,"dateModified":710,"description":712,"extension":713,"faq":714,"featured":727,"head":710,"keyword":728,"meta":729,"navigation":730,"ogImage":710,"path":731,"robots":710,"rubrique":732,"schemaOrg":710,"seo":733,"services":735,"sitemap":738,"stem":739,"summary":740,"__hash__":741},"journal\u002Fjournal\u002Fbandeau-cookies-regles-cnil.md","Bandeau cookies : les règles de la CNIL à respecter en 2026","equipe-fogg",{"type":114,"value":115,"toc":691},"minimark",[116,125,130,146,242,245,253,257,266,269,291,298,302,305,308,350,358,362,365,368,374,378,387,398,401,410,419,423,428,437,441,450,453,457,471,475,496,588,595,599,603,611,634,638,652,655,663,667,688],[117,118,119,120,124],"p",{},"Un bandeau cookies n’est obligatoire que si votre site utilise des traceurs soumis au consentement : publicité, pixels de réseaux sociaux, contenus tiers, mesure d’audience non exemptée. Dans ce cas, la CNIL attend qu’aucun de ces traceurs ne soit déposé avant l’accord du visiteur, que celui-ci connaisse les finalités et les sociétés concernées, qu’il puisse refuser aussi simplement qu’accepter et changer d’avis à tout moment. Ce socle de 2020 a été complété fin 2025 et en 2026. Voici les règles, sources officielles à l’appui, dans le prolongement de ",[121,122,123],"a",{"href":98},"nos conseils pour des pages claires et accessibles",".",[126,127,129],"h2",{"id":128},"bandeau-cookies-quand-est-il-obligatoire","Bandeau cookies : quand est-il obligatoire ?",[117,131,132,133,139,140,145],{},"La règle vient de l’",[121,134,138],{"href":135,"rel":136},"https:\u002F\u002Fwww.legifrance.gouv.fr\u002Floda\u002Farticle_lc\u002FLEGIARTI000037813978",[137],"nofollow","article 82 de la loi Informatique et Libertés",", qui transpose la directive européenne « ePrivacy » : lire ou écrire des informations sur l’appareil du visiteur suppose de l’informer, puis d’obtenir son consentement. Seules exceptions : ce qui sert exclusivement à la communication électronique et ce qui est strictement nécessaire au service que le visiteur a expressément demandé. La CNIL vise d’ailleurs ",[121,141,144],{"href":142,"rel":143},"https:\u002F\u002Fwww.cnil.fr\u002Ffr\u002Fcookies-et-autres-traceurs\u002Fque-dit-la-loi",[137],"les pixels invisibles, l’empreinte d’un terminal et les autres identifiants",", pas seulement les cookies.",[147,148,149,165],"table",{},[150,151,152],"thead",{},[153,154,155,159,162],"tr",{},[156,157,158],"th",{},"Usage",[156,160,161],{},"Exemple",[156,163,164],{},"Consentement",[166,167,168,180,190,201,212,222,232],"tbody",{},[153,169,170,174,177],{},[171,172,173],"td",{},"Panier, connexion au compte client",[171,175,176],{},"Cookie de panier ou de connexion",[171,178,179],{},"Non",[153,181,182,185,188],{},[171,183,184],{},"Mémoriser le choix sur les cookies",[171,186,187],{},"Cookie de consentement",[171,189,179],{},[153,191,192,195,198],{},[171,193,194],{},"Anti-spam dont le fournisseur réutilise les données",[171,196,197],{},"reCAPTCHA de Google, selon la CNIL",[171,199,200],{},"Oui",[153,202,203,206,209],{},[171,204,205],{},"Mesure d’audience anonyme, pour votre seul compte",[171,207,208],{},"Outil configuré pour l’exemption",[171,210,211],{},"Non, sous conditions",[153,213,214,217,220],{},[171,215,216],{},"Mesure d’audience dont le fournisseur réutilise les données",[171,218,219],{},"Google Analytics, selon la CNIL",[171,221,200],{},[153,223,224,227,230],{},[171,225,226],{},"Publicité, reciblage, conversions",[171,228,229],{},"Pixels des régies et des réseaux sociaux",[171,231,200],{},[153,233,234,237,240],{},[171,235,236],{},"Contenus tiers intégrés",[171,238,239],{},"Vidéo, carte, bouton de partage qui dépose des traceurs",[171,241,200],{},[117,243,244],{},"Pour un bouton de partage ou une vidéo hébergée par une plateforme, la CNIL admet que le consentement soit demandé quand le visiteur veut l’activer, dans une fenêtre qui présente les traceurs de la plateforme. Le contenu ne se charge qu’après son accord.",[117,246,247,248,252],{},"Si votre site ne dépose aucun traceur soumis au consentement, aucun bandeau n’est nécessaire. C’est le cas du nôtre, sans mesure d’audience, publicité ni contenu tiers, comme l’explique ",[121,249,251],{"href":250},"\u002Fpolitique-de-confidentialite","notre politique de confidentialité",". La CNIL recommande tout de même de mentionner les traceurs exemptés dans ce type de page.",[126,254,256],{"id":255},"refuser-doit-être-aussi-simple-quaccepter","Refuser doit être aussi simple qu’accepter",[117,258,259,260,265],{},"La ",[121,261,264],{"href":262,"rel":263},"https:\u002F\u002Fwww.cnil.fr\u002Fsites\u002Fdefault\u002Ffiles\u002F2026-01\u002Frecommandation_cookies_consolidee.pdf",[137],"recommandation « cookies et autres traceurs » de la CNIL, version consolidée de janvier 2026",", préconise fortement de proposer le refus sur le même écran et avec la même facilité que l’acceptation. Le plus clair : deux boutons « Tout refuser » et « Tout accepter » au premier niveau, de même taille, dans la même police et mis en évidence de la même façon. En sanctionnant plusieurs sites en 2026, la CNIL l’a rappelé : si l’on peut tout accepter en un clic, on doit pouvoir tout refuser en un clic.",[117,267,268],{},"Ce qui pose problème :",[270,271,272,276,279,282],"ul",{},[273,274,275],"li",{},"un bouton « Accepter » seul, et un lien « Personnaliser » qui impose plusieurs clics pour refuser ;",[273,277,278],{},"un bouton de refus grisé, plus petit ou noyé dans le texte ;",[273,280,281],{},"une croix de fermeture dont l’effet n’est pas indiqué : fermer le bandeau peut valoir refus, à condition de l’indiquer sur le bandeau ;",[273,283,284,285,290],{},"considérer que poursuivre la navigation vaut accord : selon les ",[121,286,289],{"href":287,"rel":288},"https:\u002F\u002Fwww.cnil.fr\u002Ffr\u002Fcookies-et-autres-traceurs\u002Fregles\u002Fcookies\u002FFAQ",[137],"questions-réponses de la CNIL sur les cookies",", sans acte positif clair, c’est un refus.",[117,292,293,294,297],{},"La CNIL met aussi en garde contre le design qui valorise un choix ou laisse croire le consentement obligatoire. Un bandeau honnête se conçoit comme tout écran du parcours, avec les méthodes de ",[121,295,296],{"href":28},"notre accompagnement en webdesign UX\u002FUI"," : hiérarchie claire, libellés explicites, test sur mobile.",[126,299,301],{"id":300},"informer-par-finalité-et-nommer-les-partenaires","Informer par finalité et nommer les partenaires",[117,303,304],{},"Les finalités doivent être présentées avant le choix : la CNIL recommande une liste courte sur le premier écran, puis leur détail derrière un lien ou un bouton déroulant. La liste exhaustive et à jour des sociétés concernées doit aussi être accessible depuis le bandeau ; la CNIL suggère de lui donner un intitulé clair, comme « liste des sociétés utilisant des traceurs sur notre site », et d’indiquer leur nombre dès le premier écran.",[117,306,307],{},"Un exemple fictif, d’après ces recommandations :",[309,310,311,317,320,334,337],"blockquote",{},[117,312,313],{},[314,315,316],"strong",{},"Vos choix sur les cookies",[117,318,319],{},"Avec votre accord, nous et nos 4 partenaires utilisons des traceurs pour :",[270,321,322,328],{},[273,323,324,327],{},[314,325,326],{},"Publicité personnalisée"," : vous montrer des offres liées à votre navigation ;",[273,329,330,333],{},[314,331,332],{},"Mesure publicitaire"," : évaluer l’efficacité de nos publicités.",[117,335,336],{},"Vous pourrez changer d’avis à tout moment grâce au lien « Gérer mes cookies », en bas de chaque page.",[117,338,339,342,343,342,346,349],{},[314,340,341],{},"Tout refuser"," · ",[314,344,345],{},"Personnaliser mes choix",[314,347,348],{},"Tout accepter"," · Voir les 4 partenaires",[117,351,352,353,357],{},"La CNIL recommande de laisser accepter ou refuser chaque finalité séparément, ce que permet ici le bouton « Personnaliser mes choix ». Des cases pré-cochées ne valent pas consentement, pas plus que l’acceptation des conditions générales d’utilisation, et toute nouvelle finalité soumise au consentement impose de redemander. ",[121,354,356],{"href":355},"\u002Fjournal\u002Frediger-les-textes-de-son-site-internet","Notre méthode pour rédiger le contenu d’un site internet"," vaut aussi pour le texte du bandeau.",[126,359,361],{"id":360},"conserver-le-choix-et-permettre-de-changer-davis","Conserver le choix et permettre de changer d’avis",[117,363,364],{},"Le choix du visiteur, acceptation comme refus, doit être enregistré pour ne pas lui reposer la question à chaque page. La CNIL considère que le conserver six mois est une bonne pratique, à apprécier au cas par cas, et recommande de renouveler la demande à intervalles appropriés.",[117,366,367],{},"Changer d’avis doit être aussi simple que donner son accord. La CNIL suggère un lien « Gérer mes cookies » accessible en permanence, en pied de page par exemple, ou une icône présente sur toutes les pages. Et le retrait doit produire ses effets : les traceurs déjà déposés ne doivent plus être lus.",[117,369,370,371,124],{},"Gardez enfin la preuve des consentements : la CNIL cite par exemple une capture d’écran horodatée du bandeau pour chaque version du site et l’historique des réglages de l’outil de gestion du consentement (CMP). Chaque outil ajouté ensuite — chat en ligne, vidéo, pixel publicitaire — peut déposer de nouveaux traceurs : leur inventaire se revoit à chaque évolution du site, un contrôle à inscrire dans ",[121,372,373],{"href":68},"votre contrat de maintenance de site internet",[126,375,377],{"id":376},"mesure-daudience-les-conditions-de-lexemption","Mesure d’audience : les conditions de l’exemption",[117,379,380,381,386],{},"Mesurer la fréquentation peut se passer de consentement. Selon ",[121,382,385],{"href":383,"rel":384},"https:\u002F\u002Fwww.cnil.fr\u002Ffr\u002Fcookies-solutions-pour-les-outils-de-mesure-daudience",[137],"la page de la CNIL consacrée aux outils de mesure d’audience",", les traceurs doivent alors à la fois :",[270,388,389,392,395],{},[273,390,391],{},"servir uniquement à mesurer l’audience, pour le compte exclusif de l’éditeur du site ;",[273,393,394],{},"produire des statistiques anonymes, sans recoupement avec d’autres traitements ni transmission de données non anonymes à des tiers ;",[273,396,397],{},"ne pas permettre de suivre la navigation d’une personne d’un site à l’autre.",[117,399,400],{},"La CNIL recommande aussi d’en informer les visiteurs, dans la politique de confidentialité notamment. Elle conseille de limiter la durée de vie des traceurs (treize mois, par exemple), sans prolongation automatique à chaque visite, et de conserver les données vingt-cinq mois au plus.",[117,402,403,404,409],{},"Aucun outil n’est « validé par la CNIL » : celle-ci a remplacé sa liste d’outils exemptés par une grille d’auto-évaluation, publiée en juillet 2025, et interdit à leurs éditeurs de se présenter ainsi. Demandez à votre fournisseur la configuration à appliquer et ses justificatifs : en cas de contrôle, votre responsabilité reste engagée. Matomo, par exemple, décrit dans ",[121,405,408],{"href":406,"rel":407},"https:\u002F\u002Fmatomo.org\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002FConfigurer-Matomo-pour-la-CNIL-FR.pdf",[137],"son guide de configuration pour l’exemption"," un mode qui désactive notamment l’identifiant utilisateur, les cartes de chaleur et l’enregistrement des sessions.",[117,411,412,413,418],{},"À l’inverse, un fournisseur qui réutilise les données pour son propre compte sort de l’exemption. ",[121,414,417],{"href":415,"rel":416},"https:\u002F\u002Fwww.cnil.fr\u002Ffr\u002Fmesurer-la-frequentation-de-vos-sites-web-et-de-vos-applications",[137],"La fiche de la CNIL sur la mesure de fréquentation"," cite Google Analytics parmi ces offres, et demande d’obtenir du fournisseur un engagement contractuel de non-réutilisation, avec ses consignes de réglage.",[126,420,422],{"id":421},"ce-qui-change-en-2026","Ce qui change en 2026",[424,425,427],"h3",{"id":426},"comptes-clients-un-choix-valable-sur-tous-les-appareils","Comptes clients : un choix valable sur tous les appareils",[117,429,430,431,436],{},"Depuis le 16 janvier 2026, ",[121,432,435],{"href":433,"rel":434},"https:\u002F\u002Fwww.cnil.fr\u002Ffr\u002Fcookies-et-autres-traceurs-recommandations-finales-sur-le-consentement-multi-terminaux",[137],"les recommandations finales de la CNIL sur le consentement multi-terminaux"," précisent comment un site à compte client peut appliquer les choix du visiteur à tous ses appareils, de l’ordinateur au téléphone. Ce dispositif reste facultatif ; s’il est proposé, le refus doit valoir partout, comme l’accord, et le visiteur doit le savoir avant de choisir.",[424,438,440],{"id":439},"les-pixels-de-suivi-dans-les-e-mails","Les pixels de suivi dans les e-mails",[117,442,443,444,449],{},"Dans sa ",[121,445,448],{"href":446,"rel":447},"https:\u002F\u002Fwww.cnil.fr\u002Ffr\u002Frecommandation-pixel-suivi-courriels",[137],"recommandation sur les pixels de suivi, publiée le 14 avril 2026",", la CNIL soumet au consentement le pixel invisible qui signale l’ouverture d’une newsletter, quand il sert à optimiser les campagnes ou à profiler les destinataires. Sont exemptées la sécurisation d’une authentification et la mesure de la délivrabilité réduite à l’espacement ou à l’arrêt des envois vers les adresses inactives, pour des e-mails demandés par le destinataire ou liés à un service qu’il a demandé.",[117,451,452],{},"La CNIL recommande de recueillir ce consentement dans le formulaire d’inscription et de prévoir un lien de retrait en pied de chaque e-mail. Pour les adresses déjà collectées, elle admettait la poursuite du suivi à condition d’en informer les destinataires dans les trois mois, pour leur permettre de s’y opposer : ce délai est écoulé.",[424,454,456],{"id":455},"en-europe-une-réforme-proposée-rien-dapplicable","En Europe : une réforme proposée, rien d’applicable",[117,458,459,460,465,466,124],{},"Le 19 novembre 2025, la Commission européenne a proposé, dans son paquet « omnibus numérique », de réduire le nombre de bandeaux et de permettre aux internautes de consentir en un clic et d’enregistrer leurs préférences dans le navigateur (",[121,461,464],{"href":462,"rel":463},"https:\u002F\u002Fec.europa.eu\u002Fcommission\u002Fpresscorner\u002Fapi\u002Ffiles\u002Fdocument\u002Fprint\u002Ffr\u002Fip_25_2718\u002FIP_25_2718_FR.pdf",[137],"communiqué de la Commission","). Le texte n’est pas adopté : en novembre 2026, il attend encore le vote des commissions du Parlement européen, selon ",[121,467,470],{"href":468,"rel":469},"https:\u002F\u002Foeil.europarl.europa.eu\u002Foeil\u002Ffr\u002Fprocedure-file?reference=2025%2F0360%28COD%29",[137],"la fiche de procédure du Parlement",[126,472,474],{"id":473},"contrôles-et-sanctions-récentes","Contrôles et sanctions récentes",[117,476,477,478,483,484,489,490,495],{},"En 2025, la CNIL a sanctionné 21 organismes pour des manquements liés aux cookies et autres traceurs, sur 83 sanctions au total, selon ",[121,479,482],{"href":480,"rel":481},"https:\u002F\u002Fwww.cnil.fr\u002Ffr\u002Fbilan-sanctions-2025",[137],"son bilan annuel des sanctions",". Les grandes plateformes ne sont pas seules visées. Parmi ",[121,485,488],{"href":486,"rel":487},"https:\u002F\u002Fwww.cnil.fr\u002Ffr\u002F23-nouvelles-sanctions-simplifiees",[137],"les 23 sanctions prononcées de janvier à juillet 2026 en procédure simplifiée",", réservée aux dossiers simples, plusieurs font suite à des contrôles en ligne de sites de billetterie ou de télémarketing : bandeaux incomplets, cookies déposés avant tout choix, refus caché derrière « Personnaliser ». Dans cette procédure, l’amende est plafonnée à 20 000 euros pour une entreprise de moins de 50 millions d’euros de chiffre d’affaires, et à 100 000 euros au-delà, selon ",[121,491,494],{"href":492,"rel":493},"https:\u002F\u002Fwww.legifrance.gouv.fr\u002Floda\u002Farticle_lc\u002FLEGIARTI000054142442",[137],"l’article 22-1 de la loi Informatique et Libertés"," ; la décision n’est pas rendue publique.",[147,497,498,514],{},[150,499,500],{},[153,501,502,505,508,511],{},[156,503,504],{},"Décision",[156,506,507],{},"Organisme",[156,509,510],{},"Amende",[156,512,513],{},"Ce qui était reproché",[166,515,516,534,551,570],{},[153,517,518,521,528,531],{},[171,519,520],{},"1er septembre 2025",[171,522,523],{},[121,524,527],{"href":525,"rel":526},"https:\u002F\u002Fwww.cnil.fr\u002Ffr\u002Fpublicites-inserees-entre-les-courriels-et-cookies-la-cnil-sanctionne-google-dune-amende-de-325",[137],"Google LLC et Google Ireland",[171,529,530],{},"325 millions d’euros",[171,532,533],{},"Création de compte : refus de la publicité personnalisée plus difficile que l’acceptation jusqu’en octobre 2023, information insuffisante ; publicités dans Gmail sans consentement",[153,535,536,538,545,548],{},[171,537,520],{},[171,539,540],{},[121,541,544],{"href":542,"rel":543},"https:\u002F\u002Fwww.cnil.fr\u002Ffr\u002Fcookies-deposes-sans-consentement-la-cnil-sanctionne-shein-dune-amende-de-150-millions-deuros",[137],"Infinite Styles Services, pour shein.com",[171,546,547],{},"150 millions d’euros",[171,549,550],{},"Traceurs publicitaires déposés dès l’arrivée, bandeaux incomplets, traceurs déposés ou lus malgré un refus",[153,552,553,556,564,567],{},[171,554,555],{},"26 mars 2026",[171,557,558,563],{},[121,559,562],{"href":560,"rel":561},"https:\u002F\u002Fwww.cnil.fr\u002Ffr\u002Fles-sanctions-prononcees-par-la-cnil",[137],"Organisateur d’événements vendant des billets",", en procédure simplifiée",[171,565,566],{},"15 000 euros et injonction",[171,568,569],{},"Consentement et information sur les cookies, parmi d’autres manquements",[153,571,572,575,582,585],{},[171,573,574],{},"22 octobre 2026",[171,576,577],{},[121,578,581],{"href":579,"rel":580},"https:\u002F\u002Fwww.cnil.fr\u002Ffr\u002Fsanction-cookies-app-fnac",[137],"Fnac Darty Participations et Services, Fnac Direct",[171,583,584],{},"7 millions d’euros et injonction sous astreinte",[171,586,587],{},"Traceur de recommandation de produits dans l’application mobile, actif malgré le refus : produits consultés envoyés à un domaine tiers",[589,590,592],"callout",{"type":591},"attention",[117,593,594],{},"Ce guide résume les règles publiées par la CNIL au 4 novembre 2026 et ne remplace pas un avis juridique. Si votre site combine publicité, comptes clients et nombreux partenaires, faites valider votre dispositif par un juriste ou votre délégué à la protection des données.",[126,596,598],{"id":597},"un-bandeau-accessible-et-léger","Un bandeau accessible et léger",[424,600,602],{"id":601},"utilisable-au-clavier-et-avec-un-lecteur-décran","Utilisable au clavier et avec un lecteur d’écran",[117,604,605,606,610],{},"Premier élément avec lequel le visiteur interagit, le bandeau rend tout le site inutilisable s’il bloque le clavier. Sur une boutique soumise à ",[121,607,609],{"href":608},"\u002Fjournal\u002Feuropean-accessibility-act-ce-qui-change-pour-votre-site","l’European Accessibility Act, applicable depuis juin 2025",", il fait partie du parcours d’achat à rendre accessible. Quelques exigences :",[270,612,613,616,619,628,631],{},[273,614,615],{},"de vrais boutons, utilisables au clavier, avec un focus bien visible ;",[273,617,618],{},"un bandeau placé tôt dans l’ordre de tabulation, pour pouvoir refuser sans parcourir toute la page ;",[273,620,621,622,627],{},"un bandeau qui ne masque jamais entièrement l’élément qui reçoit le focus : la documentation du W3C sur ",[121,623,626],{"href":624,"rel":625},"https:\u002F\u002Fwww.w3.org\u002FWAI\u002FWCAG22\u002FUnderstanding\u002Ffocus-not-obscured-minimum.html",[137],"le critère 2.4.11 des WCAG 2.2"," cite le bandeau cookies et propose de le rendre modal ou d’ajouter une marge de défilement (scroll-padding) ;",[273,629,630],{},"un texte contrasté, à 4,5:1 au moins, et lisible une fois agrandi ;",[273,632,633],{},"un titre et des libellés explicites, bien annoncés par les lecteurs d’écran.",[424,635,637],{"id":636},"un-bandeau-qui-ne-fait-pas-sauter-la-page","Un bandeau qui ne fait pas sauter la page",[117,639,640,641,646,647,651],{},"Selon ",[121,642,645],{"href":643,"rel":644},"https:\u002F\u002Fweb.dev\u002Farticles\u002Fcookie-notice-best-practices",[137],"les recommandations de web.dev sur les bandeaux cookies",", ils sont une source très courante de décalages de mise en page. Inséré en haut de la page, le bandeau repousse le contenu vers le bas, ce que mesure le ",[121,648,650],{"href":649},"\u002Fglossaire#cls","CLS, l’indicateur de stabilité visuelle des Core Web Vitals",". Une fenêtre superposée, en bas de l’écran par exemple, ne déplace rien.",[117,653,654],{},"Deux autres réflexes :",[270,656,657,660],{},[273,658,659],{},"charger le script du bandeau en asynchrone, directement dans la page plutôt que par un gestionnaire de balises ;",[273,661,662],{},"ne lancer les scripts tiers qu’après le choix, sans tout charger d’un coup : web.dev note que le clic sur « Tout accepter » peut dégrader la réactivité de la page, mesurée par l’INP.",[126,664,666],{"id":665},"vérifier-votre-bandeau-cookies-en-six-étapes","Vérifier votre bandeau cookies en six étapes",[668,669,670,673,676,679,682,685],"ol",{},[273,671,672],{},"Dans une fenêtre de navigation privée, ouvrez les outils de développement, puis chargez votre site : avant tout clic, vous ne devez y voir ni cookie soumis au consentement (onglet « Application » de Chrome, « Stockage » de Firefox), ni appel vers une régie ou un réseau social (onglet « Réseau »).",[273,674,675],{},"Cliquez sur « Tout refuser » : cela doit demander autant de clics qu’accepter.",[273,677,678],{},"Changez de page : ni le bandeau ni les traceurs soumis au consentement ne doivent réapparaître.",[273,680,681],{},"Acceptez, puis retirez votre accord depuis le lien « Gérer mes cookies » : les traceurs ne doivent plus être lus, ni les partenaires appelés.",[273,683,684],{},"Comparez la liste des partenaires aux outils réellement installés.",[273,686,687],{},"Parcourez le bandeau au clavier seul, puis sur votre téléphone.",[117,689,690],{},"Si un test échoue, commencez par l’inventaire de vos outils. Le bandeau le plus simple à rendre conforme est celui qui a peu à demander.",{"title":692,"searchDepth":26,"depth":26,"links":693},"",[694,695,696,697,698,699,704,705,709],{"id":128,"depth":19,"text":129},{"id":255,"depth":19,"text":256},{"id":300,"depth":19,"text":301},{"id":360,"depth":19,"text":361},{"id":376,"depth":19,"text":377},{"id":421,"depth":19,"text":422,"children":700},[701,702,703],{"id":426,"depth":26,"text":427},{"id":439,"depth":26,"text":440},{"id":455,"depth":26,"text":456},{"id":473,"depth":19,"text":474},{"id":597,"depth":19,"text":598,"children":706},[707,708],{"id":601,"depth":26,"text":602},{"id":636,"depth":26,"text":637},{"id":665,"depth":19,"text":666},null,"2026-11-04","Bandeau cookies : ce que la CNIL attend en 2026, du refus en un clic à la mesure d’audience exemptée, les sanctions récentes et un test en six étapes.","md",[715,718,721,724],{"question":716,"answer":717},"Peut-on bloquer l’accès à son site tant que les cookies ne sont pas acceptés ?","Pas de façon systématique. Le Conseil d’État a jugé le 19 juin 2020 que la CNIL ne pouvait pas interdire par principe ces « murs de traceurs » (cookie walls) : elle examine chaque cas pour vérifier que le consentement reste libre. Elle recommande de proposer une alternative réelle et équitable pour accéder au contenu sans être suivi, et l’éditeur doit pouvoir démontrer que son mur se limite aux finalités nécessaires à une juste rémunération du service. Pour un site vitrine, dont le contenu n’est pas financé par la publicité, un tel mur se justifie difficilement.",{"question":719,"answer":720},"Qui est responsable si le bandeau cookies de mon site n’est pas conforme ?","L’éditeur du site, c’est-à-dire l’entreprise qui le publie. Selon les lignes directrices de la CNIL, il reste responsable des traceurs déposés pour son compte, même lorsqu’il en confie la gestion à un prestataire, et il doit s’assurer que ses partenaires ne déposent pas, par son site, de traceurs contraires aux règles. La clause par laquelle un partenaire s’engage à recueillir le consentement ne suffit pas : la preuve de ce consentement doit pouvoir être produite.",{"question":722,"answer":723},"Un plugin de bandeau cookies suffit-il pour être en règle ?","Pas à lui seul. Un module de consentement ne protège que ce qu’il bloque réellement : si une extension, une vidéo ou un pixel se charge avant le choix du visiteur ou malgré son refus, le site n’est pas en règle, quel que soit l’outil. Configurez-le à partir de l’inventaire réel des traceurs de votre site, vérifiez son comportement avant et après chaque choix, et refaites ce contrôle chaque fois qu’un nouvel outil est installé.",{"question":725,"answer":726},"Faut-il une page « politique de cookies » sur son site ?","La loi impose une information, pas une page portant ce nom. Les finalités, la liste des sociétés qui déposent des traceurs et le moyen de retirer son accord doivent être présentés dès le bandeau ; la CNIL recommande de les laisser ensuite accessibles à tout moment, par exemple depuis le pied de page. Ces informations peuvent figurer dans une page dédiée ou dans la politique de confidentialité. Même sans bandeau, la CNIL recommande d’y mentionner les cookies techniques et la mesure d’audience exemptée.",false,"bandeau cookies CNIL",{},true,"\u002Fjournal\u002Fbandeau-cookies-regles-cnil","ux-contenus-accessibilite",{"title":734,"description":712},"Bandeau cookies : les règles de la CNIL",[736,737],"maintenance-site-internet-nantes","webdesign-ux-ui-nantes",{"loc":731,"lastmod":711},"journal\u002Fbandeau-cookies-regles-cnil","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.","dsiTDkZsJdvp8aPvb5I1c2CxOn4TfEG3SCZioAnpBME",{"rubrique":743,"author":745,"articles":755,"surround":908},{"path":98,"title":99,"navTitle":100,"color":32,"promise":744,"service":737},"Des pages claires pour tout le monde, comprises en cinq secondes, sur tous les écrans.",{"id":746,"avatar":710,"bio":747,"extension":748,"kind":749,"linkedin":710,"meta":750,"name":751,"role":752,"stem":753,"__hash__":754},"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",[756,762,768,775,777,784,792,797,804,810,815,820,825,831,837,843,848,854,860,866,872,878,884,890,896,902],{"path":757,"title":758,"summary":759,"date":711,"rubrique":732,"services":760},"\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.",[737,761],"optimisation-vitesse-site-web-nantes",{"path":763,"title":764,"summary":765,"date":711,"rubrique":732,"services":766},"\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.",[737,767],"creation-site-vitrine-nantes",{"path":769,"title":770,"summary":771,"date":711,"rubrique":772,"services":773},"\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",[774,736],"referencement-naturel-seo-nantes",{"path":731,"title":111,"summary":740,"date":711,"rubrique":732,"services":776},[736,737],{"path":778,"title":779,"summary":780,"date":711,"rubrique":781,"services":782},"\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",[783,736],"creation-site-e-commerce-nantes",{"path":785,"title":786,"summary":787,"date":711,"rubrique":788,"services":789},"\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",[790,791],"infrastructure-cloud-nantes","developpement-web-sur-mesure-nantes",{"path":793,"title":794,"summary":795,"date":711,"rubrique":772,"services":796},"\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.",[761,774],{"path":798,"title":799,"summary":800,"date":711,"rubrique":788,"services":801},"\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.",[802,803],"eco-conception-web-nantes","refonte-site-internet-nantes",{"path":805,"title":806,"summary":807,"date":711,"rubrique":788,"services":808},"\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.",[809,791],"automatisation-processus-nantes",{"path":811,"title":812,"summary":813,"date":711,"rubrique":772,"services":814},"\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.",[774,767],{"path":816,"title":817,"summary":818,"date":711,"rubrique":788,"services":819},"\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.",[790,783],{"path":821,"title":822,"summary":823,"date":711,"rubrique":781,"services":824},"\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.",[767,783],{"path":826,"title":827,"summary":828,"date":711,"rubrique":788,"services":829},"\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.",[830,736],"audit-securite-site-web-nantes",{"path":832,"title":833,"summary":834,"date":835,"rubrique":788,"services":836},"\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",[767],{"path":838,"title":839,"summary":840,"date":841,"rubrique":781,"services":842},"\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",[783],{"path":355,"title":844,"summary":845,"date":846,"rubrique":732,"services":847},"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",[737,767],{"path":849,"title":850,"summary":851,"date":852,"rubrique":772,"services":853},"\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",[774],{"path":855,"title":856,"summary":857,"date":858,"rubrique":788,"services":859},"\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",[767,803],{"path":861,"title":862,"summary":863,"date":864,"rubrique":781,"services":865},"\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",[767,737],{"path":867,"title":868,"summary":869,"date":870,"rubrique":732,"services":871},"\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",[737],{"path":873,"title":874,"summary":875,"date":876,"rubrique":772,"services":877},"\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",[774],{"path":879,"title":880,"summary":881,"date":882,"rubrique":788,"services":883},"\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",[736],{"path":608,"title":885,"summary":886,"date":887,"rubrique":732,"services":888},"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",[889,783],"accessibilite-numerique-nantes",{"path":891,"title":892,"summary":893,"date":894,"rubrique":788,"services":895},"\u002Fjournal\u002Fcahier-des-charges-site-internet-en-une-page","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",[767,791],{"path":897,"title":898,"summary":899,"date":900,"rubrique":781,"services":901},"\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",[783,737],{"path":903,"title":904,"summary":905,"date":906,"rubrique":772,"services":907},"\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",[803,774],[909,912],{"title":770,"path":769,"stem":910,"description":911,"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.",{"title":779,"path":778,"stem":913,"description":914,"children":-1},"journal\u002Fbouton-de-retractation-obligatoire","Le bouton de rétractation est obligatoire depuis le 19 juin 2026 : sites concernés, libellés imposés, accusé de réception, CGV à revoir et sanctions encourues.",{"path":68,"title":69,"summary":71,"color":10},1793879329105]