[{"data":1,"prerenderedAt":929},["ShallowReactive",2],{"site-nav":3,"article-fiche-produit-e-commerce-qui-vend":109,"article-linked-fiche-produit-e-commerce-qui-vend":758,"cta-service-creation-site-e-commerce-nantes":928},{"services":4,"rubriques":92},[5,13,20,27,34,41,47,55,61,67,74,80,86],{"path":6,"title":7,"navTitle":8,"summary":9,"color":10,"order":11,"category":12},"\u002Fservices\u002Fcreation-site-vitrine-nantes","Création de site vitrine à Nantes","Site vitrine","Un site sur mesure, rapide et accessible, qui présente votre activité et transforme les visites en demandes de contact.","jaune",1,"creation",{"path":14,"title":15,"navTitle":16,"summary":17,"color":18,"order":19,"category":12},"\u002Fservices\u002Fcreation-site-e-commerce-nantes","Création de site e-commerce à Nantes","Site e-commerce","Une boutique en ligne sur Shopify, WooCommerce ou PrestaShop, pensée pour vendre : catalogue, paiement, livraison et SEO.","vert",2,{"path":21,"title":22,"navTitle":23,"summary":24,"color":25,"order":26,"category":12},"\u002Fservices\u002Frefonte-site-internet-nantes","Refonte de site internet à Nantes","Refonte de site","Moderniser votre site sans perdre votre référencement : audit, plan de redirections, nouveau design et migration des contenus.","orange",3,{"path":28,"title":29,"navTitle":30,"summary":31,"color":32,"order":33,"category":12},"\u002Fservices\u002Fwebdesign-ux-ui-nantes","Agence UX\u002FUI design et webdesign à Nantes","Webdesign UX\u002FUI","Recherche utilisateur, parcours, maquettes, prototype testé et design system : des interfaces claires, accessibles et prêtes à développer.","rose",4,{"path":35,"title":36,"navTitle":37,"summary":38,"color":39,"order":40,"category":12},"\u002Fservices\u002Fdeveloppement-web-sur-mesure-nantes","Agence de développement web sur mesure à Nantes","Développement sur mesure","Applications métier, extranets, MVP SaaS, API et intégrations : du code sur mesure, testé, documenté et qui vous appartient.","chartreuse",5,{"path":42,"title":43,"navTitle":44,"summary":45,"color":18,"order":46,"category":12},"\u002Fservices\u002Feco-conception-web-nantes","Éco-conception de site web à Nantes","Éco-conception","Audit RGESN, pages allégées, compatibilité avec les anciens appareils et déclaration d’écoconception : un site plus sobre, mesuré, sans allégation invérifiable.",6,{"path":48,"title":49,"navTitle":50,"summary":51,"color":52,"order":53,"category":54},"\u002Fservices\u002Freferencement-naturel-seo-nantes","Agence SEO à Nantes : référencement naturel","Référencement SEO","Audit, contenus, maillage, référencement local et suivi Search Console : un SEO mesuré, sans promesse de position, pour être trouvé à Nantes et au-delà.","bleu",7,"visibilite",{"path":56,"title":57,"navTitle":58,"summary":59,"color":39,"order":60,"category":54},"\u002Fservices\u002Foptimisation-vitesse-site-web-nantes","Optimisation de la vitesse de site web à Nantes","Vitesse & Core Web Vitals","Mesure des Core Web Vitals, audit, plan d’action chiffré et correctifs sur votre technologie : des pages plus rapides, vérifiées sur les données réelles.",8,{"path":62,"title":63,"navTitle":64,"summary":65,"color":32,"order":66,"category":54},"\u002Fservices\u002Faccessibilite-numerique-nantes","Accessibilité numérique et audit RGAA à Nantes","Accessibilité (RGAA)","Audit RGAA, corrections, déclaration d’accessibilité et formation : rendre votre site utilisable par tous et répondre à vos obligations.",9,{"path":68,"title":69,"navTitle":70,"summary":71,"color":10,"order":72,"category":73},"\u002Fservices\u002Fmaintenance-site-internet-nantes","Maintenance de site internet à Nantes","Maintenance & hébergement","Mises à jour, sécurité, sauvegardes, hébergement en Europe et petites modifications : votre site reste rapide, sûr et à jour.",10,"exploitation",{"path":75,"title":76,"navTitle":77,"summary":78,"color":52,"order":79,"category":73},"\u002Fservices\u002Finfrastructure-cloud-nantes","Infrastructure cloud scalable à Nantes","Infrastructure cloud","Une architecture évolutive hébergée en Europe, décrite en code, qui monte en charge et se relève d’une panne : pour les boutiques et applications à fort trafic.",11,{"path":81,"title":82,"navTitle":83,"summary":84,"color":25,"order":85,"category":73},"\u002Fservices\u002Faudit-securite-site-web-nantes","Audit de sécurité de site web à Nantes","Audit de sécurité","HTTPS, extensions, comptes, sauvegardes et contrôles guidés par l’OWASP : un audit de sécurité priorisé, vérifié après corrections, et la remise en état d’un site piraté.",12,{"path":87,"title":88,"navTitle":89,"summary":90,"color":32,"order":91,"category":73},"\u002Fservices\u002Fautomatisation-processus-nantes","Agence d’automatisation des processus à Nantes","Automatisation & API","Vos outils reliés par des workflows n8n et des API — CRM, facturation, boutique, formulaires —, avec une IA qui propose et une personne qui valide.",13,[93,97,101,105],{"path":94,"title":95,"navTitle":96,"color":52,"order":11},"\u002Fjournal\u002Frubrique\u002Fseo-visibilite-locale","Être trouvé : SEO et visibilité locale","SEO & visibilité locale",{"path":98,"title":99,"navTitle":100,"color":32,"order":19},"\u002Fjournal\u002Frubrique\u002Fux-contenus-accessibilite","Être compris : UX, contenus et accessibilité","UX, contenus & accessibilité",{"path":102,"title":103,"navTitle":104,"color":18,"order":26},"\u002Fjournal\u002Frubrique\u002Fdesign-conversion-ecommerce","Être choisi : design, conversion et e-commerce","Design, conversion & e-commerce",{"path":106,"title":107,"navTitle":108,"color":10,"order":33},"\u002Fjournal\u002Frubrique\u002Fprojet-web-budget-methode","Durer : budget, méthode, performance et sécurité","Projet, sécurité & durée",{"id":110,"title":111,"author":112,"body":113,"cover":728,"coverAlt":728,"date":729,"dateModified":730,"description":731,"extension":732,"faq":733,"featured":743,"head":728,"keyword":744,"meta":745,"navigation":746,"ogImage":728,"path":747,"robots":728,"rubrique":748,"schemaOrg":728,"seo":749,"services":751,"sitemap":754,"stem":755,"summary":756,"__hash__":757},"journal\u002Fjournal\u002Ffiche-produit-e-commerce-qui-vend.md","Fiche produit e-commerce : l’anatomie d’une page qui vend","equipe-fogg",{"type":114,"value":115,"toc":710},"minimark",[116,125,130,133,136,159,167,170,174,177,191,201,212,216,225,230,238,242,245,248,252,266,273,277,280,291,312,316,320,323,327,330,350,357,361,379,526,534,538,551,565,568,572,575,598,601,640,643,697,703],[117,118,119,120,124],"p",{},"Une fiche produit e-commerce qui vend répond, dans l’ordre, aux questions de l’acheteur : qu’est-ce que c’est, est-ce que cela me convient, combien cela coûte vraiment, quand vais-je le recevoir, puis-je faire confiance au vendeur ? Elle assemble pour cela dix blocs : un titre et une description utiles, des photos fidèles, un prix et des frais transparents, le stock et la date de livraison, des conditions de retour claires, des avis authentiques, une réassurance sobre, un bouton d’achat accessible sur mobile, des données structurées, et une page rapide et accessible. Voici comment construire chacun d’eux. Ce guide fait partie de ",[121,122,123],"a",{"href":102},"nos articles pour convertir les visites en ventes",".",[126,127,129],"h2",{"id":128},"titre-et-description-écrire-pour-lacheteur-et-pour-le-seo","Titre et description : écrire pour l’acheteur et pour le SEO",[117,131,132],{},"Le titre nomme le produit comme vos clients le cherchent : le type de produit, ce qui le distingue, puis la déclinaison. « Plaid en laine mérinos 130 × 170 cm, gris ardoise » informe ; « Le Cocon » oblige à cliquer pour comprendre. Gardez les noms de gamme pour l’accroche, pas pour le titre.",[117,134,135],{},"La description répond aux questions qu’un vendeur entendrait en boutique :",[137,138,139,147,153],"ul",{},[140,141,142,146],"li",{},[143,144,145],"strong",{},"à quoi sert le produit, et pour qui",", en deux ou trois phrases, avant tout détail technique ;",[140,148,149,152],{},[143,150,151],{},"ses caractéristiques"," (dimensions, matières, composition, entretien, compatibilité), dans une liste ou un tableau faciles à parcourir ;",[140,154,155,158],{},[143,156,157],{},"les réponses aux hésitations fréquentes"," : la taille, l’usage, ce qui est inclus ou non.",[117,160,161,162,166],{},"Écrivez des textes propres à votre boutique plutôt que de reprendre la description du fabricant, que d’autres sites affichent déjà mot pour mot. Une balise title et une meta description uniques pour chaque produit complètent le travail. Les principes de notre guide pour ",[121,163,165],{"href":164},"\u002Fjournal\u002Frediger-les-textes-de-son-site-internet","écrire des textes de site sans bourrage de mots-clés"," s’appliquent aussi aux fiches produits.",[117,168,169],{},"Certaines catégories imposent enfin leurs propres mentions, par exemple les ingrédients et allergènes d’une denrée alimentaire ou l’étiquette énergie d’un appareil électroménager. Vérifiez celles de votre secteur avant d’écrire.",[126,171,173],{"id":172},"photos-et-textes-alternatifs-montrer-le-produit-tel-quil-est","Photos et textes alternatifs : montrer le produit tel qu’il est",[117,175,176],{},"En ligne, la photo remplace la main qui prend le produit. Prévoyez :",[137,178,179,182,185,188],{},[140,180,181],{},"plusieurs vues : de face, de dos, en détail, en situation ;",[140,183,184],{},"une indication d’échelle, avec le produit porté, tenu ou posé près d’un objet familier ;",[140,186,187],{},"des couleurs fidèles, sur un fond homogène d’une fiche à l’autre ;",[140,189,190],{},"une courte vidéo quand le mouvement, la texture ou le montage comptent.",[117,192,193,194,200],{},"Chaque image porte un texte alternatif qui la décrit dans son contexte : il sert aux personnes qui utilisent un lecteur d’écran et aide Google à comprendre l’image. Google le présente comme ",[121,195,199],{"href":196,"rel":197},"https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fappearance\u002Fgoogle-images",[198],"nofollow","l’attribut le plus important pour décrire une image"," et déconseille d’y entasser des mots-clés. « Plaid gris ardoise plié sur un fauteuil en rotin » vaut mieux que « plaid laine plaid mérinos plaid gris ».",[117,202,203,204,208,209,124],{},"Côté technique, servez des images aux formats modernes (WebP, AVIF), en plusieurs tailles selon l’écran, avec des dimensions déclarées pour que la page ne « saute » pas au chargement. Nommez vos fichiers de façon descriptive : ",[205,206,207],"code",{},"plaid-merinos-gris-ardoise.jpg"," plutôt que ",[205,210,211],{},"IMG_0423.jpg",[126,213,215],{"id":214},"prix-livraison-stock-retours-tout-dire-avant-le-panier","Prix, livraison, stock, retours : tout dire avant le panier",[117,217,218,219,224],{},"Les mauvaises surprises au moment de payer font abandonner les paniers. Elles peuvent aussi coûter cher, car l’information due au consommateur avant la commande est encadrée par le Code de la consommation ; la fiche de Service Public Entreprendre sur ",[121,220,223],{"href":221,"rel":222},"https:\u002F\u002Fentreprendre.service-public.gouv.fr\u002Fvosdroits\u002FF23455",[198],"les règles du commerce en ligne"," les résume.",[226,227,229],"h3",{"id":228},"le-prix-toutes-taxes-comprises-et-sans-ambiguïté","Le prix, toutes taxes comprises et sans ambiguïté",[117,231,232,233,124],{},"Affichez le prix TTC pour les particuliers, le prix au kilo ou au litre pour les produits vendus au poids ou au volume, et les frais de livraison dès la fiche, ou au moins un lien vers leur barème. Pour une promotion, le prix de référence affiché doit être le prix le plus bas pratiqué au cours des trente jours précédant la réduction (article L112-1-1 du Code de la consommation), comme le rappelle ",[121,234,237],{"href":235,"rel":236},"https:\u002F\u002Fwww.economie.gouv.fr\u002Fdgccrf\u002Fles-fiches-pratiques\u002Fannonces-de-reduction-de-prix-ce-que-vous-devez-savoir",[198],"la DGCCRF",[226,239,241],{"id":240},"le-stock-et-la-date-de-livraison","Le stock et la date de livraison",[117,243,244],{},"Indiquez clairement si le produit est disponible, déclinaison par déclinaison : découvrir au panier que sa taille est épuisée est une déception évitable. N’affichez une rareté (« plus que 2 ») ou un compte à rebours que s’ils sont réels ; une fausse urgence relève des pratiques commerciales trompeuses.",[117,246,247],{},"Pour le délai, une date parle davantage qu’une durée : « livré entre le 6 et le 8 novembre » plutôt que « 3 à 5 jours ouvrés ». Vous devez de toute façon indiquer une date ou un délai de livraison avant la commande ; à défaut, la livraison doit intervenir au plus tard trente jours après celle-ci.",[226,249,251],{"id":250},"les-retours-et-le-droit-de-rétractation","Les retours et le droit de rétractation",[117,253,254,255,260,261,265],{},"Précisez le délai de retour, qui paie le renvoi et sous quel délai vous remboursez. Le consommateur dispose de quatorze jours pour se rétracter à compter de la réception du bien et, depuis le 19 juin 2026, les sites marchands doivent proposer une fonctionnalité gratuite pour exercer ce droit en ligne (",[121,256,259],{"href":257,"rel":258},"https:\u002F\u002Fwww.legifrance.gouv.fr\u002Fcodes\u002Farticle_lc\u002FLEGIARTI000032226834",[198],"article L221-21 du Code de la consommation","). Rappeler ces règles sur la fiche, plutôt que de les réserver aux conditions générales, rassure au moment de décider. Pour la fonctionnalité elle-même, notre article sur ",[121,262,264],{"href":263},"\u002Fjournal\u002Fbouton-de-retractation-obligatoire","le bouton de rétractation devenu obligatoire"," détaille les libellés imposés, l’accusé de réception et l’endroit où la placer.",[267,268,270],"callout",{"type":269},"attention",[117,271,272],{},"La loi impose de donner ces informations avant la commande. Les afficher dès la fiche produit évite les mauvaises surprises au moment de payer, et les abandons de panier qui vont avec.",[126,274,276],{"id":275},"avis-clients-authentiques-datés-contrôlés","Avis clients : authentiques, datés, contrôlés",[117,278,279],{},"Les avis répondent à la question que la fiche ne peut pas trancher seule : d’autres acheteurs ont-ils été satisfaits ? Ils ne servent que s’ils sont crédibles :",[137,281,282,285,288],{},[140,283,284],{},"affichez-les sur la fiche avec leur date, avis mitigés compris, et répondez aux critiques ;",[140,286,287],{},"indiquez comment ils sont collectés et contrôlés, par exemple s’ils proviennent uniquement d’acheteurs vérifiés ;",[140,289,290],{},"sollicitez-les après la livraison, par un simple e-mail, plutôt que de les acheter ou de les récompenser sans le dire.",[117,292,293,294,299,300,305,306,311],{},"Le cadre légal est précis. Toute entreprise qui collecte, modère ou publie des avis en ligne doit expliquer clairement comment ils sont publiés et traités, et préciser s’ils font l’objet d’un contrôle (",[121,295,298],{"href":296,"rel":297},"https:\u002F\u002Fwww.legifrance.gouv.fr\u002Fcodes\u002Farticle_lc\u002FLEGIARTI000049571119",[198],"article L111-7-2 du Code de la consommation","). Affirmer que des avis viennent d’acheteurs réels sans avoir pris les mesures pour le vérifier, ou publier de faux avis, sont des pratiques commerciales réputées trompeuses (",[121,301,304],{"href":302,"rel":303},"https:\u002F\u002Fwww.legifrance.gouv.fr\u002Fcodes\u002Farticle_lc\u002FLEGIARTI000044563107",[198],"article L121-4","). Google, de son côté, exige que les avis balisés soient visibles sur la page et proviennent directement des utilisateurs, et ",[121,307,310],{"href":308,"rel":309},"https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fappearance\u002Fstructured-data\u002Freview-snippet",[198],"ses consignes sur les avis"," proscrivent les faux avis comme les avis incités non signalés.",[126,313,315],{"id":314},"réassurance-et-bouton-dachat-lever-le-dernier-doute-sur-mobile","Réassurance et bouton d’achat : lever le dernier doute sur mobile",[226,317,319],{"id":318},"une-réassurance-sobre-et-vraie","Une réassurance sobre et vraie",[117,321,322],{},"Près du bouton d’achat, quelques lignes suffisent : les moyens de paiement acceptés, le seuil de livraison offerte s’il existe, le délai de retour, un moyen de joindre une personne et ses horaires. Trois informations exactes valent mieux que dix pictogrammes. N’affichez un label, une garantie ou une origine (« fabriqué à Nantes ») que si vous pouvez le prouver.",[226,324,326],{"id":325},"un-bouton-dachat-toujours-à-portée-de-pouce","Un bouton d’achat toujours à portée de pouce",[117,328,329],{},"Sur mobile, le bouton « Ajouter au panier » doit se trouver sans chercher : sous le prix, puis rappelé dans une barre fixe quand le visiteur fait défiler la description. Quelques règles simples :",[137,331,332,335,338,347],{},[140,333,334],{},"le choix des déclinaisons (taille, couleur) se fait avant le bouton, avec la disponibilité de chacune ;",[140,336,337],{},"un message d’erreur dit en toutes lettres ce qui manque, sans se reposer sur la seule couleur ;",[140,339,340,341,346],{},"la zone cliquable mesure au moins 24 × 24 pixels CSS selon le ",[121,342,345],{"href":343,"rel":344},"https:\u002F\u002Fwww.w3.org\u002FWAI\u002FWCAG22\u002FUnderstanding\u002Ftarget-size-minimum.html",[198],"critère 2.5.8 des WCAG 2.2",", et 44 × 44 pixels, seuil du critère 2.5.5 de niveau AAA, est un meilleur repère pour le bouton principal ;",[140,348,349],{},"l’ajout se confirme sans quitter la page, avec un accès direct au panier.",[117,351,352,353,356],{},"Ces arbitrages se testent sur prototype, avant le développement : c’est l’objet de notre ",[121,354,355],{"href":28},"démarche de conception UX\u002FUI",", appliquée ici au parcours d’achat.",[126,358,360],{"id":359},"données-structurées-product-aider-google-à-lire-votre-offre","Données structurées Product : aider Google à lire votre offre",[117,362,363,364,368,369,372,373,378],{},"Les ",[121,365,367],{"href":366},"\u002Fglossaire#donnees-structurees","données structurées"," décrivent votre produit dans un format que les moteurs de recherche lisent sans ambiguïté : nom, prix, disponibilité, avis. Elles rendent la fiche éligible aux affichages enrichis de Google (prix, stock, note), sans garantie d’affichage. Voici les propriétés du balisage ",[205,370,371],{},"Product"," décrites dans ",[121,374,377],{"href":375,"rel":376},"https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fappearance\u002Fstructured-data\u002Fmerchant-listing",[198],"la documentation de Google sur les fiches marchand"," :",[380,381,382,398],"table",{},[383,384,385],"thead",{},[386,387,388,392,395],"tr",{},[389,390,391],"th",{},"Propriété",[389,393,394],{},"Ce qu’elle décrit",[389,396,397],{},"Statut",[399,400,401,415,427,448,464,483,497,511],"tbody",{},[386,402,403,409,412],{},[404,405,406],"td",{},[205,407,408],{},"name",[404,410,411],{},"Le nom du produit",[404,413,414],{},"Obligatoire",[386,416,417,422,425],{},[404,418,419],{},[205,420,421],{},"image",[404,423,424],{},"Une ou plusieurs photos",[404,426,414],{},[386,428,429,443,446],{},[404,430,431,434,435,438,439,442],{},[205,432,433],{},"offers"," (",[205,436,437],{},"price",", ",[205,440,441],{},"priceCurrency",")",[404,444,445],{},"Le prix et la devise",[404,447,414],{},[386,449,450,458,461],{},[404,451,452,455,456,442],{},[205,453,454],{},"availability"," (dans ",[205,457,433],{},[404,459,460],{},"La disponibilité : en stock, en précommande…",[404,462,463],{},"Recommandée",[386,465,466,477,480],{},[404,467,468,438,471,438,474],{},[205,469,470],{},"brand",[205,472,473],{},"gtin",[205,475,476],{},"sku",[404,478,479],{},"La marque et les identifiants du produit",[404,481,482],{},"Recommandées",[386,484,485,492,495],{},[404,486,487,455,490,442],{},[205,488,489],{},"shippingDetails",[205,491,433],{},[404,493,494],{},"Les frais et délais de livraison",[404,496,463],{},[386,498,499,506,509],{},[404,500,501,455,504,442],{},[205,502,503],{},"hasMerchantReturnPolicy",[205,505,433],{},[404,507,508],{},"La politique de retour",[404,510,463],{},[386,512,513,521,524],{},[404,514,515,438,518],{},[205,516,517],{},"aggregateRating",[205,519,520],{},"review",[404,522,523],{},"La note moyenne et les avis",[404,525,482],{},[117,527,528,529,533],{},"Google recommande de déclarer une fois pour toutes la politique de livraison et de retour au niveau de l’organisation, et de ne la préciser produit par produit qu’en cas d’exception. Shopify, WooCommerce et PrestaShop génèrent une partie de ce balisage, plus ou moins complète selon le thème et les extensions : vérifiez le vôtre avec l’outil de test des résultats enrichis de Google. Si vous hésitez encore sur la plateforme, prenez le temps de ",[121,530,532],{"href":531},"\u002Fjournal\u002Fshopify-woocommerce-prestashop-quelle-solution-choisir","comparer Shopify, WooCommerce et PrestaShop"," avant de trancher.",[126,535,537],{"id":536},"vitesse-et-accessibilité-les-fondations-invisibles","Vitesse et accessibilité : les fondations invisibles",[117,539,540,541,546,547,550],{},"Sur une fiche produit, la photo principale est souvent l’élément qui détermine l’indicateur LCP des ",[121,542,545],{"href":543,"rel":544},"https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fappearance\u002Fcore-web-vitals",[198],"Core Web Vitals"," : chargez-la en priorité, différez les images suivantes et limitez les applications qui ajoutent des scripts (chat, widgets d’avis, recommandations). Visez un affichage du contenu principal en moins de 2,5 secondes sur mobile. Si vos fiches restent lentes malgré ces réglages, ",[121,548,549],{"href":56},"notre service d’optimisation de la vitesse de site web"," mesure la vitesse vécue par vos visiteurs, repère ce qui la freine et chiffre les correctifs.",[117,552,553,554,559,560,564],{},"L’accessibilité, elle, n’est plus une option. Depuis le 28 juin 2025, le commerce électronique fait partie des services soumis à des exigences d’accessibilité (",[121,555,558],{"href":556,"rel":557},"https:\u002F\u002Fwww.legifrance.gouv.fr\u002Fjorf\u002Fid\u002FJORFTEXT000048178349",[198],"décret n° 2023-931 du 9 octobre 2023",") ; les microentreprises de services, moins de dix personnes et au plus 2 millions d’euros de chiffre d’affaires ou de bilan annuel, en sont dispensées. Notre article sur ",[121,561,563],{"href":562},"\u002Fjournal\u002Feuropean-accessibility-act-ce-qui-change-pour-votre-site","l’accessibilité des boutiques en ligne depuis l’European Accessibility Act"," détaille ces obligations.",[117,566,567],{},"Concrètement, sur une fiche produit : textes alternatifs, contrastes suffisants, sélecteurs de déclinaisons utilisables au clavier et compréhensibles par les lecteurs d’écran, messages d’erreur explicites, focus visible.",[126,569,571],{"id":570},"exemple-avantaprès-la-fiche-produit-dun-plaid-en-laine","Exemple avant\u002Faprès : la fiche produit d’un plaid en laine",[117,573,574],{},"Reprenons le plaid cité plus haut, un produit imaginaire vendu par une boutique fictive. Voici le haut de sa fiche avant réécriture :",[576,577,578,583,586,589,595],"blockquote",{},[117,579,580],{},[143,581,582],{},"Le Cocon",[117,584,585],{},"Douceur, chaleur et élégance pour vos soirées d’hiver. Un produit de qualité premium, à découvrir sans attendre !",[117,587,588],{},"89 € · En stock · Livraison rapide",[117,590,591,592,594],{},"Photo : une seule vue, fichier ",[205,593,211],{},", sans texte alternatif",[117,596,597],{},"Bouton : « Acheter », sous trois paragraphes de description",[117,599,600],{},"L’acheteur ne sait ni ce qu’il achète exactement, ni ce qu’il paiera une fois livré, ni quand il recevra sa commande. Chaque question sans réponse est une raison de quitter la page. Après réécriture :",[576,602,603,608,611,622,625,628,631,634,637],{},[117,604,605],{},[143,606,607],{},"Plaid en laine mérinos 130 × 170 cm, gris ardoise",[117,609,610],{},"Un plaid chaud et léger pour le canapé ou le pied du lit, qui passe en machine.",[137,612,613,616,619],{},[140,614,615],{},"Dimensions : 130 × 170 cm",[140,617,618],{},"Composition : 100 % laine mérinos",[140,620,621],{},"Entretien : lavage à 30 °C, programme laine",[117,623,624],{},"89 € TTC · Livraison 4,90 €, offerte dès 80 € d’achat",[117,626,627],{},"Couleur : gris ardoise · sable · bleu nuit (épuisé)",[117,629,630],{},"En stock · Livré entre le 12 et le 14 novembre · Retour gratuit sous 14 jours",[117,632,633],{},"Photos : cinq vues (plié, déplié, détail de la maille, sur un fauteuil, sur les épaules) ; texte alternatif de la première : « Plaid gris ardoise plié sur un fauteuil en rotin »",[117,635,636],{},"Avis : datés, issus d’acheteurs vérifiés, avis mitigés et réponses compris",[117,638,639],{},"Bouton : « Ajouter au panier », sous le prix, puis rappelé dans une barre fixe sur mobile",[117,641,642],{},"Ce qui a changé :",[137,644,645,651,657,663,673,679,685,691],{},[140,646,647,650],{},[143,648,649],{},"le titre"," nomme le produit comme on le cherche : type de produit, matière, taille, couleur ; « Le Cocon » peut rester en accroche ;",[140,652,653,656],{},[143,654,655],{},"la description"," dit d’abord à quoi sert le plaid, puis remplace les adjectifs par des caractéristiques vérifiables ;",[140,658,659,662],{},[143,660,661],{},"le prix"," s’affiche TTC, avec les frais de livraison et le seuil de gratuité, bien avant le panier ;",[140,664,665,668,669,672],{},[143,666,667],{},"la disponibilité"," se lit couleur par couleur, et ",[143,670,671],{},"la livraison"," donne une date plutôt qu’une promesse de rapidité ;",[140,674,675,678],{},[143,676,677],{},"les retours"," sont annoncés sur la fiche, au moment où l’on hésite ;",[140,680,681,684],{},[143,682,683],{},"les photos"," montrent l’échelle et la matière, avec un texte alternatif qui décrit l’image ;",[140,686,687,690],{},[143,688,689],{},"les avis"," sont datés et leur origine est indiquée ;",[140,692,693,696],{},[143,694,695],{},"le bouton"," reste à portée de pouce, après le choix de la couleur.",[117,698,699,700,702],{},"Ce que le visiteur ne voit pas a changé aussi : une balise title et une meta description propres au produit, un nom de fichier parlant pour chaque photo, et un balisage ",[205,701,371],{}," qui reprend le nom, les photos, le prix et la disponibilité.",[117,704,705,706,709],{},"Une fiche produit se conçoit comme un gabarit : pensée avec soin une fois, elle profite à tout le catalogue. C’est ce que nous construisons avec vous lors de ",[121,707,708],{"href":14},"la conception de votre boutique en ligne à Nantes",", de la maquette au balisage, avec une démonstration de l’avancement chaque vendredi.",{"title":711,"searchDepth":26,"depth":26,"links":712},"",[713,714,715,720,721,725,726,727],{"id":128,"depth":19,"text":129},{"id":172,"depth":19,"text":173},{"id":214,"depth":19,"text":215,"children":716},[717,718,719],{"id":228,"depth":26,"text":229},{"id":240,"depth":26,"text":241},{"id":250,"depth":26,"text":251},{"id":275,"depth":19,"text":276},{"id":314,"depth":19,"text":315,"children":722},[723,724],{"id":318,"depth":26,"text":319},{"id":325,"depth":26,"text":326},{"id":359,"depth":19,"text":360},{"id":536,"depth":19,"text":537},{"id":570,"depth":19,"text":571},null,"2026-10-03","2026-11-04","Fiche produit e-commerce : rédiger titre et description, soigner photos, prix, livraison et avis, optimiser SEO et mobile. L’anatomie d’une page qui vend.","md",[734,737,740],{"question":735,"answer":736},"Quelle longueur pour la description d’une fiche produit ?","Il n’existe pas de longueur idéale : une bonne description répond aux questions de l’acheteur, sans remplissage. Pour un produit simple, quelques phrases et une liste de caractéristiques suffisent. Un produit technique ou coûteux mérite davantage de détails, un tableau de caractéristiques et des réponses aux questions fréquentes. Dans tous les cas, évitez de reprendre mot pour mot le texte du fabricant.",{"question":738,"answer":739},"Faut-il afficher les avis négatifs sur une fiche produit ?","Oui. Masquer les avis négatifs donne une image déformée du produit et peut être considéré comme une pratique commerciale trompeuse. Des avis mitigés accompagnés d’une réponse précise montrent aussi que vous prenez les retours au sérieux. Indiquez enfin comment les avis sont collectés et contrôlés.",{"question":741,"answer":742},"Les données structurées font-elles vendre davantage ?","Pas directement : elles ne changent rien à la page que voient vos visiteurs. Elles aident Google à comprendre le prix, la disponibilité et les avis de votre produit, et rendent la fiche éligible à des affichages enrichis dans les résultats de recherche, sans garantie. C’est un complément utile, jamais un substitut à une page claire et complète.",false,"fiche produit e-commerce",{},true,"\u002Fjournal\u002Ffiche-produit-e-commerce-qui-vend","design-conversion-ecommerce",{"title":750,"description":731},"Rédiger une fiche produit e-commerce qui vend",[752,753],"creation-site-e-commerce-nantes","webdesign-ux-ui-nantes",{"loc":747,"lastmod":730},"journal\u002Ffiche-produit-e-commerce-qui-vend","Titre, photos, prix, avis, bouton d’achat : chaque bloc d’une fiche produit répond à une question de l’acheteur. Voici comment les assembler pour qu’elle vende.","aJbbVhwr7muKekrxhEPqrcQFsly-BffSdQS7qg15L20",{"rubrique":759,"author":761,"articles":771,"surround":921},{"path":102,"title":103,"navTitle":104,"color":18,"promise":760,"service":752},"Transformer une visite en prise de contact, une fiche produit en vente.",{"id":762,"avatar":728,"bio":763,"extension":764,"kind":765,"linkedin":728,"meta":766,"name":767,"role":768,"stem":769,"__hash__":770},"auteurs\u002Fauteurs\u002Fequipe-fogg.yml","Nous concevons, développons et référençons des sites internet dans notre studio à Nantes : le design, le code et le SEO sont faits par la même équipe. Dans notre journal, nous partageons ce que nos projets nous apprennent, sans jargon ni recette miracle.","yml","Organization",{},"L’équipe FOGG","Designers et développeurs web à Nantes","auteurs\u002Fequipe-fogg","meeZrKeERqL_z9wDxs9-KEBQVU-S_fJG72JEtKhFKbQ",[772,779,785,793,798,802,810,815,822,828,833,838,843,849,855,860,865,871,877,883,889,895,901,907,913,915],{"path":773,"title":774,"summary":775,"date":730,"rubrique":776,"services":777},"\u002Fjournal\u002Fanimations-site-web-utiles-ou-nuisibles","Animations sur un site web : utiles ou nuisibles ?","Certaines animations guident vos visiteurs, d’autres ralentissent la page, les distraient ou leur donnent le vertige. Voici nos critères pour faire le tri, les règles d’accessibilité à connaître et la façon d’animer sans alourdir votre site.","ux-contenus-accessibilite",[753,778],"optimisation-vitesse-site-web-nantes",{"path":780,"title":781,"summary":782,"date":730,"rubrique":776,"services":783},"\u002Fjournal\u002Farborescence-site-web-methode-et-exemples","Arborescence d’un site web : la méthode, avec des exemples","Avant de dessiner la moindre page, il faut décider lesquelles existent et comment elles s’emboîtent. Voici notre méthode pour construire l’arborescence d’un site, avec trois exemples commentés et deux façons simples de la tester.",[753,784],"creation-site-vitrine-nantes",{"path":786,"title":787,"summary":788,"date":730,"rubrique":789,"services":790},"\u002Fjournal\u002Fbaisse-de-trafic-google-trouver-la-cause","Baisse de trafic sur Google : comment en trouver la cause","Mesure faussée, erreur technique, mise à jour de Google, Aperçus IA ou simple saisonnalité : voici comment trouver la cause d’une baisse de trafic Google, dans l’ordre, et quoi faire ensuite.","seo-visibilite-locale",[791,792],"referencement-naturel-seo-nantes","maintenance-site-internet-nantes",{"path":794,"title":795,"summary":796,"date":730,"rubrique":776,"services":797},"\u002Fjournal\u002Fbandeau-cookies-regles-cnil","Bandeau cookies : les règles de la CNIL à respecter en 2026","Refuser aussi simplement qu’accepter, expliquer les finalités, conserver le choix : voici ce que la CNIL attend d’un bandeau cookies en 2026, ce qui a changé cette année et comment le rendre accessible sans ralentir votre site.",[792,753],{"path":263,"title":799,"summary":800,"date":730,"rubrique":748,"services":801},"Bouton de rétractation obligatoire : ce qui change depuis le 19 juin 2026","Depuis le 19 juin 2026, une boutique en ligne doit permettre à ses clients particuliers d’exercer leur droit de rétractation depuis le site, par un bouton « renoncer au contrat ici ». Voici ce que disent les textes, qui est concerné et comment l’intégrer sans alourdir votre parcours.",[752,792],{"path":803,"title":804,"summary":805,"date":730,"rubrique":806,"services":807},"\u002Fjournal\u002Fci-cd-pipeline-de-deploiement","CI\u002FCD, c’est quoi ? Le pipeline de déploiement expliqué","Intégration continue, livraison ou déploiement continus : ce que recouvre la CI\u002FCD, à quoi ressemble un pipeline pour un site ou une application, ce que votre entreprise y gagne et comment le sécuriser.","projet-web-budget-methode",[808,809],"infrastructure-cloud-nantes","developpement-web-sur-mesure-nantes",{"path":811,"title":812,"summary":813,"date":730,"rubrique":789,"services":814},"\u002Fjournal\u002Fcore-web-vitals-lcp-inp-cls","Core Web Vitals : LCP, INP et CLS expliqués simplement","La page s’affiche-t-elle vite, réagit-elle tout de suite, reste-t-elle stable ? Le LCP, l’INP et le CLS répondent à ces trois questions : voici comment Google les mesure, comment les tester et par où commencer pour les améliorer.",[778,791],{"path":816,"title":817,"summary":818,"date":730,"rubrique":806,"services":819},"\u002Fjournal\u002Feco-conception-web-rgesn","Éco-conception web : ce que demande le RGESN","Le référentiel officiel de l’éco-conception web compte 78 critères, mais aucune loi n’oblige une entreprise à l’appliquer. Voici ce qu’il demande vraiment à un site vitrine ou à une boutique, et comment fixer un budget de poids, mesurer sans se tromper et publier sa déclaration.",[820,821],"eco-conception-web-nantes","refonte-site-internet-nantes",{"path":823,"title":824,"summary":825,"date":730,"rubrique":806,"services":826},"\u002Fjournal\u002Fn8n-make-zapier-quel-outil-d-automatisation","n8n, Make ou Zapier : quel outil pour automatiser vos tâches ?","Zapier pour démarrer sans technicien, Make pour les flux qui se ramifient, n8n pour garder la main sur vos données : ce qui distingue vraiment ces trois outils, de la facturation à la maintenance, prix relevés le 4 novembre 2026.",[827,809],"automatisation-processus-nantes",{"path":829,"title":830,"summary":831,"date":730,"rubrique":789,"services":832},"\u002Fjournal\u002Fpourquoi-mon-site-n-apparait-pas-sur-google","Pourquoi mon site n’apparaît pas sur Google ? Causes et solutions","Site trop récent, réglage qui bloque Google, page explorée mais non retenue, classement trop faible : voici comment trouver la cause avec deux outils gratuits, puis la corriger.",[791,784],{"path":834,"title":835,"summary":836,"date":730,"rubrique":806,"services":837},"\u002Fjournal\u002Fpreparer-son-site-au-black-friday","Préparer son site au Black Friday : tenir le pic de trafic","Estimer le pic, le simuler, mettre en cache, prévoir la montée en charge et organiser le jour J : la méthode pour que votre boutique tienne au moment où elle vend le plus, avec un plan sur trois semaines.",[808,752],{"path":839,"title":840,"summary":841,"date":730,"rubrique":748,"services":842},"\u002Fjournal\u002Fsite-vitrine-ou-site-e-commerce","Site vitrine ou site e-commerce : comment choisir ?","Un site vitrine prépare la vente, une boutique en ligne la conclut. Voici comment choisir selon votre offre, votre budget et votre temps, et quelles solutions existent entre les deux.",[784,752],{"path":844,"title":845,"summary":846,"date":730,"rubrique":806,"services":847},"\u002Fjournal\u002Fsite-wordpress-pirate-que-faire","Site WordPress piraté : que faire dans les premières heures ?","Redirections, pages de spam, alerte de Google : quand un site WordPress est piraté, les premières heures comptent. Voici quoi faire, dans l’ordre, et ce qu’il ne faut surtout pas effacer.",[848,792],"audit-securite-site-web-nantes",{"path":850,"title":851,"summary":852,"date":853,"rubrique":806,"services":854},"\u002Fjournal\u002Fchoisir-son-agence-web-a-nantes","Choisir son agence web à Nantes : 12 questions à poser avant de signer","Portfolio, prix, bon contact : ces critères ne suffisent pas. Douze questions révèlent comment une agence travaille vraiment et ce que vous posséderez à la fin.","2026-10-29",[784],{"path":531,"title":856,"summary":857,"date":858,"rubrique":748,"services":859},"Shopify, WooCommerce ou PrestaShop : quelle solution choisir ?","Trois solutions sérieuses, trois logiques différentes : voici comment comparer coûts, souplesse et propriété des données pour choisir la vôtre sans regret.","2026-10-27",[752],{"path":164,"title":861,"summary":862,"date":863,"rubrique":776,"services":864},"Rédiger le contenu d’un site internet : être compris en cinq secondes","Un visiteur décide en quelques secondes s’il reste sur votre page. Voici la méthode que nous suivons pour écrire des textes de site clairs, utiles et bien référencés, avec un exemple avant\u002Faprès.","2026-10-24",[753,784],{"path":866,"title":867,"summary":868,"date":869,"rubrique":789,"services":870},"\u002Fjournal\u002Freferencement-local-nantes-google-business-profile","Référencement local à Nantes : guide pour apparaître dans Google Maps","Pertinence, distance, notoriété : Google classe les entreprises locales selon trois critères. Voici comment les travailler quand vos clients sont à Nantes.","2026-10-22",[791],{"path":872,"title":873,"summary":874,"date":875,"rubrique":806,"services":876},"\u002Fjournal\u002Fdevis-site-internet-comparer-deux-propositions","Devis de site internet : comment comparer deux propositions","Deux devis pour le même site, deux montants qui vont du simple au double : avant de choisir le moins cher, vérifiez qu’ils décrivent bien le même projet.","2026-10-20",[784,821],{"path":878,"title":879,"summary":880,"date":881,"rubrique":748,"services":882},"\u002Fjournal\u002Fsite-vitrine-elements-indispensables","Site vitrine efficace : les 10 éléments qui transforment une visite en contact","Un site vitrine n’a qu’une mission : donner envie de vous contacter. Voici les dix éléments qui font la différence, et comment vérifier ceux de votre site.","2026-10-17",[784,753],{"path":884,"title":885,"summary":886,"date":887,"rubrique":776,"services":888},"\u002Fjournal\u002Fmaquette-prototype-design-system-etapes-du-webdesign","Zoning, wireframe, maquette de site web, prototype : les étapes du webdesign","Entre la première réunion et la mise en ligne, un site passe par plusieurs états : zoning, maquettes, prototype, design system. À quoi sert chaque étape, que validez-vous, et pourquoi c’est là que se font les vraies économies.","2026-10-15",[753],{"path":890,"title":891,"summary":892,"date":893,"rubrique":789,"services":894},"\u002Fjournal\u002Fseo-ia-etre-cite-par-les-moteurs-de-reponse","SEO et IA : comment apparaître dans ChatGPT et les Aperçus IA","Aperçus IA, Mode IA, ChatGPT ou Perplexity citent leurs sources. Voici ce qui aide vraiment un site à en faire partie, documentation officielle à l’appui.","2026-10-13",[791],{"path":896,"title":897,"summary":898,"date":899,"rubrique":806,"services":900},"\u002Fjournal\u002Fmaintenance-site-internet-que-prevoir","Maintenance de site internet : que prévoir après la mise en ligne ?","Un site n’est pas terminé le jour de sa mise en ligne. Voici ce qu’il faut prévoir pour qu’il reste sûr, rapide et bien référencé, et comment s’organiser.","2026-10-10",[792],{"path":562,"title":902,"summary":903,"date":904,"rubrique":776,"services":905},"European Accessibility Act : ce que la loi sur l’accessibilité numérique change pour votre site","Depuis le 28 juin 2025, l’accessibilité est obligatoire pour de nombreux services en ligne, à commencer par la vente aux particuliers. Qui est concerné, quelles règles appliquer, quels risques, et par où commencer.","2026-10-08",[906,752],"accessibilite-numerique-nantes",{"path":908,"title":909,"summary":910,"date":911,"rubrique":806,"services":912},"\u002Fjournal\u002Fcahier-des-charges-site-internet-en-une-page","Cahier des charges de site internet : un modèle en une page","Inutile d’écrire quarante pages : un cahier des charges d’une seule page, honnête et précis, suffit à cadrer un site vitrine et à obtenir des devis comparables.","2026-10-06",[784,809],{"path":747,"title":111,"summary":756,"date":729,"rubrique":748,"services":914},[752,753],{"path":916,"title":917,"summary":918,"date":919,"rubrique":789,"services":920},"\u002Fjournal\u002Frefonte-site-sans-perdre-son-referencement","Refonte de site et SEO : comment ne pas perdre son référencement","Une refonte mal préparée peut faire perdre une bonne partie du trafic venu de Google. Inventaire, redirections, préproduction, suivi : la méthode pour l’éviter.","2026-10-01",[821,791],[922,925],{"title":909,"path":908,"stem":923,"description":924,"children":-1},"journal\u002Fcahier-des-charges-site-internet-en-une-page","Cahier des charges de site internet : un modèle en une page à copier (objectifs, publics, pages, budget, délais), un exemple rempli et les erreurs à éviter.",{"title":917,"path":916,"stem":926,"description":927,"children":-1},"journal\u002Frefonte-site-sans-perdre-son-referencement","Refonte de site et SEO : inventaire des URL, plan de redirections 301, préproduction protégée, checklist de mise en ligne et trois mois de suivi.",{"path":14,"title":15,"summary":17,"color":18},1793879330234]