[{"data":1,"prerenderedAt":3129},["ShallowReactive",2],{"etudesdecas-index":3},[4,1209,2401],{"id":5,"title":6,"author":7,"body":8,"brand":1182,"date":1183,"description":276,"extension":1184,"indexable":380,"meta":1185,"navigation":380,"path":1186,"seo":1187,"site_url":1188,"sitemap":1189,"stem":1204,"teaser":1205,"updatedAt":1206,"visibility":1207,"__hash__":1208},"etudesdecas\u002Fetudes-de-cas\u002F03.audit-ux-lelit-focus-mobile.md","Audit UX mobile e-commerce : le cas du site Lelit","Thomas Simonet",{"type":9,"value":10,"toc":1142},"minimark",[11,16,20,28,31,35,69,73,82,182,193,200,204,209,217,222,225,229,233,242,246,252,270,429,432,436,440,443,450,454,457,569,572,575,582,590,593,600,604,607,610,614,625,628,637,640,643,647,650,653,657,664,668,682,685,688,697,710,713,727,731,734,738,741,750,756,760,764,767,771,774,783,788,792,803,807,810,813,836,845,849,859,862,867,871,875,882,891,896,900,907,920,924,928,931,938,941,944,947,950,954,1101,1105,1114,1117,1131,1138],[12,13,15],"h2",{"id":14},"contexte","Contexte",[17,18,19],"p",{},"J'ai découvert le site de Lelit grâce à une publicité sur Facebook. Je ne connaissais pas la marque : c'était donc une première visite, exactement comme pour un nouveau client.",[17,21,22,23,27],{},"Après un parcours rapide, il m'a semblé que ce site ferait une bonne étude de cas pour parler d'",[24,25,26],"strong",{},"UX mobile sur petits écrans",".",[17,29,30],{},"Pourquoi ? Les écrans de téléphone grandissent d'année en année, et beaucoup de marques en viennent à penser que tout le monde possède le dernier iPhone à 1 600 €. Or les écrans plus petits restent un enjeu d'accessibilité et d'UX pour énormément de clients. C'est ce que cette étude de cas va montrer.",[12,32,34],{"id":33},"méthodologie","Méthodologie",[36,37,38,45,51,57,63],"ul",{},[39,40,41,44],"li",{},[24,42,43],{},"Téléphone"," : OnePlus 10 Pro, sorti en 2022.",[39,46,47,50],{},[24,48,49],{},"Résolution de l'écran"," : 360 × 672 px avec la barre d'état affichée, 360 × 728 px sans.",[39,52,53,56],{},[24,54,55],{},"Navigateur"," : Google Chrome 155.0.",[39,58,59,62],{},[24,60,61],{},"Outil"," : Viewport Resizer, pour réaliser les captures à différentes largeurs.",[39,64,65,68],{},[24,66,67],{},"Périmètre"," : page d'accueil, menu, page catégorie « Promotions », filtres, comparateur, pages marque.",[12,70,72],{"id":71},"résolutions-décran-mobile-en-france-les-petits-écrans-pèsent-lourd","Résolutions d'écran mobile en France : les petits écrans pèsent lourd",[74,75],"nuxt-img",{"alt":76,"height":77,"loading":78,"preset":79,"src":80,"width":81},"Graphique des résolutions d'écran mobile les plus utilisées en France en septembre 2026 (source Statcounter)",344,"lazy","content","\u002Fetudes-de-cas\u002F03.lelit\u002Flelit-mobilescreenzie-chart.png",710,[83,84,85,98],"table",{},[86,87,88],"thead",{},[89,90,91,95],"tr",{},[92,93,94],"th",{},"Résolution",[92,96,97],{},"Part des visites mobiles",[99,100,101,110,118,126,134,142,150,158,166,174],"tbody",{},[89,102,103,107],{},[104,105,106],"td",{},"Autres",[104,108,109],{},"22,38 %",[89,111,112,115],{},[104,113,114],{},"414 × 896",[104,116,117],{},"15,91 %",[89,119,120,123],{},[104,121,122],{},"384 × 832",[104,124,125],{},"10,74 %",[89,127,128,131],{},[104,129,130],{},"390 × 844",[104,132,133],{},"9,8 %",[89,135,136,139],{},[104,137,138],{},"393 × 873",[104,140,141],{},"6,14 %",[89,143,144,147],{},[104,145,146],{},"360 × 780",[104,148,149],{},"5,97 %",[89,151,152,155],{},[104,153,154],{},"360 × 800",[104,156,157],{},"5,46 %",[89,159,160,163],{},[104,161,162],{},"412 × 915",[104,164,165],{},"3,26 %",[89,167,168,171],{},[104,169,170],{},"384 × 854",[104,172,173],{},"3,23 %",[89,175,176,179],{},[104,177,178],{},"375 × 667",[104,180,181],{},"2,64 %",[17,183,184,185],{},"Source : ",[186,187,192],"a",{"href":188,":target":189,"rel":190},"https:\u002F\u002Fgs.statcounter.com\u002Fscreen-resolution-stats\u002Fmobile\u002Ffrance","_blank",[191],"nofollow","Statcounter, septembre 2026",[17,194,195,196,199],{},"Les cinq résolutions dont la largeur est inférieure à 390 px (384, 360 et 375 px) représentent à elles seules ",[24,197,198],{},"plus de 28 %"," des visites mobiles en France, sans compter la catégorie « Autres ». Ce ne sont donc pas des cas marginaux.",[12,201,203],{"id":202},"bouton-axeptio-flottant-il-masque-le-lien-se-connecter","Bouton Axeptio flottant : il masque le lien « Se connecter »",[205,206,208],"h3",{"id":207},"constats","Constats.",[17,210,211,212,216],{},"Je constate souvent des conflits de ",[213,214,215],"code",{},"z-index"," entre les bannières de cookies et les éléments flottants. Ici, le même problème se répète : le bouton flottant qui rouvre Axeptio se place pile au-dessus de l'élément « Se connecter » dans le menu principal.",[74,218],{"alt":219,"height":220,"loading":78,"preset":79,"src":221,"width":220},"Menu mobile de Lelit avec le bouton flottant Axeptio qui recouvre le lien « Se connecter »","auto","\u002Fetudes-de-cas\u002F03.lelit\u002Flelit-mobile-menu-axeptio-zindex.png",[17,223,224],{},"Le même chevauchement apparaît lorsque l'on utilise la comparaison de produits :",[74,226],{"alt":227,"height":220,"loading":78,"preset":79,"src":228,"width":220},"Barre de comparaison de produits de Lelit en partie masquée par le bouton flottant Axeptio","\u002Fetudes-de-cas\u002F03.lelit\u002Flelit-mobile-menu-axeptio-zindex-compare.png",[205,230,232],{"id":231},"pourquoi-cest-un-problème","Pourquoi c'est un problème.",[17,234,235,236,241],{},"Un élément interactif recouvert par un autre devient difficile, voire impossible, à toucher. Le W3C rappelle d'ailleurs que le contenu doit rester utilisable ",[186,237,240],{"href":238,":target":189,"rel":239},"https:\u002F\u002Fwww.w3.org\u002FWAI\u002FWCAG22\u002FUnderstanding\u002Freflow",[191],"sans perte d'information ni de fonctionnalité"," lorsque la largeur d'affichage se réduit.",[205,243,245],{"id":244},"ma-recommandation","Ma recommandation.",[17,247,248,249,251],{},"Ce type de conflit naît rarement d'une seule règle CSS : il vient de valeurs de ",[213,250,215],{}," ajoutées au fil du temps, sans vue d'ensemble. La solution est une question d'organisation :",[253,254,255,264],"ol",{},[39,256,257,260,261,263],{},[24,258,259],{},"Maintenir une liste"," de tous les ",[213,262,215],{}," utilisés sur le site, avec les endroits où ils s'appliquent (menu, bannière de cookies, bouton flottant, modales, panneau de filtres, etc.).",[39,265,266,269],{},[24,267,268],{},"Regrouper ces valeurs dans un seul fichier CSS",", sous forme de variables, plutôt que de les écrire en dur dans chaque composant.",[271,272,277],"pre",{"className":273,"code":274,"language":275,"meta":276,"style":276},"language-css shiki shiki-themes github-dark-high-contrast",":root {\n    --z-sticky: 100;\n    --z-header: 200;\n    --z-floating: 300;   \u002F* bouton Axeptio, chat *\u002F\n    --z-drawer: 400;     \u002F* menu mobile, panneau de filtres *\u002F\n    --z-modal: 500;\n}\n\n.axeptio-button { z-index: var(--z-floating); }\n.mobile-menu    { z-index: var(--z-drawer); }\n","css","",[213,278,279,292,308,321,339,356,369,375,382,407],{"__ignoreMap":276},[280,281,284,288],"span",{"class":282,"line":283},"line",1,[280,285,287],{"class":286},"sCcAr",":root",[280,289,291],{"class":290},"sMAXC"," {\n",[280,293,295,299,302,305],{"class":282,"line":294},2,[280,296,298],{"class":297},"s_sBn","    --z-sticky",[280,300,301],{"class":290},": ",[280,303,304],{"class":286},"100",[280,306,307],{"class":290},";\n",[280,309,311,314,316,319],{"class":282,"line":310},3,[280,312,313],{"class":297},"    --z-header",[280,315,301],{"class":290},[280,317,318],{"class":286},"200",[280,320,307],{"class":290},[280,322,324,327,329,332,335],{"class":282,"line":323},4,[280,325,326],{"class":297},"    --z-floating",[280,328,301],{"class":290},[280,330,331],{"class":286},"300",[280,333,334],{"class":290},";   ",[280,336,338],{"class":337},"sQrFR","\u002F* bouton Axeptio, chat *\u002F\n",[280,340,342,345,347,350,353],{"class":282,"line":341},5,[280,343,344],{"class":297},"    --z-drawer",[280,346,301],{"class":290},[280,348,349],{"class":286},"400",[280,351,352],{"class":290},";     ",[280,354,355],{"class":337},"\u002F* menu mobile, panneau de filtres *\u002F\n",[280,357,359,362,364,367],{"class":282,"line":358},6,[280,360,361],{"class":297},"    --z-modal",[280,363,301],{"class":290},[280,365,366],{"class":286},"500",[280,368,307],{"class":290},[280,370,372],{"class":282,"line":371},7,[280,373,374],{"class":290},"}\n",[280,376,378],{"class":282,"line":377},8,[280,379,381],{"emptyLinePlaceholder":380},true,"\n",[280,383,385,388,391,393,395,398,401,404],{"class":282,"line":384},9,[280,386,387],{"class":286},".axeptio-button",[280,389,390],{"class":290}," { ",[280,392,215],{"class":286},[280,394,301],{"class":290},[280,396,397],{"class":286},"var",[280,399,400],{"class":290},"(",[280,402,403],{"class":297},"--z-floating",[280,405,406],{"class":290},"); }\n",[280,408,410,413,416,418,420,422,424,427],{"class":282,"line":409},10,[280,411,412],{"class":286},".mobile-menu",[280,414,415],{"class":290},"    { ",[280,417,215],{"class":286},[280,419,301],{"class":290},[280,421,397],{"class":286},[280,423,400],{"class":290},[280,425,426],{"class":297},"--z-drawer",[280,428,406],{"class":290},[17,430,431],{},"L'ordre des couches devient alors lisible d'un coup d'œil, et ajouter un nouvel élément flottant oblige à se demander à quelle couche il appartient. Il reste à tester chaque écran avec le bouton affiché, pas seulement la page d'accueil.",[12,433,435],{"id":434},"défilement-horizontal-sur-les-écrans-de-moins-de-390-px","Défilement horizontal sur les écrans de moins de 390 px",[74,437],{"alt":438,"height":220,"loading":78,"preset":79,"src":439,"width":220},"Page d'accueil de Lelit sur mobile avec une barre de défilement qui révèle un débordement du contenu","\u002Fetudes-de-cas\u002F03.lelit\u002Flelit-mobile-sidebar-y.png",[205,441,208],{"id":442},"constats-1",[17,444,445,446,449],{},"J'ai remarqué immédiatement une barre de défilement parasite, signe qu'un ou plusieurs éléments dépassent du viewport. En descendant légèrement, on voit que la liste ",[213,447,448],{},"\u003Cul>"," des collections mises en avant déborde :",[74,451],{"alt":452,"height":220,"loading":78,"preset":79,"src":453,"width":220},"Outils de développement Chrome : la liste ul des collections mises en avant dépasse la largeur de l'écran","\u002Fetudes-de-cas\u002F03.lelit\u002Flelit-mobile-sidebar-y-cause.png",[17,455,456],{},"Un petit changement de CSS permet de confirmer la cause :",[271,458,460],{"className":273,"code":459,"language":275,"meta":276,"style":276},".featured-collections .featured-collections__headings_container {\n    align-items: center;\n    display: flex;\n    \u002F* flex-flow: nowrap; \u003C----- Valeur actuelle *\u002F\n    flex-flow: wrap;\n    gap: 4.8rem;\n    justify-content: center;\n    margin-bottom: 4.8rem;\n    padding: 0;\n}\n",[213,461,462,472,484,496,501,513,529,540,553,565],{"__ignoreMap":276},[280,463,464,467,470],{"class":282,"line":283},[280,465,466],{"class":286},".featured-collections",[280,468,469],{"class":286}," .featured-collections__headings_container",[280,471,291],{"class":290},[280,473,474,477,479,482],{"class":282,"line":294},[280,475,476],{"class":286},"    align-items",[280,478,301],{"class":290},[280,480,481],{"class":286},"center",[280,483,307],{"class":290},[280,485,486,489,491,494],{"class":282,"line":310},[280,487,488],{"class":286},"    display",[280,490,301],{"class":290},[280,492,493],{"class":286},"flex",[280,495,307],{"class":290},[280,497,498],{"class":282,"line":323},[280,499,500],{"class":337},"    \u002F* flex-flow: nowrap; \u003C----- Valeur actuelle *\u002F\n",[280,502,503,506,508,511],{"class":282,"line":341},[280,504,505],{"class":286},"    flex-flow",[280,507,301],{"class":290},[280,509,510],{"class":286},"wrap",[280,512,307],{"class":290},[280,514,515,518,520,523,527],{"class":282,"line":358},[280,516,517],{"class":286},"    gap",[280,519,301],{"class":290},[280,521,522],{"class":286},"4.8",[280,524,526],{"class":525},"sWyjQ","rem",[280,528,307],{"class":290},[280,530,531,534,536,538],{"class":282,"line":371},[280,532,533],{"class":286},"    justify-content",[280,535,301],{"class":290},[280,537,481],{"class":286},[280,539,307],{"class":290},[280,541,542,545,547,549,551],{"class":282,"line":377},[280,543,544],{"class":286},"    margin-bottom",[280,546,301],{"class":290},[280,548,522],{"class":286},[280,550,526],{"class":525},[280,552,307],{"class":290},[280,554,555,558,560,563],{"class":282,"line":384},[280,556,557],{"class":286},"    padding",[280,559,301],{"class":290},[280,561,562],{"class":286},"0",[280,564,307],{"class":290},[280,566,567],{"class":282,"line":409},[280,568,374],{"class":290},[17,570,571],{},"Et le problème disparaît.",[205,573,232],{"id":574},"pourquoi-cest-un-problème-1",[17,576,577,578,581],{},"Ce défaut touche tous les visiteurs dont l'écran est plus étroit que 390 px, soit ",[24,579,580],{},"plus de 28 % des visites mobiles"," d'après le tableau ci-dessus. Sur la page d'accueil, il donne dès la première seconde une impression de site mal fini.",[17,583,584,585,589],{},"Côté accessibilité, le critère WCAG 1.4.10 (Reflow) demande qu'une page puisse s'afficher ",[186,586,588],{"href":238,":target":189,"rel":587},[191],"sans défilement dans deux dimensions à une largeur équivalente à 320 px",". Mon écran fait 360 px et le débordement apparaît déjà : il est très probablement plus marqué à 320 px, largeur que je n'ai pas testée.",[205,591,245],{"id":592},"ma-recommandation-1",[17,594,595,596,599],{},"Autoriser le retour à la ligne (",[213,597,598],{},"flex-flow: wrap",") sur ce conteneur, puis tester la page à 320, 360 et 375 px. Un test de chaque page type sur ces largeurs doit faire partie de la recette.",[12,601,603],{"id":602},"carrousel-produits-les-flèches-ne-répondent-pas-avant-le-premier-balayage","Carrousel produits : les flèches ne répondent pas avant le premier balayage",[205,605,208],{"id":606},"constats-2",[17,608,609],{},"Chaque produit affiche une flèche gauche et une flèche droite, signe qu'il dispose de plusieurs images.",[74,611],{"alt":612,"height":220,"loading":78,"preset":79,"src":613,"width":220},"Produit en liste sur mobile avec les flèches gauche et droite du carrousel d'images, sans effet au toucher","\u002Fetudes-de-cas\u002F03.lelit\u002Flelit-mobile-arrow-but-noslider.png",[17,615,616,617,620,621,624],{},"Le balayage tactile fonctionne, mais ",[24,618,619],{},"les flèches gauche et droite ne répondent pas"," au toucher. Elles ne fonctionnent qu'",[24,622,623],{},"après un premier slide effectué manuellement",", par balayage. Tant que le visiteur n'a pas balayé une première fois, un appui sur une flèche ne produit aucun effet. Le problème est global : il touche aussi les pages catégories.",[205,626,232],{"id":627},"pourquoi-cest-un-problème-2",[17,629,630,631,636],{},"Les flèches sont un signal visible : elles promettent une action. Quand elles ne répondent pas, le visiteur pense à un bug, ou conclut qu'il n'y a pas d'autres images. Les tests d'utilisabilité de Baymard montrent que les internautes sur mobile ",[186,632,635],{"href":633,":target":189,"rel":634},"https:\u002F\u002Fbaymard.com\u002Fresearch-articles\u002Falways-use-thumbnails-additional-images",[191],"utilisent presque systématiquement le balayage"," dans les galeries d'images produit : celui qui balaie s'en sortira, mais celui qui touche la flèche, non.",[205,638,245],{"id":639},"ma-recommandation-2",[17,641,642],{},"Corriger l'initialisation du slider pour que les flèches répondent dès le premier appui, sans interaction préalable. Tester le comportement sur plusieurs modèles de téléphones et au chargement de chaque page catégorie.",[12,644,646],{"id":645},"offre-jours-anniversaire-le-visiteur-perd-le-contexte","Offre « Jours anniversaire » : le visiteur perd le contexte",[205,648,208],{"id":649},"constats-3",[17,651,652],{},"Sur la page d'accueil, la bannière annonce : « Jours anniversaire, jusqu'à -50 % sur la literie ».",[74,654],{"alt":655,"height":220,"loading":78,"preset":79,"src":656,"width":220},"Bannière « Jours anniversaire, jusqu'à -50 % sur la literie » sur la page d'accueil mobile de Lelit","\u002Fetudes-de-cas\u002F03.lelit\u002Flelit-mobile-anniversary-days-homepage.png",[17,658,659,660,663],{},"Le lien pointe vers ",[213,661,662],{},"\u002Fcollections\u002Fpromotions"," :",[74,665],{"alt":666,"height":220,"loading":78,"preset":79,"src":667,"width":220},"Page catégorie Promotions de Lelit sur mobile, sans mention des Jours anniversaire ni de la remise de 50 %","\u002Fetudes-de-cas\u002F03.lelit\u002Flelit-mobile-anniversary-days-category.png",[36,669,670,676],{},[39,671,672,675],{},[24,673,674],{},"Title"," : « Nos promotions literie - Bons plans literie – Lelit.fr »",[39,677,678,681],{},[24,679,680],{},"Description"," : « Découvrez le lit idéal en promotion sur lelit.fr. Profitez de remises exceptionnelles et de la livraison gratuite pour un confort sans compromis. »",[17,683,684],{},"Le problème n'est pas évident au premier regard : selon son point d'entrée, le visiteur perd le contexte de l'offre, ou ne la voit pas du tout. Depuis Google, par exemple, ni « Jours anniversaire » ni « -50 % » n'apparaissent dans le résultat. Sur desktop, l'offre est affichée en en-tête de toutes les pages catégories, mais sans lien.",[205,686,232],{"id":687},"pourquoi-cest-un-problème-3",[17,689,690,691,696],{},"Un visiteur choisit où cliquer à partir d'indices : libellé du lien, contexte, attentes. C'est ce que le Nielsen Norman Group appelle l'",[186,692,695],{"href":693,":target":189,"rel":694},"https:\u002F\u002Fwww.nngroup.com\u002Farticles\u002Finformation-scent\u002F",[191],"information scent",". Quand la promesse du clic (bannière, publicité, résultat Google) disparaît sur la page d'arrivée, le visiteur doute d'avoir cliqué au bon endroit.",[17,698,699,700,703,704,709],{},"Côté SEO, Google s'appuie sur la balise ",[213,701,702],{},"title",", mais aussi sur ",[186,705,708],{"href":706,":target":189,"rel":707},"https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fappearance\u002Ftitle-link",[191],"les titres de page et les textes visuellement proéminents"," pour construire le titre affiché dans les résultats. Un H1 « Promotions » générique ne porte donc aucun mot-clé saisonnier.",[205,711,245],{"id":712},"ma-recommandation-3",[17,714,715,716,719,720,723,724,726],{},"Renommer l'encart « Promotions » en ",[24,717,718],{},"« Jours anniversaire »"," avec le sous-titre ",[24,721,722],{},"« Jusqu'à -50 % sur la literie »",". Le contexte est alors visible quelle que soit l'origine de la visite. Reprendre la même formule dans le ",[213,725,702],{}," (par exemple « Jours anniversaire : jusqu'à -50 % sur la literie | Lelit ») et la meta description, et prévoir de la retirer à la fin de l'opération.",[205,728,730],{"id":729},"un-encart-promotionnel-qui-renvoie-vers-lui-même","Un encart promotionnel qui renvoie vers lui-même",[17,732,733],{},"Dans cette même catégorie, un encart fait la promotion… de la catégorie :",[74,735],{"alt":736,"height":220,"loading":78,"preset":79,"src":737,"width":220},"Encart promotionnel de la page Promotions de Lelit dont le lien renvoie vers la même page","\u002Fetudes-de-cas\u002F03.lelit\u002Flelit-mobile-anniversary-days-category-ads.png",[17,739,740],{},"Le lien pointe sur la page elle-même. Le visiteur se demande s'il existe une autre catégorie, s'il n'est pas sur la bonne page. Il clique, se retrouve au même endroit, et doit recommencer à faire défiler.",[17,742,743,744,749],{},"Ce défaut est connu de longue date : Jakob Nielsen décrit trois problèmes liés aux ",[186,745,748],{"href":746,":target":189,"rel":747},"https:\u002F\u002Fwww.nngroup.com\u002Farticles\u002Ftop-ten-web-design-mistakes-of-2003\u002F",[191],"liens qui pointent vers la page courante"," : un clic inutile, un doute sur sa position, et une confusion quand la page remonte en haut.",[17,751,752,755],{},[24,753,754],{},"Recommandation"," : supprimer le lien de l'encart sur cette page, ou le faire pointer vers une sous-catégorie précise (par exemple « Matelas -50 % »).",[12,757,759],{"id":758},"page-catégorie-un-mélange-de-lits-et-de-matelas","Page catégorie : un mélange de lits et de matelas",[205,761,763],{"id":762},"un-comparateur-qui-compare-lincomparable","Un comparateur qui compare l'incomparable",[17,765,766],{},"Il est possible de comparer un lit avec un matelas, ce qui ne donne aucun résultat exploitable :",[74,768],{"alt":769,"height":220,"loading":78,"preset":79,"src":770,"width":220},"Comparateur de produits de Lelit qui affiche un lit et un matelas côte à côte sans caractéristiques communes","\u002Fetudes-de-cas\u002F03.lelit\u002Flelit-mobile-category-compare-type.png",[17,772,773],{},"La catégorie mélange les types de produits, et rien ne l'indique : il n'y a ni sous-catégories ni filtre de type. Le client ne comprend pas pourquoi la comparaison échoue.",[17,775,776,777,782],{},"Baymard relève que les internautes ont ",[186,778,781],{"href":779,":target":189,"rel":780},"https:\u002F\u002Fbaymard.com\u002Fecommerce-product-lists\u002Fbenchmark\u002Fpage-types\u002Fcomparison-tool",[191],"de sérieuses difficultés avec les comparateurs",", notamment à cause de caractéristiques stockées ou formatées de façon incohérente.",[17,784,785,787],{},[24,786,754],{}," : n'autoriser la comparaison qu'entre produits du même type, ou créer des sous-catégories « Lits » et « Matelas ».",[205,789,791],{"id":790},"des-filtres-qui-ne-se-mettent-pas-à-jour","Des filtres qui ne se mettent pas à jour",[17,793,794,795,798,799,802],{},"Le seul moyen de filtrer par type consiste à utiliser un filtre propre à chaque type : ",[24,796,797],{},"« Dimensions »"," pour les lits, ",[24,800,801],{},"« Couchage »"," pour les matelas.",[74,804],{"alt":805,"height":220,"loading":78,"preset":79,"src":806,"width":220},"Panneau de filtres mobile de Lelit avec la valeur 80x200 sélectionnée et onze filtres encore proposés","\u002Fetudes-de-cas\u002F03.lelit\u002Flelit-mobile-category-filter-confusing.png",[17,808,809],{},"C'est difficile à comprendre, car la liste des filtres ne se met pas à jour. J'ai sélectionné « 80x200 », une valeur qui cible les matelas, et il me reste pourtant 11 filtres. Après vérification, 7 d'entre eux n'ont que des valeurs grisées, donc inutiles. L'exaspération est assurée.",[17,811,812],{},"Le nombre de produits évolue en arrière-plan sans aucun retour visuel. Le bouton « Voir la sélection » n'affiche pas le nombre de résultats et n'est pas immédiatement visible.",[17,814,815,817,818,823,824,829,830,835],{},[24,816,232],{}," Baymard indique que, lorsque le nombre de résultats n'est pas affiché, les utilisateurs ",[186,819,822],{"href":820,":target":189,"rel":821},"https:\u002F\u002Fbaymard.com\u002Fguidelines\u002F467-indicating-the-number-of-matches-for-filtering-options",[191],"ne savent pas quel effet auront leurs filtres",". Le guide de design d'eBay recommande, sur mobile, un bouton principal qui ",[186,825,828],{"href":826,":target":189,"rel":827},"https:\u002F\u002Fplaybook.ebay.com\u002Fdesign-system\u002Fpatterns\u002Ffiltering-patterns",[191],"affiche le nombre de résultats"," (« Voir 120 résultats »). Baymard conseille par ailleurs un ",[186,831,834],{"href":832,":target":189,"rel":833},"https:\u002F\u002Fbaymard.com\u002Fguidelines\u002F1125-apply-buttons-in-mobile-filtering-interfaces",[191],"bouton « Appliquer » sur mobile"," pour éviter de ralentir les sélections multiples : le bouton existe donc, mais il manque l'essentiel.",[17,837,838,840,841,844],{},[24,839,754],{}," : rendre le bouton ",[24,842,843],{},"sticky"," en bas de l'écran, avec le nombre de produits (« Voir les 24 produits »), et masquer ou désactiver les filtres qui ne s'appliquent pas au type sélectionné.",[205,846,848],{"id":847},"des-valeurs-de-filtre-qui-apparaissent-ailleurs","Des valeurs de filtre qui apparaissent ailleurs",[17,850,851,852,854,855,858],{},"Autre problème avec le filtre ",[24,853,797],{}," : cliquer sur « Autres options disponibles » fait apparaître de nouvelles valeurs, dans « Dimensions » ",[24,856,857],{},"et"," dans « Couchage ».",[17,860,861],{},"Si le filtre « Couchage » est fermé, ou si l'on ne clique pas sur « Autres options disponibles », ces valeurs restent invisibles. Un visiteur peut croire à tort que le catalogue contient moins de produits que prévu.",[17,863,864,866],{},[24,865,754],{}," : afficher toutes les valeurs disponibles dès l'ouverture du filtre, ou indiquer clairement qu'un clic en révèle d'autres.",[205,868,870],{"id":869},"pas-de-tri-par-prix-sur-mobile","Pas de tri par prix sur mobile",[74,872],{"alt":873,"height":220,"loading":78,"preset":79,"src":874,"width":220},"Filtres Dimensions et Couchage de Lelit après un clic sur « Autres options disponibles », avec de nouvelles valeurs","\u002Fetudes-de-cas\u002F03.lelit\u002Flelit-mobile-anniversary-days-category-tooltips.png",[17,876,877,878,881],{},"Contrairement à la version desktop, la version mobile ne permet pas de trier les produits par prix (prix croissant ou décroissant). Pour une page catégorie de ",[24,879,880],{},"108 produits",", c'est un manque important : les visiteurs ne peuvent pas organiser la liste selon leur budget et doivent faire défiler les produits un par un.",[17,883,884,885,890],{},"D'après Baymard, le tri par prix est le ",[186,886,889],{"href":887,":target":189,"rel":888},"https:\u002F\u002Fbaymard.com\u002Fresearch-articles\u002Fessential-sort-types",[191],"tri le plus utilisé",", aussi bien sur desktop que sur mobile.",[17,892,893,895],{},[24,894,754],{}," : ajouter les deux tris par prix dans la version mobile, avec un accès direct depuis la barre au-dessus de la liste.",[205,897,899],{"id":898},"des-infobulles-qui-déclenchent-une-redirection","Des infobulles qui déclenchent une redirection",[17,901,902,903,906],{},"Les infobulles qui expliquent les informations produit (« Technologie », « Confort ») ne fonctionnent pas correctement sur mobile. Un appui sur l'infobulle déclenche aussi le clic de l'élément parent ",[213,904,905],{},"\u003Ca>",", ce qui provoque une redirection non désirée.",[17,908,909,911,912,915,916,919],{},[24,910,754],{}," : empêcher la propagation du clic (",[213,913,914],{},"event.stopPropagation()"," et ",[213,917,918],{},"preventDefault()",") sur le déclencheur de l'infobulle, ou sortir l'infobulle du lien parent.",[12,921,923],{"id":922},"pages-marque-des-étiquettes-qui-masquent-la-photo-produit","Pages marque : des étiquettes qui masquent la photo produit",[74,925],{"alt":926,"height":220,"loading":78,"preset":79,"src":927,"width":220},"Page marque de Lelit sur mobile avec deux produits par ligne, dont les photos sont masquées par des étiquettes et une flèche","\u002Fetudes-de-cas\u002F03.lelit\u002Flelit-mobile-category-brand-wedding.png",[205,929,208],{"id":930},"constats-4",[17,932,933,934,937],{},"Les pages marque sont bien mises en avant : présentes dans le menu, avec la marque affichée sur tous les produits. Mais la liste de produits y est différente des autres pages : ",[24,935,936],{},"deux colonnes"," au lieu d'une.",[205,939,232],{"id":940},"pourquoi-cest-un-problème-4",[17,942,943],{},"Dans cette mise en page, les étiquettes « Livraison en 72h » et « Meilleure vente » ainsi que la flèche droite du slider recouvrent presque toute la photo du produit. Or pour un produit de literie, l'image est le premier argument de vente.",[205,945,245],{"id":946},"ma-recommandation-4",[17,948,949],{},"Revenir à une colonne unique sur les écrans étroits, ou regrouper les étiquettes sous la photo et réduire leur taille. Utiliser le même gabarit de liste sur toutes les pages catégories.",[12,951,953],{"id":952},"synthèse-des-constats","Synthèse des constats",[83,955,956,972],{},[86,957,958],{},[89,959,960,963,966,969],{},[92,961,962],{},"Élément",[92,964,965],{},"Problème",[92,967,968],{},"Impact",[92,970,971],{},"Priorité",[99,973,974,988,1002,1015,1027,1039,1052,1064,1076,1089],{},[89,975,976,979,982,985],{},[104,977,978],{},"Accueil, écrans \u003C 390 px",[104,980,981],{},"Défilement horizontal (liste qui déborde)",[104,983,984],{},"UX, accessibilité",[104,986,987],{},"Haute",[89,989,990,993,996,999],{},[104,991,992],{},"Carrousel produits",[104,994,995],{},"Flèches inactives avant le premier balayage",[104,997,998],{},"UX",[104,1000,1001],{},"Moyenne",[89,1003,1004,1007,1010,1013],{},[104,1005,1006],{},"Filtres mobile",[104,1008,1009],{},"Pas de compteur, filtres inutiles, bouton non sticky",[104,1011,1012],{},"UX, conversion",[104,1014,987],{},[89,1016,1017,1020,1023,1025],{},[104,1018,1019],{},"Tri mobile",[104,1021,1022],{},"Tri par prix absent",[104,1024,1012],{},[104,1026,987],{},[89,1028,1029,1032,1035,1037],{},[104,1030,1031],{},"Menu \u002F Axeptio",[104,1033,1034],{},"Bouton flottant sur « Se connecter »",[104,1036,998],{},[104,1038,1001],{},[89,1040,1041,1044,1047,1050],{},[104,1042,1043],{},"Page Promotions",[104,1045,1046],{},"Offre absente du title, du H1 et des résultats Google",[104,1048,1049],{},"SEO, UX",[104,1051,1001],{},[89,1053,1054,1057,1060,1062],{},[104,1055,1056],{},"Comparateur",[104,1058,1059],{},"Comparaison lit \u002F matelas possible",[104,1061,998],{},[104,1063,1001],{},[89,1065,1066,1069,1072,1074],{},[104,1067,1068],{},"Infobulles",[104,1070,1071],{},"Redirection involontaire au clic",[104,1073,998],{},[104,1075,1001],{},[89,1077,1078,1081,1084,1086],{},[104,1079,1080],{},"Encart promo",[104,1082,1083],{},"Lien vers la page courante",[104,1085,998],{},[104,1087,1088],{},"Basse",[89,1090,1091,1094,1097,1099],{},[104,1092,1093],{},"Pages marque",[104,1095,1096],{},"Étiquettes sur la photo produit",[104,1098,998],{},[104,1100,1088],{},[12,1102,1104],{"id":1103},"conclusion","Conclusion",[17,1106,1107,1108,1113],{},"Aucun de ces défauts n'empêche un acheteur déterminé de commander. Mis bout à bout, ils créent pourtant de la friction à chaque étape d'un parcours mobile : arrivée sur l'accueil, lecture de l'offre, recherche d'un produit, comparaison. Baymard estime d'ailleurs que ",[186,1109,1112],{"href":1110,":target":189,"rel":1111},"https:\u002F\u002Fbaymard.com\u002Fresearch-articles\u002Fcurrent-state-product-list-and-filtering",[191],"près de 78 % des sites e-commerce mobiles"," offrent une expérience de liste de produits médiocre ou mauvaise : Lelit n'est pas un cas isolé.",[17,1115,1116],{},"Trois vérifications simples permettraient de repérer la plupart de ces erreurs avant chaque mise en production :",[253,1118,1119,1122,1125],{},[39,1120,1121],{},"Tester les pages types à 320, 360 et 375 px, avec tous les éléments flottants (cookies, chat) affichés.",[39,1123,1124],{},"Essayer chaque interaction avec le doigt, pas avec la souris : balayage, infobulles, filtres, tri.",[39,1126,1127,1128,1130],{},"Arriver sur les pages promotionnelles depuis une publicité ou depuis Google, et vérifier que l'offre est visible dès le premier écran et dans les balises ",[213,1129,702],{}," et H1.",[17,1132,1133,1134,27],{},"J'espère que cette étude de cas vous a donné un aperçu concret de ma démarche d'audit. Vous voulez savoir comment votre boutique se comporte sur les petits écrans ? Découvrez ",[186,1135,1137],{"href":1136},"\u002Faudit-e-commerce\u002F","mes prestations d'audit UX et SEO e-commerce",[1139,1140,1141],"style",{},"html pre.shiki code .sCcAr, html code.shiki .sCcAr{--shiki-default:#91CBFF}html pre.shiki code .sMAXC, html code.shiki .sMAXC{--shiki-default:#F0F3F6}html pre.shiki code .s_sBn, html code.shiki .s_sBn{--shiki-default:#FFB757}html pre.shiki code .sQrFR, html code.shiki .sQrFR{--shiki-default:#BDC4CC}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .sWyjQ, html code.shiki .sWyjQ{--shiki-default:#FF9492}",{"title":276,"searchDepth":294,"depth":294,"links":1143},[1144,1145,1146,1147,1152,1157,1162,1168,1175,1180,1181],{"id":14,"depth":294,"text":15},{"id":33,"depth":294,"text":34},{"id":71,"depth":294,"text":72},{"id":202,"depth":294,"text":203,"children":1148},[1149,1150,1151],{"id":207,"depth":310,"text":208},{"id":231,"depth":310,"text":232},{"id":244,"depth":310,"text":245},{"id":434,"depth":294,"text":435,"children":1153},[1154,1155,1156],{"id":442,"depth":310,"text":208},{"id":574,"depth":310,"text":232},{"id":592,"depth":310,"text":245},{"id":602,"depth":294,"text":603,"children":1158},[1159,1160,1161],{"id":606,"depth":310,"text":208},{"id":627,"depth":310,"text":232},{"id":639,"depth":310,"text":245},{"id":645,"depth":294,"text":646,"children":1163},[1164,1165,1166,1167],{"id":649,"depth":310,"text":208},{"id":687,"depth":310,"text":232},{"id":712,"depth":310,"text":245},{"id":729,"depth":310,"text":730},{"id":758,"depth":294,"text":759,"children":1169},[1170,1171,1172,1173,1174],{"id":762,"depth":310,"text":763},{"id":790,"depth":310,"text":791},{"id":847,"depth":310,"text":848},{"id":869,"depth":310,"text":870},{"id":898,"depth":310,"text":899},{"id":922,"depth":294,"text":923,"children":1176},[1177,1178,1179],{"id":930,"depth":310,"text":208},{"id":940,"depth":310,"text":232},{"id":946,"depth":310,"text":245},{"id":952,"depth":294,"text":953},{"id":1103,"depth":294,"text":1104},"Lelit","2026-10-16","md",{},"\u002Fetudes-de-cas\u002Faudit-ux-lelit-focus-mobile",{"title":6,"description":276},"https:\u002F\u002Fwww.lelit.fr\u002F",{"loc":1186,"images":1190,"lastmod":1183},[1191,1192,1193,1194,1195,1196,1197,1198,1199,1200,1201,1202,1203],{"loc":80},{"loc":221},{"loc":228},{"loc":439},{"loc":453},{"loc":613},{"loc":656},{"loc":667},{"loc":737},{"loc":770},{"loc":806},{"loc":874},{"loc":927},"etudes-de-cas\u002F03.audit-ux-lelit-focus-mobile","Défilement horizontal, filtres peu clairs, offre promotionnelle qui perd son contexte : audit UX mobile de Lelit.fr sur un écran de 360 px.",null,"visible","BXe6LMLR8Hi-uW0M5UujABb5HM2nshJHgQLq93zmRnY",{"id":1210,"title":1211,"author":7,"body":1212,"brand":2387,"date":2388,"description":276,"extension":1184,"indexable":380,"meta":2389,"navigation":380,"path":2390,"seo":2391,"site_url":2392,"sitemap":2393,"stem":2398,"teaser":2399,"updatedAt":1206,"visibility":1207,"__hash__":2400},"etudesdecas\u002Fetudes-de-cas\u002F02.audit-ux-palladium-nouveau-site.md","Audit SEO et UX du nouveau site Shopify de Palladium Boots",{"type":9,"value":1213,"toc":2362},[1214,1216,1219,1222,1229,1231,1256,1260,1264,1266,1269,1277,1279,1285,1291,1293,1296,1300,1302,1305,1318,1320,1323,1325,1328,1332,1335,1338,1343,1346,1351,1353,1377,1379,1382,1385,1389,1393,1401,1406,1409,1411,1414,1416,1419,1425,1428,1431,1435,1438,1488,1491,1517,1520,1559,1563,1935,1937,1948,1952,1959,2224,2226,2332,2334,2337,2340,2343,2354,2359],[12,1215,15],{"id":14},[17,1217,1218],{},"Le 2 octobre 2026, Palladium Boots a annoncé à ses clients, par e-mail, la mise en ligne de son nouveau site, désormais propulsé par Shopify. La promesse était la suivante : « Une navigation plus claire, des informations plus accessibles et de nouveaux outils pour vous aider à trouver la paire adaptée à vos aventures. »",[17,1220,1221],{},"Une refonte accompagnée d'un changement de plateforme est l'un des moments les plus risqués dans la vie d'un site e-commerce. Les contenus, les traductions, les redirections et les balises techniques sont migrés en masse, et les erreurs passent facilement inaperçues. C'est donc le bon moment pour vérifier si la promesse est tenue.",[17,1223,1224,1225,1228],{},"Cette étude de cas passe en revue quelques points du site ",[24,1226,1227],{},"palladiumboots.fr",", du premier écran jusqu'au code source des pages produits.",[12,1230,34],{"id":33},[36,1232,1233,1238,1244,1250],{},[39,1234,1235,1237],{},[24,1236,67],{}," : bannière des cookies, liens du footer, formulaires d'inscription à la newsletter, pages produits (URL, balises meta, données structurées).",[39,1239,1240,1243],{},[24,1241,1242],{},"Navigateurs"," : Firefox 157.0.1 et Google Chrome 155.0, sur ordinateur.",[39,1245,1246,1249],{},[24,1247,1248],{},"Hors périmètre"," : version mobile, tunnel de commande, performances.",[39,1251,1252,1255],{},[24,1253,1254],{},"Date des constats"," : entre le 2 et le 10 octobre 2026.",[12,1257,1259],{"id":1258},"bannière-des-cookies-un-premier-lien-vers-le-site-international","Bannière des cookies : un premier lien vers le site international",[74,1261],{"alt":1262,"height":77,"loading":78,"preset":79,"src":1263,"width":81},"Bannière des cookies du nouveau site Palladium","\u002Fetudes-de-cas\u002F02.palladium\u002Fpalladium-cookies-banner.png",[205,1265,208],{"id":207},[17,1267,1268],{},"À première vue, la bannière est conforme.",[17,1270,1271,1272,1276],{},"Pourtant, le lien « Politique de confidentialité » renvoie vers la version internationale du site, en anglais : \"",[186,1273,1274],{"href":1274,"rel":1275},"https:\u002F\u002Fpalladiumboots.eu\u002Fpages\u002Fweb-privacy-policy",[191],"\".",[205,1278,232],{"id":231},[17,1280,1281,1284],{},[24,1282,1283],{},"Expérience utilisateur"," : c'est souvent le premier lien sur lequel clique un visiteur. Il quitte le site français pour arriver sur une page en anglais, ce qui ne donne pas une bonne image dès le premier contact.",[17,1286,1287,1290],{},[24,1288,1289],{},"Conformité"," : un consentement n'est valable que s'il est éclairé. Une information sur le traitement des données rédigée dans une langue que le visiteur ne maîtrise pas toujours fragilise ce consentement.",[205,1292,245],{"id":244},[17,1294,1295],{},"La bannière des cookies est souvent configurée une fois, puis oubliée. C'est pourtant un élément que chaque nouveau visiteur voit. Elle mérite d'être recontrôlée de temps en temps.",[12,1297,1299],{"id":1298},"footer-des-liens-qui-renvoient-vers-le-eu","Footer : des liens qui renvoient vers le .eu",[205,1301,208],{"id":442},[17,1303,1304],{},"Le footer contient lui aussi des liens vers le domaine .eu.",[17,1306,1307,1308,1312,1313,1317],{},"Par exemple, le lien « Effectuer un retour » pointe vers ",[186,1309,1310],{"href":1310,"rel":1311},"https:\u002F\u002Fpalladiumboots.eu\u002Fapps\u002Freturns",[191],". Le visiteur finit par être redirigé vers ",[186,1314,1315],{"href":1315,"rel":1316},"https:\u002F\u002Fpalladiumboots.fr\u002Fapps\u002Freturns",[191],", mais seulement après avoir traversé deux fenêtres modales.",[205,1319,232],{"id":574},[17,1321,1322],{},"Les retours sont un moment sensible du parcours client. Chaque étape supplémentaire ajoute de la friction et peut faire naître un doute (« Suis-je toujours sur le bon site ? »). Côté SEO, chaque lien interne qui part vers un autre domaine puis redirige vers le site d'origine est un détour inutile pour les robots d'exploration.",[205,1324,245],{"id":592},[17,1326,1327],{},"Remplacer tous les liens absolus en .eu par des liens relatifs ou par des liens vers le domaine .fr.",[12,1329,1331],{"id":1330},"formulaires-newsletter-liens-traduction-et-incitation","Formulaires newsletter : liens, traduction et incitation",[17,1333,1334],{},"Le site propose deux formulaires d'inscription à la newsletter.",[17,1336,1337],{},"Le premier se trouve dans le footer, présent sur toutes les pages :",[74,1339],{"alt":1340,"height":1341,"loading":78,"preset":79,"src":1342,"width":81},"Formulaire d'inscription à la newsletter dans le footer du site Palladium Boots",224,"\u002Fetudes-de-cas\u002F02.palladium\u002Fpalladium-newsletter-footer.png",[17,1344,1345],{},"Le second figure sur la page d'accueil :",[74,1347],{"alt":1348,"height":1349,"loading":78,"preset":79,"src":1350,"width":81},"Bloc d'inscription à la newsletter sur la page d'accueil de Palladium Boots, avec offre de 15 % de réduction",281,"\u002Fetudes-de-cas\u002F02.palladium\u002Fpalladium-newsletter-section.png",[205,1352,208],{"id":606},[253,1354,1355,1365,1371],{},[39,1356,1357,1360,1361,27],{},[24,1358,1359],{},"Liens vers le .eu"," : dans les deux blocs, les liens « Politique de confidentialité » et « Conditions d'utilisation » pointent vers la version .eu. Une page de conditions existe pourtant en français : ",[186,1362,1363],{"href":1363,"rel":1364},"https:\u002F\u002Fpalladiumboots.fr\u002Fpages\u002Fterms-and-conditions",[191],[39,1366,1367,1370],{},[24,1368,1369],{},"Texte non traduit"," : le libellé de la case à cocher reste en anglais : « I agree to email tracking in order to receive content tailored to my interests. » Comme pour la bannière des cookies, un consentement donné à partir d'un texte en anglais sur un site français est difficile à considérer comme pleinement éclairé.",[39,1372,1373,1376],{},[24,1374,1375],{},"Incitation absente"," : seul le formulaire de la page d'accueil met en avant l'offre « Profitez de 15 % de réduction sur votre première commande ». Le formulaire du footer, visible sur toutes les pages, ne la mentionne pas. La pop-up d'inscription compense en partie, mais l'argument le plus convaincant est absent de l'emplacement le plus visible.",[205,1378,245],{"id":639},[17,1380,1381],{},"Corriger les liens et traduire le libellé de consentement.",[17,1383,1384],{},"Harmoniser le message des deux formulaires en ajoutant l'offre de bienvenue dans le footer, puis mesurer l'effet sur le taux d'inscription.",[12,1386,1388],{"id":1387},"pages-produits","Pages produits",[205,1390,1392],{"id":1391},"des-url-qui-ne-décrivent-pas-le-produit","Des URL qui ne décrivent pas le produit",[271,1394,1399],{"className":1395,"code":1397,"language":1398},[1396],"language-text","https:\u002F\u002Fpalladiumboots.fr\u002Fproducts\u002F02352-060-m\nhttps:\u002F\u002Fpalladiumboots.fr\u002Fproducts\u002F02352-291-m\nhttps:\u002F\u002Fpalladiumboots.fr\u002Fproducts\u002F02352-209-m\nhttps:\u002F\u002Fpalladiumboots.fr\u002Fproducts\u002F92352-212-m\nhttps:\u002F\u002Fpalladiumboots.fr\u002Fproducts\u002F02352-221-m\nhttps:\u002F\u002Fpalladiumboots.fr\u002Fproducts\u002F02352-308-m\nhttps:\u002F\u002Fpalladiumboots.fr\u002Fproducts\u002F02352-082-m\n","text",[213,1400,1397],{"__ignoreMap":276},[1402,1403,1405],"h4",{"id":1404},"constat","Constat.",[17,1407,1408],{},"Ces URL ne contiennent que la référence interne. Ni l'internaute ni le moteur de recherche ne peut savoir, à leur lecture, qu'il s'agit de Pampa Hi pour homme (ou pour femme) ni de quel coloris il est question.",[1402,1410,232],{"id":627},[17,1412,1413],{},"Dans ses recommandations sur la structure des URL, Google conseille d'utiliser des mots descriptifs dans les URL plutôt que des identifiants. Les mots présents dans l'URL ont un poids limité dans le classement. En revanche, ils apparaissent dans les résultats de recherche et dans les liens partagés, et ils aident à comprendre le contenu de la page avant même de cliquer.",[1402,1415,245],{"id":712},[17,1417,1418],{},"Sur Shopify, le préfixe \u002Fproducts\u002F est imposé, mais le handle (la dernière partie de l'URL) peut être modifié. Une structure du type modèle + genre + coloris + référence serait plus parlante :",[271,1420,1423],{"className":1421,"code":1422,"language":1398},[1396],"https:\u002F\u002Fpalladiumboots.fr\u002Fproducts\u002Fpampa-hi-homme-black-02352-060-m\nhttps:\u002F\u002Fpalladiumboots.fr\u002Fproducts\u002Fpampa-hi-homme-bark-brown-02352-291-m\nhttps:\u002F\u002Fpalladiumboots.fr\u002Fproducts\u002Fpampa-hi-homme-sahara-02352-221-m\nhttps:\u002F\u002Fpalladiumboots.fr\u002Fproducts\u002Fpampa-hi-homme-dusky-green-02352-308-m\n",[213,1424,1422],{"__ignoreMap":276},[17,1426,1427],{},"Conserver la référence en fin d'URL garantit l'unicité du handle et facilite la recherche interne.",[17,1429,1430],{},"La taille, elle, reste une variante du produit. Shopify la gère nativement avec le paramètre ?variant=, et la balise canonique pointe vers l'URL sans paramètre.",[205,1432,1434],{"id":1433},"balises-title-et-meta-description","Balises title et meta description",[17,1436,1437],{},"Plusieurs problèmes constatés dans les balises meta.",[271,1439,1443],{"className":1440,"code":1441,"language":1442,"meta":276,"style":276},"language-html shiki shiki-themes github-dark-high-contrast","\u003Ctitle>PAMPA HI - PALLADIUM EU\u003C\u002Ftitle>\n\u003Cmeta name=\"description\" content=\"The greatest summer adventures never have a plan. From the streets to the summits, you need a boot that do it all. This classic rendition of the men’s Pampa is lightweight and comfortable thanks to its washed canvas upper, which will only get better over time. Plus, our trademark lug sole, fused with the comfort of an EVA footbed will make those long days comfortable so you can explore from sun up to sundown. Smart style, the Palladium way.\">\n","html",[213,1444,1445,1461],{"__ignoreMap":276},[280,1446,1447,1450,1453,1456,1458],{"class":282,"line":283},[280,1448,1449],{"class":290},"\u003C",[280,1451,702],{"class":1452},"sKpQp",[280,1454,1455],{"class":290},">PAMPA HI - PALLADIUM EU\u003C\u002F",[280,1457,702],{"class":1452},[280,1459,1460],{"class":290},">\n",[280,1462,1463,1465,1468,1471,1474,1478,1481,1483,1486],{"class":282,"line":294},[280,1464,1449],{"class":290},[280,1466,1467],{"class":1452},"meta",[280,1469,1470],{"class":286}," name",[280,1472,1473],{"class":290},"=",[280,1475,1477],{"class":1476},"sTRMh","\"description\"",[280,1479,1480],{"class":286}," content",[280,1482,1473],{"class":290},[280,1484,1485],{"class":1476},"\"The greatest summer adventures never have a plan. From the streets to the summits, you need a boot that do it all. This classic rendition of the men’s Pampa is lightweight and comfortable thanks to its washed canvas upper, which will only get better over time. Plus, our trademark lug sole, fused with the comfort of an EVA footbed will make those long days comfortable so you can explore from sun up to sundown. Smart style, the Palladium way.\"",[280,1487,1460],{"class":290},[1402,1489,1490],{"id":649},"Constats",[253,1492,1493,1499,1505,1511],{},[39,1494,1495,1498],{},[24,1496,1497],{},"Meta description en anglais sur le site français",". Google réécrit souvent les descriptions, mais celle-ci peut tout de même s'afficher telle quelle dans les résultats de recherche français.",[39,1500,1501,1504],{},[24,1502,1503],{},"Meta description trop longue"," : elle compte environ 450 caractères. Seuls les 150 à 160 premiers caractères environ s'affichent dans les résultats.",[39,1506,1507,1510],{},[24,1508,1509],{},"Balise title incomplète"," : elle n'indique ni le coloris ni le genre. Tous les coloris du modèle Pampa Hi partagent donc le même titre, ce qui crée des titres en double.",[39,1512,1513,1516],{},[24,1514,1515],{},"Nom de la boutique incorrect"," : le suffixe « PALLADIUM EU » apparaît sur le site .fr.",[1402,1518,1519],{"id":946},"Ma recommandation",[271,1521,1523],{"className":1440,"code":1522,"language":1442,"meta":276,"style":276},"\u003Ctitle>Pampa Hi Bark Brown – Chaussures homme | Palladium France\u003C\u002Ftitle>\n\u003Cmeta name=\"description\" content=\"[...description en français...]\">\n",[213,1524,1525,1538],{"__ignoreMap":276},[280,1526,1527,1529,1531,1534,1536],{"class":282,"line":283},[280,1528,1449],{"class":290},[280,1530,702],{"class":1452},[280,1532,1533],{"class":290},">Pampa Hi Bark Brown – Chaussures homme | Palladium France\u003C\u002F",[280,1535,702],{"class":1452},[280,1537,1460],{"class":290},[280,1539,1540,1542,1544,1546,1548,1550,1552,1554,1557],{"class":282,"line":294},[280,1541,1449],{"class":290},[280,1543,1467],{"class":1452},[280,1545,1470],{"class":286},[280,1547,1473],{"class":290},[280,1549,1477],{"class":1476},[280,1551,1480],{"class":286},[280,1553,1473],{"class":290},[280,1555,1556],{"class":1476},"\"[...description en français...]\"",[280,1558,1460],{"class":290},[205,1560,1562],{"id":1561},"données-structurées-json-ld","Données structurées (JSON-LD)",[271,1564,1568],{"className":1565,"code":1566,"language":1567,"meta":276,"style":276},"language-json shiki shiki-themes github-dark-high-contrast","{\n    \"@context\": \"https:\u002F\u002Fschema.org\",\n    \"@type\": \"Product\",\n    \"name\": \"02352-291-M | PAMPA HI | DARK BROWN\",\n    \"url\": \"https:\\\u002F\\\u002Fpalladiumboots.eu\\\u002Fproducts\\\u002F02352-291-m\",\n    \"image\": [\n        \"https:\\\u002F\\\u002Fpalladiumboots.fr\\\u002Fcdn\\\u002Fshop\\\u002Ffiles\\\u002F02352-291-M_1_fe8df1e4-f5ea-4827-b83b-b1b848521b71.webp?v=1790794431\\u0026width=1760\"\n    ],\n    \"description\": \"Die tollsten Sommerabenteuer kann man nicht planen. Von den asphaltierten Straßen der Stadt zu den Berggipfeln brauchen Sie einen Boot, der alles mitmacht. Diese klassische Interpretation des Pampa für Herren ist leicht und bequem dank gewaschenem Canvas, der im Laufe der Zeit seinen eigenen Charakter erhält. Weitere Merkmale sind die unverwechselbare Stollensohle, die zusammen mit dem EVA-Fußbett für Tragekomfort von Sonnenauf- bis Sonnenuntergang sorgen. Ein smarter Style, wie man ihn von Palladium kennt. The greatest summer adventures never have a plan. From the streets to the summits, you need a boot that do it all. This classic rendition of the men’s Pampa is lightweight and comfortable thanks to its washed canvas upper, which will only get better over time. Plus, our trademark lug sole, fused with the comfort of an EVA footbed will make those long days comfortable so you can explore from sun up to sundown. Smart style, the Palladium way. En été, les plus belles aventures ont un goût d’imprévu. C’est pourquoi vos chaussures doivent toujours pouvoir vous accompagner, en ville comme sur les sentiers. Cette version classique de notre iconique Pampa pour homme, légère et confortable grâce à sa tige en toile délavée, s’affirme avec le temps. Avec sa semelle extérieure crantée emblématique de la marque et sa semelle intérieure EVA, elle est l’assurance d’un confort longue durée. Un style smart, version Palladium. De grootste zomeravonturen hebben nooit een plan. Of je nu op straat wandelt of een berg beklimt, een laars is onontbeerlijk. Deze klassieke interpretatie van de Pampa voor heren is lichtgewicht en comfortabel dankzij de bovenlaag van gewassen canvas, die na verloop van tijd alleen maar beter wordt. Bovendien zorgt onze kenmerkende trekkerzool samen met het comfortabele EVA-voetbed ervoor dat lange dagen comfortabel worden zodat je de klok rond op verkenning kunt gaan. Een slimme stijl? Kies voor Palladium. -The greatest summer adventures never have a plan. From the streets to the summits, you need a boot that do it all. This classic rendition of the men’s Pampa is lightweight and comfortable thanks to its washed canvas upper, which will only get better over time. Plus, our trademark lug sole, fused with the comfort of an EVA footbed will make those long days comfortable so you can explore from sun up to sundown. Smart style, the Palladium way.  OBERMATERIAL: 397 g schwerer gewaschener Baumwollcanvas  FUTTER: 227 g schwerer Baumwollcanvas SOCKENFUTTER: gestanztes EVA + Fersenschale \\\u002F Bezug aus 100 % Baumwolle SOHLE UND ZEHENKAPPE: Gummi + gestanztes EVA MARKENLOGO: Weblabel an der Zunge \\\u002F Label unten am seitlichen Quartier \\\u002F Gummipatch am seitlichen Quartier FEATURES: flache Schnürsenkel \\\u002F Ösen  UPPER: 14oz washed canvas in cotton LINING: 8oz canvas in cotton SOCKLINER: die cut EVA + heel cup - cover in 100% cotton  BOTTOM + TOE CAP : Rubber + Die cut EVA BRANDING :woven label on tongue \\\u002F side label at the bottom of lateral quarter \\\u002F rubber patch on lateral quarter FEATURES: flat lace \\\u002F eyelets  TIGE : toile 14 oz délavée en coton DOUBLURE : toile 8 oz en coton SEMELLE INTÉRIEURE : EVA découpée + talonnette – surface 100 % coton SEMELLE EXTÉRIEURE + *BOUT : caoutchouc + EVA découpée  MARQUE : étiquette tissée sur la languette \\\u002F étiquette sur la partie basse du quartier externe \\\u002F patch en caoutchouc sur le quartier externe CARACTÉRISTIQUES : lacets plats \\\u002F œillets  BOVENKANT: 14 oz niet-gewassen canvas van katoen VOERING: 8 oz canvas van katoen INLEGZOOL: voorgevormd EVA + hielkom - afwerking 100% katoen  ZOOL + NEUS: rubber + voorgevormd EVA UITVOERING: geweven label op tong \\\u002F zijlabel onderaan buitenkant hielstuk \\\u002F rubberen patch op buitenkant hielstuk KENMERKEN: platte veters \\\u002F veteroogjes - UPPER: 14oz washed canvas in cotton LINING: 8oz canvas in cotton SOCKLINER: die cut EVA + heel cup - cover in 100% cotton  BOTTOM + TOE CAP : Rubber + Die cut EVA BRANDING :woven label on tongue \\\u002F side label at the bottom of lateral quarter \\\u002F rubber patch on lateral quarter FEATURES: flat lace \\\u002F eyelets \",\n    \"sku\": \"198812315921\",\n    \"brand\": {\n        \"@type\": \"Brand\",\n        \"name\": \"PALLADIUM-EU\"\n    },\n    \"offers\": {\n        \"@type\": \"Offer\",\n        \"url\": \"https:\\\u002F\\\u002Fpalladiumboots.eu\\\u002Fproducts\\\u002F02352-291-m\",\n        \"priceCurrency\": \"EUR\",\n        \"price\": 80.0,\n        \"availability\": \"https:\u002F\u002Fschema.org\u002FInStock\",\n        \"itemCondition\": \"https:\u002F\u002Fschema.org\u002FNewCondition\"\n    }\n}\n","json",[213,1569,1570,1575,1588,1600,1612,1641,1649,1684,1689,1779,1791,1800,1813,1824,1830,1838,1850,1874,1887,1900,1913,1924,1930],{"__ignoreMap":276},[280,1571,1572],{"class":282,"line":283},[280,1573,1574],{"class":290},"{\n",[280,1576,1577,1580,1582,1585],{"class":282,"line":294},[280,1578,1579],{"class":1452},"    \"@context\"",[280,1581,301],{"class":290},[280,1583,1584],{"class":1476},"\"https:\u002F\u002Fschema.org\"",[280,1586,1587],{"class":290},",\n",[280,1589,1590,1593,1595,1598],{"class":282,"line":310},[280,1591,1592],{"class":1452},"    \"@type\"",[280,1594,301],{"class":290},[280,1596,1597],{"class":1476},"\"Product\"",[280,1599,1587],{"class":290},[280,1601,1602,1605,1607,1610],{"class":282,"line":323},[280,1603,1604],{"class":1452},"    \"name\"",[280,1606,301],{"class":290},[280,1608,1609],{"class":1476},"\"02352-291-M | PAMPA HI | DARK BROWN\"",[280,1611,1587],{"class":290},[280,1613,1614,1617,1619,1622,1625,1628,1631,1634,1636,1639],{"class":282,"line":341},[280,1615,1616],{"class":1452},"    \"url\"",[280,1618,301],{"class":290},[280,1620,1621],{"class":1476},"\"https:",[280,1623,1624],{"class":525},"\\\u002F\\\u002F",[280,1626,1627],{"class":1476},"palladiumboots.eu",[280,1629,1630],{"class":525},"\\\u002F",[280,1632,1633],{"class":1476},"products",[280,1635,1630],{"class":525},[280,1637,1638],{"class":1476},"02352-291-m\"",[280,1640,1587],{"class":290},[280,1642,1643,1646],{"class":282,"line":358},[280,1644,1645],{"class":1452},"    \"image\"",[280,1647,1648],{"class":290},": [\n",[280,1650,1651,1654,1656,1658,1660,1663,1665,1668,1670,1673,1675,1678,1681],{"class":282,"line":371},[280,1652,1653],{"class":1476},"        \"https:",[280,1655,1624],{"class":525},[280,1657,1227],{"class":1476},[280,1659,1630],{"class":525},[280,1661,1662],{"class":1476},"cdn",[280,1664,1630],{"class":525},[280,1666,1667],{"class":1476},"shop",[280,1669,1630],{"class":525},[280,1671,1672],{"class":1476},"files",[280,1674,1630],{"class":525},[280,1676,1677],{"class":1476},"02352-291-M_1_fe8df1e4-f5ea-4827-b83b-b1b848521b71.webp?v=1790794431",[280,1679,1680],{"class":525},"\\u0026",[280,1682,1683],{"class":1476},"width=1760\"\n",[280,1685,1686],{"class":282,"line":377},[280,1687,1688],{"class":290},"    ],\n",[280,1690,1691,1694,1696,1699,1701,1704,1706,1709,1711,1714,1716,1719,1721,1724,1726,1729,1731,1734,1736,1739,1741,1744,1746,1749,1751,1754,1756,1759,1761,1764,1766,1768,1770,1772,1774,1777],{"class":282,"line":384},[280,1692,1693],{"class":1452},"    \"description\"",[280,1695,301],{"class":290},[280,1697,1698],{"class":1476},"\"Die tollsten Sommerabenteuer kann man nicht planen. Von den asphaltierten Straßen der Stadt zu den Berggipfeln brauchen Sie einen Boot, der alles mitmacht. Diese klassische Interpretation des Pampa für Herren ist leicht und bequem dank gewaschenem Canvas, der im Laufe der Zeit seinen eigenen Charakter erhält. Weitere Merkmale sind die unverwechselbare Stollensohle, die zusammen mit dem EVA-Fußbett für Tragekomfort von Sonnenauf- bis Sonnenuntergang sorgen. Ein smarter Style, wie man ihn von Palladium kennt. The greatest summer adventures never have a plan. From the streets to the summits, you need a boot that do it all. This classic rendition of the men’s Pampa is lightweight and comfortable thanks to its washed canvas upper, which will only get better over time. Plus, our trademark lug sole, fused with the comfort of an EVA footbed will make those long days comfortable so you can explore from sun up to sundown. Smart style, the Palladium way. En été, les plus belles aventures ont un goût d’imprévu. C’est pourquoi vos chaussures doivent toujours pouvoir vous accompagner, en ville comme sur les sentiers. Cette version classique de notre iconique Pampa pour homme, légère et confortable grâce à sa tige en toile délavée, s’affirme avec le temps. Avec sa semelle extérieure crantée emblématique de la marque et sa semelle intérieure EVA, elle est l’assurance d’un confort longue durée. Un style smart, version Palladium. De grootste zomeravonturen hebben nooit een plan. Of je nu op straat wandelt of een berg beklimt, een laars is onontbeerlijk. Deze klassieke interpretatie van de Pampa voor heren is lichtgewicht en comfortabel dankzij de bovenlaag van gewassen canvas, die na verloop van tijd alleen maar beter wordt. Bovendien zorgt onze kenmerkende trekkerzool samen met het comfortabele EVA-voetbed ervoor dat lange dagen comfortabel worden zodat je de klok rond op verkenning kunt gaan. Een slimme stijl? Kies voor Palladium. -The greatest summer adventures never have a plan. From the streets to the summits, you need a boot that do it all. This classic rendition of the men’s Pampa is lightweight and comfortable thanks to its washed canvas upper, which will only get better over time. Plus, our trademark lug sole, fused with the comfort of an EVA footbed will make those long days comfortable so you can explore from sun up to sundown. Smart style, the Palladium way.  OBERMATERIAL: 397 g schwerer gewaschener Baumwollcanvas  FUTTER: 227 g schwerer Baumwollcanvas SOCKENFUTTER: gestanztes EVA + Fersenschale ",[280,1700,1630],{"class":525},[280,1702,1703],{"class":1476}," Bezug aus 100 % Baumwolle SOHLE UND ZEHENKAPPE: Gummi + gestanztes EVA MARKENLOGO: Weblabel an der Zunge ",[280,1705,1630],{"class":525},[280,1707,1708],{"class":1476}," Label unten am seitlichen Quartier ",[280,1710,1630],{"class":525},[280,1712,1713],{"class":1476}," Gummipatch am seitlichen Quartier FEATURES: flache Schnürsenkel ",[280,1715,1630],{"class":525},[280,1717,1718],{"class":1476}," Ösen  UPPER: 14oz washed canvas in cotton LINING: 8oz canvas in cotton SOCKLINER: die cut EVA + heel cup - cover in 100% cotton  BOTTOM + TOE CAP : Rubber + Die cut EVA BRANDING :woven label on tongue ",[280,1720,1630],{"class":525},[280,1722,1723],{"class":1476}," side label at the bottom of lateral quarter ",[280,1725,1630],{"class":525},[280,1727,1728],{"class":1476}," rubber patch on lateral quarter FEATURES: flat lace ",[280,1730,1630],{"class":525},[280,1732,1733],{"class":1476}," eyelets  TIGE : toile 14 oz délavée en coton DOUBLURE : toile 8 oz en coton SEMELLE INTÉRIEURE : EVA découpée + talonnette – surface 100 % coton SEMELLE EXTÉRIEURE + *BOUT : caoutchouc + EVA découpée  MARQUE : étiquette tissée sur la languette ",[280,1735,1630],{"class":525},[280,1737,1738],{"class":1476}," étiquette sur la partie basse du quartier externe ",[280,1740,1630],{"class":525},[280,1742,1743],{"class":1476}," patch en caoutchouc sur le quartier externe CARACTÉRISTIQUES : lacets plats ",[280,1745,1630],{"class":525},[280,1747,1748],{"class":1476}," œillets  BOVENKANT: 14 oz niet-gewassen canvas van katoen VOERING: 8 oz canvas van katoen INLEGZOOL: voorgevormd EVA + hielkom - afwerking 100% katoen  ZOOL + NEUS: rubber + voorgevormd EVA UITVOERING: geweven label op tong ",[280,1750,1630],{"class":525},[280,1752,1753],{"class":1476}," zijlabel onderaan buitenkant hielstuk ",[280,1755,1630],{"class":525},[280,1757,1758],{"class":1476}," rubberen patch op buitenkant hielstuk KENMERKEN: platte veters ",[280,1760,1630],{"class":525},[280,1762,1763],{"class":1476}," veteroogjes - UPPER: 14oz washed canvas in cotton LINING: 8oz canvas in cotton SOCKLINER: die cut EVA + heel cup - cover in 100% cotton  BOTTOM + TOE CAP : Rubber + Die cut EVA BRANDING :woven label on tongue ",[280,1765,1630],{"class":525},[280,1767,1723],{"class":1476},[280,1769,1630],{"class":525},[280,1771,1728],{"class":1476},[280,1773,1630],{"class":525},[280,1775,1776],{"class":1476}," eyelets \"",[280,1778,1587],{"class":290},[280,1780,1781,1784,1786,1789],{"class":282,"line":409},[280,1782,1783],{"class":1452},"    \"sku\"",[280,1785,301],{"class":290},[280,1787,1788],{"class":1476},"\"198812315921\"",[280,1790,1587],{"class":290},[280,1792,1794,1797],{"class":282,"line":1793},11,[280,1795,1796],{"class":1452},"    \"brand\"",[280,1798,1799],{"class":290},": {\n",[280,1801,1803,1806,1808,1811],{"class":282,"line":1802},12,[280,1804,1805],{"class":1452},"        \"@type\"",[280,1807,301],{"class":290},[280,1809,1810],{"class":1476},"\"Brand\"",[280,1812,1587],{"class":290},[280,1814,1816,1819,1821],{"class":282,"line":1815},13,[280,1817,1818],{"class":1452},"        \"name\"",[280,1820,301],{"class":290},[280,1822,1823],{"class":1476},"\"PALLADIUM-EU\"\n",[280,1825,1827],{"class":282,"line":1826},14,[280,1828,1829],{"class":290},"    },\n",[280,1831,1833,1836],{"class":282,"line":1832},15,[280,1834,1835],{"class":1452},"    \"offers\"",[280,1837,1799],{"class":290},[280,1839,1841,1843,1845,1848],{"class":282,"line":1840},16,[280,1842,1805],{"class":1452},[280,1844,301],{"class":290},[280,1846,1847],{"class":1476},"\"Offer\"",[280,1849,1587],{"class":290},[280,1851,1853,1856,1858,1860,1862,1864,1866,1868,1870,1872],{"class":282,"line":1852},17,[280,1854,1855],{"class":1452},"        \"url\"",[280,1857,301],{"class":290},[280,1859,1621],{"class":1476},[280,1861,1624],{"class":525},[280,1863,1627],{"class":1476},[280,1865,1630],{"class":525},[280,1867,1633],{"class":1476},[280,1869,1630],{"class":525},[280,1871,1638],{"class":1476},[280,1873,1587],{"class":290},[280,1875,1877,1880,1882,1885],{"class":282,"line":1876},18,[280,1878,1879],{"class":1452},"        \"priceCurrency\"",[280,1881,301],{"class":290},[280,1883,1884],{"class":1476},"\"EUR\"",[280,1886,1587],{"class":290},[280,1888,1890,1893,1895,1898],{"class":282,"line":1889},19,[280,1891,1892],{"class":1452},"        \"price\"",[280,1894,301],{"class":290},[280,1896,1897],{"class":286},"80.0",[280,1899,1587],{"class":290},[280,1901,1903,1906,1908,1911],{"class":282,"line":1902},20,[280,1904,1905],{"class":1452},"        \"availability\"",[280,1907,301],{"class":290},[280,1909,1910],{"class":1476},"\"https:\u002F\u002Fschema.org\u002FInStock\"",[280,1912,1587],{"class":290},[280,1914,1916,1919,1921],{"class":282,"line":1915},21,[280,1917,1918],{"class":1452},"        \"itemCondition\"",[280,1920,301],{"class":290},[280,1922,1923],{"class":1476},"\"https:\u002F\u002Fschema.org\u002FNewCondition\"\n",[280,1925,1927],{"class":282,"line":1926},22,[280,1928,1929],{"class":290},"    }\n",[280,1931,1933],{"class":282,"line":1932},23,[280,1934,374],{"class":290},[1402,1936,1490],{"id":930},[253,1938,1939,1942,1945],{},[39,1940,1941],{},"Description en quatre langues. Le champ description mélange de l'allemand, de l'anglais, du français et du néerlandais. Certains passages en anglais apparaissent même deux fois, de même que les caractéristiques techniques dans chaque langue. Ce mélange laisse penser que toutes les traductions ont été fusionnées dans un seul champ lors de l'import des produits vers Shopify.",[39,1943,1944],{},"URL qui pointent vers le .eu. Les champs url et offers.url renvoient vers palladiumboots.eu. La page indique donc aux moteurs de recherche que l'offre se trouve sur un autre domaine que celui qu'ils explorent. Ce type d'incohérence entre domaines brouille l'identification de la page de référence.",[39,1946,1947],{},"Balisage qui ignore les variantes. Le balisage décrit un produit unique avec une seule offre. Or le produit est décliné en plusieurs tailles, et le modèle Pampa Hi en plusieurs coloris, chacun sur sa propre page. Ce balisage simple reste valide. En revanche, il ne permet pas à Google de comprendre que ces pages sont des variantes d'un même modèle, et la disponibilité affichée (InStock) ne tient pas compte des tailles en rupture.",[1402,1949,1951],{"id":1950},"recommandations","Recommandations",[17,1953,1954,1955,1958],{},"Google prend en charge le balisage des variantes de produits au moyen du type ",[24,1956,1957],{},"ProductGroup",". Exemple :",[271,1960,1962],{"className":1565,"code":1961,"language":1567,"meta":276,"style":276},"{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"ProductGroup\",\n  \"name\": \"Pampa Hi homme\",\n  \"productGroupID\": \"02352\",\n  \"brand\": { \"@type\": \"Brand\", \"name\": \"Palladium\" },\n  \"variesBy\": [\"https:\u002F\u002Fschema.org\u002Fcolor\", \"https:\u002F\u002Fschema.org\u002Fsize\"],\n  \"hasVariant\": [\n    {\n      \"@type\": \"Product\",\n      \"name\": \"Pampa Hi homme – Bark Brown – 42\",\n      \"sku\": \"02352-291-M-42\",\n      \"gtin12\": \"198812315921\",\n      \"color\": \"Bark Brown\",\n      \"size\": \"42\",\n      \"url\": \"https:\u002F\u002Fpalladiumboots.fr\u002Fproducts\u002Fpampa-hi-homme-bark-brown-02352-291-m?variant=[id_variant]\",\n      \"offers\": {\n        \"@type\": \"Offer\",\n        \"price\": 80.00,\n        \"priceCurrency\": \"EUR\",\n        \"availability\": \"https:\u002F\u002Fschema.org\u002FInStock\"\n      }\n    }\n  ]\n}\n",[213,1963,1964,1968,1979,1991,2003,2015,2044,2063,2070,2075,2086,2098,2110,2121,2133,2145,2157,2164,2174,2185,2195,2204,2209,2213,2219],{"__ignoreMap":276},[280,1965,1966],{"class":282,"line":283},[280,1967,1574],{"class":290},[280,1969,1970,1973,1975,1977],{"class":282,"line":294},[280,1971,1972],{"class":1452},"  \"@context\"",[280,1974,301],{"class":290},[280,1976,1584],{"class":1476},[280,1978,1587],{"class":290},[280,1980,1981,1984,1986,1989],{"class":282,"line":310},[280,1982,1983],{"class":1452},"  \"@type\"",[280,1985,301],{"class":290},[280,1987,1988],{"class":1476},"\"ProductGroup\"",[280,1990,1587],{"class":290},[280,1992,1993,1996,1998,2001],{"class":282,"line":323},[280,1994,1995],{"class":1452},"  \"name\"",[280,1997,301],{"class":290},[280,1999,2000],{"class":1476},"\"Pampa Hi homme\"",[280,2002,1587],{"class":290},[280,2004,2005,2008,2010,2013],{"class":282,"line":341},[280,2006,2007],{"class":1452},"  \"productGroupID\"",[280,2009,301],{"class":290},[280,2011,2012],{"class":1476},"\"02352\"",[280,2014,1587],{"class":290},[280,2016,2017,2020,2023,2026,2028,2030,2033,2036,2038,2041],{"class":282,"line":358},[280,2018,2019],{"class":1452},"  \"brand\"",[280,2021,2022],{"class":290},": { ",[280,2024,2025],{"class":1452},"\"@type\"",[280,2027,301],{"class":290},[280,2029,1810],{"class":1476},[280,2031,2032],{"class":290},", ",[280,2034,2035],{"class":1452},"\"name\"",[280,2037,301],{"class":290},[280,2039,2040],{"class":1476},"\"Palladium\"",[280,2042,2043],{"class":290}," },\n",[280,2045,2046,2049,2052,2055,2057,2060],{"class":282,"line":371},[280,2047,2048],{"class":1452},"  \"variesBy\"",[280,2050,2051],{"class":290},": [",[280,2053,2054],{"class":1476},"\"https:\u002F\u002Fschema.org\u002Fcolor\"",[280,2056,2032],{"class":290},[280,2058,2059],{"class":1476},"\"https:\u002F\u002Fschema.org\u002Fsize\"",[280,2061,2062],{"class":290},"],\n",[280,2064,2065,2068],{"class":282,"line":377},[280,2066,2067],{"class":1452},"  \"hasVariant\"",[280,2069,1648],{"class":290},[280,2071,2072],{"class":282,"line":384},[280,2073,2074],{"class":290},"    {\n",[280,2076,2077,2080,2082,2084],{"class":282,"line":409},[280,2078,2079],{"class":1452},"      \"@type\"",[280,2081,301],{"class":290},[280,2083,1597],{"class":1476},[280,2085,1587],{"class":290},[280,2087,2088,2091,2093,2096],{"class":282,"line":1793},[280,2089,2090],{"class":1452},"      \"name\"",[280,2092,301],{"class":290},[280,2094,2095],{"class":1476},"\"Pampa Hi homme – Bark Brown – 42\"",[280,2097,1587],{"class":290},[280,2099,2100,2103,2105,2108],{"class":282,"line":1802},[280,2101,2102],{"class":1452},"      \"sku\"",[280,2104,301],{"class":290},[280,2106,2107],{"class":1476},"\"02352-291-M-42\"",[280,2109,1587],{"class":290},[280,2111,2112,2115,2117,2119],{"class":282,"line":1815},[280,2113,2114],{"class":1452},"      \"gtin12\"",[280,2116,301],{"class":290},[280,2118,1788],{"class":1476},[280,2120,1587],{"class":290},[280,2122,2123,2126,2128,2131],{"class":282,"line":1826},[280,2124,2125],{"class":1452},"      \"color\"",[280,2127,301],{"class":290},[280,2129,2130],{"class":1476},"\"Bark Brown\"",[280,2132,1587],{"class":290},[280,2134,2135,2138,2140,2143],{"class":282,"line":1832},[280,2136,2137],{"class":1452},"      \"size\"",[280,2139,301],{"class":290},[280,2141,2142],{"class":1476},"\"42\"",[280,2144,1587],{"class":290},[280,2146,2147,2150,2152,2155],{"class":282,"line":1840},[280,2148,2149],{"class":1452},"      \"url\"",[280,2151,301],{"class":290},[280,2153,2154],{"class":1476},"\"https:\u002F\u002Fpalladiumboots.fr\u002Fproducts\u002Fpampa-hi-homme-bark-brown-02352-291-m?variant=[id_variant]\"",[280,2156,1587],{"class":290},[280,2158,2159,2162],{"class":282,"line":1852},[280,2160,2161],{"class":1452},"      \"offers\"",[280,2163,1799],{"class":290},[280,2165,2166,2168,2170,2172],{"class":282,"line":1876},[280,2167,1805],{"class":1452},[280,2169,301],{"class":290},[280,2171,1847],{"class":1476},[280,2173,1587],{"class":290},[280,2175,2176,2178,2180,2183],{"class":282,"line":1889},[280,2177,1892],{"class":1452},[280,2179,301],{"class":290},[280,2181,2182],{"class":286},"80.00",[280,2184,1587],{"class":290},[280,2186,2187,2189,2191,2193],{"class":282,"line":1902},[280,2188,1879],{"class":1452},[280,2190,301],{"class":290},[280,2192,1884],{"class":1476},[280,2194,1587],{"class":290},[280,2196,2197,2199,2201],{"class":282,"line":1915},[280,2198,1905],{"class":1452},[280,2200,301],{"class":290},[280,2202,2203],{"class":1476},"\"https:\u002F\u002Fschema.org\u002FInStock\"\n",[280,2205,2206],{"class":282,"line":1926},[280,2207,2208],{"class":290},"      }\n",[280,2210,2211],{"class":282,"line":1932},[280,2212,1929],{"class":290},[280,2214,2216],{"class":282,"line":2215},24,[280,2217,2218],{"class":290},"  ]\n",[280,2220,2222],{"class":282,"line":2221},25,[280,2223,374],{"class":290},[12,2225,953],{"id":952},[83,2227,2228,2240],{},[86,2229,2230],{},[89,2231,2232,2234,2236,2238],{},[92,2233,962],{},[92,2235,965],{},[92,2237,968],{},[92,2239,971],{},[99,2241,2242,2255,2267,2280,2293,2306,2319],{},[89,2243,2244,2247,2250,2253],{},[104,2245,2246],{},"Bannière cookies",[104,2248,2249],{},"Lien de confidentialité vers le .eu, en anglais",[104,2251,2252],{},"UX, conformité",[104,2254,987],{},[89,2256,2257,2260,2263,2265],{},[104,2258,2259],{},"Formulaires newsletter",[104,2261,2262],{},"Consentement en anglais, liens vers le .eu",[104,2264,2252],{},[104,2266,987],{},[89,2268,2269,2272,2275,2278],{},[104,2270,2271],{},"Données structurées",[104,2273,2274],{},"Description en 4 langues, URL en .eu, marque erronée",[104,2276,2277],{},"SEO",[104,2279,987],{},[89,2281,2282,2285,2288,2291],{},[104,2283,2284],{},"Balises title \u002F meta",[104,2286,2287],{},"Description en anglais, titres en double, « EU »",[104,2289,2290],{},"SEO, taux de clic",[104,2292,987],{},[89,2294,2295,2298,2301,2304],{},[104,2296,2297],{},"Footer",[104,2299,2300],{},"Liens vers le .eu avec redirections",[104,2302,2303],{},"UX, exploration",[104,2305,1001],{},[89,2307,2308,2311,2314,2317],{},[104,2309,2310],{},"URL produits",[104,2312,2313],{},"Aucun mot descriptif",[104,2315,2316],{},"SEO, lisibilité",[104,2318,1001],{},[89,2320,2321,2324,2327,2330],{},[104,2322,2323],{},"Newsletter footer",[104,2325,2326],{},"Offre de bienvenue absente",[104,2328,2329],{},"Conversion",[104,2331,1088],{},[12,2333,1104],{"id":1103},[17,2335,2336],{},"Cet audit ne couvre qu'une partie du nouveau site Palladium Boots. Il met pourtant en évidence un problème de fond : la localisation de la version française est incomplète. Liens vers le domaine international, textes en anglais, champs produits mélangeant quatre langues.",[17,2338,2339],{},"Aucun de ces points n'est bloquant pour un acheteur décidé. Mis bout à bout, ils dégradent pourtant la confiance des nouveaux visiteurs et brouillent les signaux envoyés aux moteurs de recherche, au moment précis où Google réévalue le site après sa refonte.",[17,2341,2342],{},"Pour toute migration e-commerce, et pas seulement vers Shopify, trois vérifications auraient permis de repérer ces erreurs avant la mise en ligne :",[253,2344,2345,2348,2351],{},[39,2346,2347],{},"Rechercher les liens absolus vers les autres domaines de la marque dans les menus, le footer, la bannière des cookies et les formulaires.",[39,2349,2350],{},"Contrôler la langue de chaque champ importé : descriptions, meta descriptions, libellés de consentement, données structurées.",[39,2352,2353],{},"Valider les données structurées de quelques pages types avec le test des résultats enrichis de Google, en vérifiant les URL, la marque et les variantes.",[17,2355,2356,2357,27],{},"J'espère que cette étude de cas vous a donné un aperçu concret de ma démarche d'audit. Vous préparez une refonte ou une migration de votre boutique, ou vous souhaitez identifier les points de friction de votre site e-commerce ? Découvrez ",[186,2358,1137],{"href":1136},[1139,2360,2361],{},"html pre.shiki code .sMAXC, html code.shiki .sMAXC{--shiki-default:#F0F3F6}html pre.shiki code .sKpQp, html code.shiki .sKpQp{--shiki-default:#72F088}html pre.shiki code .sCcAr, html code.shiki .sCcAr{--shiki-default:#91CBFF}html pre.shiki code .sTRMh, html code.shiki .sTRMh{--shiki-default:#ADDCFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .sWyjQ, html code.shiki .sWyjQ{--shiki-default:#FF9492}",{"title":276,"searchDepth":294,"depth":294,"links":2363},[2364,2365,2366,2371,2376,2380,2385,2386],{"id":14,"depth":294,"text":15},{"id":33,"depth":294,"text":34},{"id":1258,"depth":294,"text":1259,"children":2367},[2368,2369,2370],{"id":207,"depth":310,"text":208},{"id":231,"depth":310,"text":232},{"id":244,"depth":310,"text":245},{"id":1298,"depth":294,"text":1299,"children":2372},[2373,2374,2375],{"id":442,"depth":310,"text":208},{"id":574,"depth":310,"text":232},{"id":592,"depth":310,"text":245},{"id":1330,"depth":294,"text":1331,"children":2377},[2378,2379],{"id":606,"depth":310,"text":208},{"id":639,"depth":310,"text":245},{"id":1387,"depth":294,"text":1388,"children":2381},[2382,2383,2384],{"id":1391,"depth":310,"text":1392},{"id":1433,"depth":310,"text":1434},{"id":1561,"depth":310,"text":1562},{"id":952,"depth":294,"text":953},{"id":1103,"depth":294,"text":1104},"Palladium Boots","2026-10-12",{},"\u002Fetudes-de-cas\u002Faudit-ux-palladium-nouveau-site",{"title":1211,"description":276},"https:\u002F\u002Fpalladiumboots.fr\u002F",{"loc":2390,"images":2394,"lastmod":2388},[2395,2396,2397],{"loc":1263},{"loc":1342},{"loc":1350},"etudes-de-cas\u002F02.audit-ux-palladium-nouveau-site","Liens vers le .eu, textes non traduits, données structurées en quatre langues : analyse du nouveau site Shopify de Palladium Boots et correctifs recommandés.","nmn2r0iWSMlWpQzyOYwM4DSE-6L5iXOMSuHhcTfkliA",{"id":2402,"title":2403,"author":7,"body":2404,"brand":3109,"date":3110,"description":276,"extension":1184,"indexable":380,"meta":3111,"navigation":380,"path":3112,"seo":3113,"site_url":3114,"sitemap":3115,"stem":3126,"teaser":3127,"updatedAt":3125,"visibility":1207,"__hash__":3128},"etudesdecas\u002Fetudes-de-cas\u002F01.audit-ux-parfums-adopt.md","Audit UX d'Adopt : recherche interne, bandeau promo et panier",{"type":9,"value":2405,"toc":3081},[2406,2408,2417,2428,2431,2433,2461,2465,2469,2472,2478,2481,2485,2487,2490,2514,2520,2522,2531,2547,2549,2580,2584,2587,2591,2597,2599,2602,2605,2607,2616,2618,2621,2625,2631,2633,2639,2642,2671,2674,2677,2683,2686,2688,2691,2700,2702,2711,2715,2720,2722,2725,2732,2739,2741,2744,2749,2758,2760,2763,2767,2772,2775,2778,2781,2783,2786,2788,2791,2795,2798,2801,2815,2818,2883,2886,2889,2892,2903,2907,2910,2912,2923,2929,2932,2935,2938,2943,2946,2949,2951,3052,3054,3057,3060,3063,3074,3078],[12,2407,15],{"id":14},[17,2409,2410,2411,2416],{},"J'ai découvert Adopt à travers une publication LinkedIn. Je ne connaissais pas cette marque de parfums, ",[186,2412,2415],{"href":2413,":target":189,"rel":2414},"https:\u002F\u002Fwww.bible-marques.fr\u002Fadopt.html",[191],"née à Bordeaux en 1986"," : c'était donc une première visite, comme pour un nouveau client.",[17,2418,2419,2420,2423,2424,2427],{},"En explorant son site e-commerce, j'ai relevé plusieurs points de friction, surtout dans la ",[24,2421,2422],{},"recherche interne",", ainsi que ",[24,2425,2426],{},"deux bugs"," sur la liste de souhaits et le panier.",[17,2429,2430],{},"La recherche mérite une attention particulière. Un visiteur qui tape une requête sait souvent ce qu'il veut : c'est un client à fort potentiel. Si le moteur lui répond « Aucun résultat », il risque de conclure que la boutique n'a rien pour lui.",[12,2432,34],{"id":33},[36,2434,2435,2440,2445,2451,2456],{},[39,2436,2437,2439],{},[24,2438,67],{}," : page d'accueil, barre d'annonces, recherche interne (panneau de suggestions et page de résultats), liste de souhaits, panneau du panier.",[39,2441,2442,2444],{},[24,2443,1242],{}," : Firefox 156.0 et Google Chrome 154.0, sur ordinateur.",[39,2446,2447,2450],{},[24,2448,2449],{},"Plateforme"," : Magento 2 avec le thème Hyvä. La recherche repose sur Smile ElasticSuite, d'après le code source des pages.",[39,2452,2453,2455],{},[24,2454,1248],{}," : version mobile, tunnel de commande, SEO.",[39,2457,2458,2460],{},[24,2459,1254],{}," : 30 septembre 2026. Certains points ont été revérifiés le 19 octobre 2026.",[12,2462,2464],{"id":2463},"un-site-rapide","Un site rapide",[74,2466],{"alt":2467,"height":77,"loading":78,"preset":79,"src":2468,"width":81},"Page d'accueil d'adopt.com sur ordinateur : bandeau « Livraison offerte dès 35 € », barre de recherche, menu et bannière « Offre exceptionnelle » sur l'eau de parfum 100 ml","\u002Fetudes-de-cas\u002F01.adopt\u002Fadopt-homepage.png",[17,2470,2471],{},"La page d'accueil présente une interface soignée et se charge rapidement. Le test Google Lighthouse du 30 septembre 2026, en mode ordinateur, le confirme : score de performance de 98\u002F100, Largest Contentful Paint de 1,0 s et Cumulative Layout Shift de 0,001.",[74,2473],{"alt":2474,"height":2475,"loading":78,"preset":79,"src":2476,"width":2477},"Rapport Google Lighthouse de la page d'accueil d'Adopt : score de performance de 98\u002F100, First Contentful Paint de 0,7 s et Largest Contentful Paint de 1,0 s",372,"\u002Fetudes-de-cas\u002F01.adopt\u002Fadopt-homepage-lighthouse.png",461,[17,2479,2480],{},"C'est un vrai point fort, et un bon exemple de ce que permet le thème Hyvä sur Magento 2. Les points qui suivent ne relèvent donc pas de la performance, mais de l'usage.",[12,2482,2484],{"id":2483},"barre-dannonces-un-défilement-trop-rapide-et-sans-contrôle","Barre d'annonces : un défilement trop rapide et sans contrôle",[205,2486,208],{"id":207},[17,2488,2489],{},"La barre d'annonces, en haut de chaque page, fait défiler trois messages, dont « Livraison OFFERTE dès 35€ » et « Inscrivez-vous à notre newsletter et recevez -20% sur votre prochain achat ».",[253,2491,2492,2502,2508],{},[39,2493,2494,2497,2498,2501],{},[24,2495,2496],{},"Le message change toutes les trois secondes."," Le code de la page le confirme (",[213,2499,2500],{},"setInterval"," de 3 000 ms). C'est trop court pour lire certains messages, en comprendre l'intérêt et décider de cliquer.",[39,2503,2504,2507],{},[24,2505,2506],{},"Le défilement s'interrompt bien au survol"," de la souris et lorsque le bandeau reçoit le focus clavier. C'est un bon point.",[39,2509,2510,2513],{},[24,2511,2512],{},"Aucune commande visible"," ne permet de revenir à l'annonce précédente ou de passer à la suivante. Il faut quitter le bandeau et attendre la reprise du défilement. Le glissement vers la gauche ou la droite ne fonctionne pas non plus. Seuls les utilisateurs du clavier peuvent naviguer, avec les flèches haut et bas, sans que rien ne l'indique.",[2515,2516,2517],"blockquote",{},[17,2518,2519],{},"Lors de ma première visite, une annonce a retenu mon attention. Le temps de la lire puis de déplacer ma souris pour cliquer, le message avait changé : j'ai ouvert la page correspondant à l'annonce suivante, qui ne m'intéressait pas.",[205,2521,232],{"id":231},[17,2523,2524,2525,2530],{},"Le Nielsen Norman Group a observé que les contenus qui défilent automatiquement ",[186,2526,2529],{"href":2527,":target":189,"rel":2528},"https:\u002F\u002Fwww.nngroup.com\u002Farticles\u002Fauto-forwarding\u002F",[191],"ne laissent pas le temps de lire"," aux lecteurs lents ou non natifs, et qu'ils gênent les personnes qui ont du mal à cliquer avant que l'élément ne change. Chaque message n'est par ailleurs visible qu'un tiers du temps.",[17,2532,2533,2534,2537,2538,2546],{},"Côté accessibilité, le bandeau porte l'attribut ",[213,2535,2536],{},"aria-live=\"polite\"",". Les lecteurs d'écran annoncent donc chaque nouveau message, toutes les trois secondes. Le guide des pratiques ARIA du W3C recommande au contraire ",[186,2539,2542,2545],{"href":2540,":target":189,"rel":2541},"https:\u002F\u002Fwww.w3.org\u002FWAI\u002FARIA\u002Fapg\u002Fpatterns\u002Fcarousel\u002F",[191],[213,2543,2544],{},"aria-live=\"off\""," tant que le carrousel défile automatiquement",", et des boutons « précédent » et « suivant ».",[205,2548,245],{"id":244},[253,2550,2551,2557,2563],{},[39,2552,2553,2556],{},[24,2554,2555],{},"Allonger la durée d'affichage"," à 6 ou 7 secondes au minimum, ou l'adapter à la longueur du message.",[39,2558,2559,2562],{},[24,2560,2561],{},"Ajouter deux flèches"," discrètes de part et d'autre du message, sous forme de vrais boutons.",[39,2564,2565,2575,2576,2579],{},[24,2566,2567,2568,2571,2572],{},"Passer ",[213,2569,2570],{},"aria-live"," à ",[213,2573,2574],{},"off"," pendant le défilement automatique, et à ",[213,2577,2578],{},"polite"," lorsqu'il est en pause.",[12,2581,2583],{"id":2582},"recherche-interne-des-requêtes-qui-mènent-à-une-impasse","Recherche interne : des requêtes qui mènent à une impasse",[17,2585,2586],{},"La recherche s'ouvre dans un panneau de suggestions qui se met à jour pendant la saisie. Une pression sur Entrée mène à la page de résultats complète. J'ai testé les deux.",[205,2588,2590],{"id":2589},"les-recherches-de-services","Les recherches de « services »",[74,2592],{"alt":2593,"height":2594,"loading":78,"preset":79,"src":2595,"width":2596},"Recherche « suivre ma commande » sur Adopt : le message « Aucun résultat » s'affiche en haut du panneau, alors que le lien « Suivre ma commande » apparaît tout en bas",567,"\u002Fetudes-de-cas\u002F01.adopt\u002Fadopt-recherche-suivre-ma-commande.png",497,[1402,2598,1405],{"id":1404},[17,2600,2601],{},"La recherche ne sert pas qu'à trouver des produits. J'ai testé des requêtes comme « suivre ma commande », « remboursement » ou « frais de livraison ».",[17,2603,2604],{},"Pour « suivre ma commande », le panneau affiche « Aucun résultat » en haut, puis des nouveautés. Le lien « Suivre ma commande » apparaît bien, mais tout en bas, dans le bloc « Comment vous aider ? ». La page de résultats complète, elle, répond « Oups ! Nous n'avons pas trouvé de résultat » pour ces trois requêtes.",[1402,2606,232],{"id":574},[17,2608,2609,2610,2615],{},"Un client peut s'arrêter au message « Aucun résultat » sans voir le lien proposé plus bas. Or ces requêtes n'ont rien de marginal : lors de ses tests, Baymard a constaté que ",[186,2611,2614],{"href":2612,":target":189,"rel":2613},"https:\u002F\u002Fbaymard.com\u002Fblog\u002Fsupport-non-product-search",[191],"34 % des utilisateurs cherchaient des contenus autres que des produits",", comme la politique de retour, les frais de livraison ou le suivi de commande.",[1402,2617,245],{"id":592},[17,2619,2620],{},"Associer les requêtes de service les plus fréquentes (suivi, retour, remboursement, livraison, contact) aux pages correspondantes. Pour une requête précise comme « suivre ma commande », rediriger directement vers la page. Pour une requête vague comme « livraison », afficher le lien d'aide en tête du panneau, avec un style distinct de celui des produits. Les journaux de recherche permettent de compléter la liste.",[205,2622,2624],{"id":2623},"les-fautes-de-frappe-et-variantes-orthographiques","Les fautes de frappe et variantes orthographiques",[74,2626],{"alt":2627,"height":2628,"loading":78,"preset":79,"src":2629,"width":2630},"Panneau de recherche d'Adopt pour la requête « parfin » : message « Aucun résultat » et suggestions qui reprennent la faute de frappe",293,"\u002Fetudes-de-cas\u002F01.adopt\u002Fadopt-recherche-parfin.png",426,[1402,2632,208],{"id":442},[17,2634,2635,2636,27],{},"Pour les requêtes « parfin », « parfun », « parfim », « vannille » et « vanile », le panneau de recherche affiche ",[24,2637,2638],{},"« Aucun résultat »",[17,2640,2641],{},"Pour « parfin », il propose en revanche des suggestions qui reprennent la faute :",[36,2643,2644,2650,2656,2661,2666],{},[39,2645,2646,2649],{},[24,2647,2648],{},"Parfin"," instinct mal",[39,2651,2652,2655],{},[24,2653,2654],{},"parfin"," rose noir pour femme",[39,2657,2658,2660],{},[24,2659,2654],{}," à moin de 7 euros",[39,2662,2663,2665],{},[24,2664,2648],{}," adopt instinct mal",[39,2667,2668,2670],{},[24,2669,2648],{}," Praline Rose",[17,2672,2673],{},"Ces suggestions semblent issues de recherches précédentes d'autres visiteurs, fautes comprises.",[17,2675,2676],{},"Sur la page de résultats complète, le comportement est différent : le moteur indique « Aucun résultat exact » et propose des « résultats approchants ».",[74,2678],{"alt":2679,"height":2680,"loading":78,"preset":79,"src":2681,"width":2682},"Page de résultats d'Adopt pour « parfin rose noir pour femme » : aucun résultat exact, le site annonce des résultats approchants",216,"\u002Fetudes-de-cas\u002F01.adopt\u002Fadopt-recherche-parfin-resultat.png",652,[17,2684,2685],{},"Lors de ma vérification du 19 octobre, ces résultats approchants étaient pertinents pour « vannille » (Vanille bourbon, Vanille coco…) et pour « parfin rose noir pour femme » (Rose Noire). Pour « parfin » seul, en revanche, les premiers produits étaient « Jolie Paris », « Paris-Brest » et des étuis à parfum : le moteur a rapproché « parfin » de « Paris ».",[1402,2687,232],{"id":627},[17,2689,2690],{},"Le moteur sait donc corriger une partie des fautes, mais le panneau de suggestions, le premier que voit le visiteur, affirme le contraire. Un client qui lit « Aucun résultat » n'a aucune raison d'appuyer sur Entrée.",[17,2692,2693,2694,2699],{},"Baymard estime que ",[186,2695,2698],{"href":2696,":target":189,"rel":2697},"https:\u002F\u002Fbaymard.com\u002Fblog\u002Foffer-autocomplete-suggestions-for-misspellings",[191],"69 % des sites ne proposent pas de suggestions pertinentes"," pour les requêtes légèrement mal orthographiées, et observe que les utilisateurs hésitent à lancer une recherche sans la confirmation de ces suggestions.",[1402,2701,245],{"id":639},[17,2703,2704,2705,2710],{},"Appliquer au panneau de suggestions la même tolérance aux fautes que sur la page de résultats. ElasticSuite dispose de réglages de ",[186,2706,2709],{"href":2707,":target":189,"rel":2708},"https:\u002F\u002Fgithub.com\u002FSmile-SA\u002Felasticsuite\u002Fwiki\u002FFulltextSearchEngineBasicConfiguration",[191],"tolérance aux fautes (fuzziness) et de recherche phonétique",". Ajouter des synonymes pour les fautes les plus courantes (« parfin » → « parfum », « vanile » → « vanille »), et retirer des suggestions les requêtes mal orthographiées.",[205,2712,2714],{"id":2713},"les-recherches-qui-expriment-un-besoin","Les recherches qui expriment un besoin",[74,2716],{"alt":2717,"height":2718,"loading":78,"preset":79,"src":2719,"width":81},"Recherche « parfum pas cher » sur Adopt : un seul produit mis en avant, le Présentoir Floral à 39,78 €, et la catégorie « Parfums pas chers » en bas du panneau",759,"\u002Fetudes-de-cas\u002F01.adopt\u002Fadopt-recherche-pas-cher.png",[1402,2721,208],{"id":606},[17,2723,2724],{},"La suggestion « parfin à moin de 7 euros » exprime un besoin précis : trouver un parfum à moins de 7 €. Elle mène pourtant à une page « Oups ! Nous n'avons pas trouvé de résultat ». Le catalogue contient bien des parfums à ce prix : lors de ma vérification du 19 octobre, plusieurs étaient affichés à 5,95 €.",[17,2726,2727,2728,2731],{},"Pour « parfum pas cher », le panneau met en avant ",[24,2729,2730],{},"un seul produit",", le Présentoir Floral à 39,78 €. La catégorie « Parfums pas chers », qui contenait au moment de mon test des produits entre 11,95 € et 30 €, n'apparaît qu'en bas du panneau, en petits caractères.",[17,2733,2734,2735,2738],{},"En appuyant sur Entrée, je suis redirigé vers la fiche du Présentoir Floral, avec le message : « Présentoir Floral est ",[24,2736,2737],{},"le seul produit"," correspondant à votre recherche : 'Parfum pas cher' ». C'est faux.",[1402,2740,232],{"id":687},[17,2742,2743],{},"Le seul produit mis en avant est plus cher que ceux de la catégorie suggérée. Le client risque de se faire une fausse idée du premier prix :",[2515,2745,2746],{},[17,2747,2748],{},"Est-ce vraiment le produit le moins cher ? Il dépasse mon budget, je vais chercher ailleurs.",[17,2750,2751,2752,2757],{},"Baymard constate qu'une grande partie des sites e-commerce proposent une ",[186,2753,2756],{"href":2754,":target":189,"rel":2755},"https:\u002F\u002Fbaymard.com\u002Fblog\u002Fno-results-page",[191],"page « Aucun résultat » qui est une impasse",", alors qu'elle devrait guider l'utilisateur vers des produits ou des catégories proches.",[1402,2759,245],{"id":712},[17,2761,2762],{},"Rediriger les requêtes de type « pas cher », « petit prix » ou « moins de X euros » vers la catégorie « Parfums pas chers » triée par prix croissant, plutôt que vers une fiche produit. Sur la page « Aucun résultat », proposer au minimum les catégories principales et les meilleures ventes.",[205,2764,2766],{"id":2765},"les-suggestions-de-recherche-du-site","Les suggestions de recherche du site",[74,2768],{"alt":2769,"height":2770,"loading":78,"preset":79,"src":2771,"width":81},"Page de résultats d'Adopt pour la suggestion « Je cherche un coffret découverte » : message « Oups ! Nous n'avons pas trouvé de résultat »",313,"\u002Fetudes-de-cas\u002F01.adopt\u002Fadopt-recherche-coffret-decouverte.png",[1402,2773,1405],{"id":2774},"constat-1",[17,2776,2777],{},"Avant toute saisie, le champ de recherche propose des exemples rédigés en langage naturel : « Je recherche des notes de vanille », « Je recherche un calendrier », « Je cherche un coffret découverte »…",[17,2779,2780],{},"Le principe est intéressant. Pourtant, chacune de ces suggestions a conduit à une page « Aucun résultat ». À l'inverse, la requête « coffret découverte » seule renvoie bien des produits.",[1402,2782,232],{"id":940},[17,2784,2785],{},"Le site invite le visiteur à formuler sa recherche comme une phrase, mais son moteur ne sait pas la traiter. Les mots « je », « cherche » et « un » font échouer la recherche. Le visiteur qui suit l'exemple proposé par le site aboutit à une impasse dès sa première recherche.",[1402,2787,245],{"id":946},[17,2789,2790],{},"Ignorer les formules d'introduction (« je cherche », « je recherche », « un », « des ») en les ajoutant aux mots vides du moteur, ou faire pointer chaque suggestion vers une catégorie existante (« Coffrets », « Calendrier de l'Avent »…). Tester chaque suggestion après sa mise en ligne.",[12,2792,2794],{"id":2793},"liste-de-souhaits-impossible-de-retirer-un-produit","Liste de souhaits : impossible de retirer un produit",[205,2796,1405],{"id":2797},"constat-2",[17,2799,2800],{},"Étapes pour reproduire le bug :",[253,2802,2803,2806,2809,2812],{},[39,2804,2805],{},"Ouvrir la recherche ;",[39,2807,2808],{},"Ajouter un produit à la liste de souhaits depuis les résultats ;",[39,2810,2811],{},"Ouvrir sa fiche produit ;",[39,2813,2814],{},"Tenter de le retirer de la liste de souhaits.",[17,2816,2817],{},"Le bouton ne produit aucun effet et une erreur JavaScript apparaît dans la console :",[271,2819,2823],{"className":2820,"code":2821,"language":2822,"meta":276,"style":276},"language-js shiki shiki-themes github-dark-high-contrast","Uncaught TypeError: can't access property \"classList\", e[i].querySelector(...) is null\n    removeFromWishlist https:\u002F\u002Fwww.adopt.com\u002Ffr\u002Feau-de-parfum-moonlight-8883701429858858-fr.html:149\n    removeFromWishlist https:\u002F\u002Fwww.adopt.com\u002Ffr\u002Feau-de-parfum-moonlight-8883701429858858-fr.html:149\n    toggleWishlist https:\u002F\u002Fwww.adopt.com\u002Ffr\u002Feau-de-parfum-moonlight-8883701429858858-fr.html:149\n    ...\n","js",[213,2824,2825,2843,2857,2867,2878],{"__ignoreMap":276},[280,2826,2827,2830,2833,2836,2839],{"class":282,"line":283},[280,2828,2829],{"class":290},"Uncaught ",[280,2831,2832],{"class":297},"TypeError",[280,2834,2835],{"class":290},": can",[280,2837,2838],{"class":1476},"'t access property \"classList\", e[i].querySelector(...) is nul",[280,2840,2842],{"class":2841},"szH_Z","l\n",[280,2844,2845,2848,2851,2854],{"class":282,"line":294},[280,2846,2847],{"class":290},"    removeFromWishlist ",[280,2849,2850],{"class":297},"https",[280,2852,2853],{"class":290},":",[280,2855,2856],{"class":337},"\u002F\u002Fwww.adopt.com\u002Ffr\u002Feau-de-parfum-moonlight-8883701429858858-fr.html:149\n",[280,2858,2859,2861,2863,2865],{"class":282,"line":310},[280,2860,2847],{"class":290},[280,2862,2850],{"class":297},[280,2864,2853],{"class":290},[280,2866,2856],{"class":337},[280,2868,2869,2872,2874,2876],{"class":282,"line":323},[280,2870,2871],{"class":290},"    toggleWishlist ",[280,2873,2850],{"class":297},[280,2875,2853],{"class":290},[280,2877,2856],{"class":337},[280,2879,2880],{"class":282,"line":341},[280,2881,2882],{"class":525},"    ...\n",[205,2884,232],{"id":2885},"pourquoi-cest-un-problème-5",[17,2887,2888],{},"Le bug est d'autant plus frustrant qu'il n'est pas non plus possible de supprimer ce produit depuis la page « \u002Fwishlist ». Le client ne peut plus faire le tri dans sa liste.",[205,2890,245],{"id":2891},"ma-recommandation-5",[17,2893,2894,2895,2898,2899,2902],{},"Le script cherche un élément qui n'existe pas sur la fiche produit, sans vérifier sa présence. Il faut tester le retour de ",[213,2896,2897],{},"querySelector"," avant d'accéder à ",[213,2900,2901],{},"classList",", puis vérifier l'ajout et le retrait depuis chaque point d'entrée : résultats de recherche, listes de produits, fiche produit et page « \u002Fwishlist ».",[12,2904,2906],{"id":2905},"panier-un-produit-supprimé-reste-affiché","Panier : un produit supprimé reste affiché",[205,2908,1405],{"id":2909},"constat-3",[17,2911,2800],{},[253,2913,2914,2917,2920],{},[39,2915,2916],{},"Ajouter un produit au panier ;",[39,2918,2919],{},"Attendre l'ouverture du panneau de confirmation ;",[39,2921,2922],{},"Faire passer la quantité du produit à zéro.",[74,2924],{"alt":2925,"height":2926,"loading":78,"preset":79,"src":2927,"width":2928},"Panneau « Produit ajouté » d'Adopt : le produit supprimé reste affiché alors que le compteur indique « Plus que 35.00 € pour votre Livraison offerte »",451,"\u002Fetudes-de-cas\u002F01.adopt\u002Fadopt-cart-bug.png",578,[17,2930,2931],{},"Le produit ne disparaît visuellement qu'après la fermeture du panneau. Pourtant, la suppression est bien prise en compte : le compteur de livraison offerte affiche « Plus que 35.00 € », soit le seuil complet, comme si le panier était vide. Le produit à 13,96 € reste affiché juste au-dessus.",[205,2933,232],{"id":2934},"pourquoi-cest-un-problème-6",[17,2936,2937],{},"Le panneau affiche deux informations contradictoires. L'absence de retour visuel immédiat crée un doute au moment le plus sensible du parcours :",[2515,2939,2940],{},[17,2941,2942],{},"Ai-je bien supprimé le produit ? Je ne voudrais pas le commander par erreur.",[205,2944,245],{"id":2945},"ma-recommandation-6",[17,2947,2948],{},"Retirer la ligne du produit dès que la quantité passe à zéro, avec un message de confirmation et un lien « Annuler ». Au passage, harmoniser le format des prix : « 35.00 € » utilise un point, alors que les prix des produits utilisent une virgule (« 13,96 € »).",[12,2950,953],{"id":952},[83,2952,2953,2965],{},[86,2954,2955],{},[89,2956,2957,2959,2961,2963],{},[92,2958,962],{},[92,2960,965],{},[92,2962,968],{},[92,2964,971],{},[99,2966,2967,2979,2991,3003,3015,3028,3040],{},[89,2968,2969,2972,2975,2977],{},[104,2970,2971],{},"Suggestions de recherche du site",[104,2973,2974],{},"Toutes mènent à « Aucun résultat »",[104,2976,1012],{},[104,2978,987],{},[89,2980,2981,2984,2987,2989],{},[104,2982,2983],{},"Recherche, fautes de frappe",[104,2985,2986],{},"« Aucun résultat » dans le panneau, alors que la page de résultats corrige une partie des fautes",[104,2988,1012],{},[104,2990,987],{},[89,2992,2993,2996,2999,3001],{},[104,2994,2995],{},"Recherche, besoins exprimés",[104,2997,2998],{},"« Parfum pas cher » renvoie vers un seul produit à 39,78 €",[104,3000,1012],{},[104,3002,987],{},[89,3004,3005,3008,3011,3013],{},[104,3006,3007],{},"Liste de souhaits",[104,3009,3010],{},"Retrait impossible depuis la fiche produit (erreur JavaScript)",[104,3012,998],{},[104,3014,987],{},[89,3016,3017,3020,3023,3026],{},[104,3018,3019],{},"Recherche, services",[104,3021,3022],{},"Lien d'aide relégué sous « Aucun résultat »",[104,3024,3025],{},"UX, service client",[104,3027,1001],{},[89,3029,3030,3033,3036,3038],{},[104,3031,3032],{},"Barre d'annonces",[104,3034,3035],{},"Défilement en 3 s, aucune commande visible",[104,3037,984],{},[104,3039,1001],{},[89,3041,3042,3045,3048,3050],{},[104,3043,3044],{},"Panneau du panier",[104,3046,3047],{},"Produit supprimé encore affiché",[104,3049,998],{},[104,3051,1001],{},[12,3053,1104],{"id":1103},[17,3055,3056],{},"Adopt dispose d'une base technique solide : le site est rapide, et son moteur de recherche sait déjà corriger une partie des fautes de frappe. La plupart des points relevés tiennent donc moins à la technique qu'à la configuration et aux tests.",[17,3058,3059],{},"C'est la recherche qui concentre le plus de friction. Panneau qui annonce « Aucun résultat » alors que des produits existent, suggestions du site qui échouent, demande de petit prix qui renvoie vers un produit à près de 40 € : à chaque fois, le visiteur le plus motivé reçoit le message que la boutique n'a rien pour lui.",[17,3061,3062],{},"Trois vérifications simples permettraient de repérer la plupart de ces erreurs :",[253,3064,3065,3068,3071],{},[39,3066,3067],{},"Consulter chaque mois les requêtes sans résultat dans les statistiques de recherche, et corriger les plus fréquentes par des synonymes ou des redirections.",[39,3069,3070],{},"Tester chaque suggestion affichée par le site, dans le panneau et sur la page de résultats complète.",[39,3072,3073],{},"Tester les actions réversibles (ajouter puis retirer de la liste de souhaits, ajouter puis supprimer du panier) depuis chaque point d'entrée.",[17,3075,2356,3076,27],{},[186,3077,1137],{"href":1136},[1139,3079,3080],{},"html pre.shiki code .sMAXC, html code.shiki .sMAXC{--shiki-default:#F0F3F6}html pre.shiki code .s_sBn, html code.shiki .s_sBn{--shiki-default:#FFB757}html pre.shiki code .sTRMh, html code.shiki .sTRMh{--shiki-default:#ADDCFF}html pre.shiki code .szH_Z, html code.shiki .szH_Z{--shiki-default:#FFB1AF;--shiki-default-font-style:italic}html pre.shiki code .sQrFR, html code.shiki .sQrFR{--shiki-default:#BDC4CC}html pre.shiki code .sWyjQ, html code.shiki .sWyjQ{--shiki-default:#FF9492}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":276,"searchDepth":294,"depth":294,"links":3082},[3083,3084,3085,3086,3091,3097,3102,3107,3108],{"id":14,"depth":294,"text":15},{"id":33,"depth":294,"text":34},{"id":2463,"depth":294,"text":2464},{"id":2483,"depth":294,"text":2484,"children":3087},[3088,3089,3090],{"id":207,"depth":310,"text":208},{"id":231,"depth":310,"text":232},{"id":244,"depth":310,"text":245},{"id":2582,"depth":294,"text":2583,"children":3092},[3093,3094,3095,3096],{"id":2589,"depth":310,"text":2590},{"id":2623,"depth":310,"text":2624},{"id":2713,"depth":310,"text":2714},{"id":2765,"depth":310,"text":2766},{"id":2793,"depth":294,"text":2794,"children":3098},[3099,3100,3101],{"id":2797,"depth":310,"text":1405},{"id":2885,"depth":310,"text":232},{"id":2891,"depth":310,"text":245},{"id":2905,"depth":294,"text":2906,"children":3103},[3104,3105,3106],{"id":2909,"depth":310,"text":1405},{"id":2934,"depth":310,"text":232},{"id":2945,"depth":310,"text":245},{"id":952,"depth":294,"text":953},{"id":1103,"depth":294,"text":1104},"Adopt","2026-09-30",{},"\u002Fetudes-de-cas\u002Faudit-ux-parfums-adopt",{"title":2403,"description":276},"https:\u002F\u002Fwww.adopt.com\u002Ffr",{"loc":3112,"images":3116,"lastmod":3125},[3117,3118,3119,3120,3121,3122,3123,3124],{"loc":2468},{"loc":2476},{"loc":2595},{"loc":2629},{"loc":2681},{"loc":2719},{"loc":2771},{"loc":2927},"2026-10-19","etudes-de-cas\u002F01.audit-ux-parfums-adopt","Recherche qui bute sur les fautes et les services, bandeau qui défile toutes les 3 s, bugs du panier : audit UX du site Magento d'Adopt et correctifs.","6mHh_Qwi9QeCdKvaTyN2hUBZ3yoJ0zu2BZaO6Qs_f3o",1792690851866]