Derni\u00e8re mise \u00e0 jour : juillet 2026<\/strong><\/p>\n\n\n\nLe marketing n’est pas fait pour les \u00e2mes sensibles. Surtout s’il s’agit de marketing digital et que vous devez entretenir votre propre site web. On disait autrefois qu’Internet n’oubliait jamais, mais pour les petites entreprises, ce n’\u00e9tait pas vraiment un probl\u00e8me. \u00c0 moins de devenir viral, presque personne ne remarquait votre passage. <\/p>\n\n\n\n
Cependant, au cours de l’ann\u00e9e \u00e9coul\u00e9e, alors que l’IA remplace peu \u00e0 peu les moteurs de recherche traditionnels (quelle que soit la r\u00e9sistance de certains), cette formule a un peu chang\u00e9. L’IA aussi n’oublie jamais ; pire, elle vous sanctionne pour des erreurs d’une mani\u00e8re que vous n’auriez jamais imagin\u00e9e. Et cela ajoute consid\u00e9rablement \u00e0 la complexit\u00e9 du marketing digital. Pourquoi est-ce que je vous parle de \u00e7a ? Eh bien, parce qu’aujourd’hui, mes amis, je vais vous raconter l’histoire des hauts et des bas de la cr\u00e9ation de sites web, et de mon exp\u00e9rience personnelle en la mati\u00e8re. <\/p>\n\n\n\n
Le projet qui a r\u00e9v\u00e9l\u00e9 le probl\u00e8me<\/h2>\n\n\n\n Le lancement d’une seule <\/em>page fonctionnalit\u00e9 nous a montr\u00e9 \u00e0 quel point notre processus de relecture de site web \u00e9tait d\u00e9faillant. \u00c9coutez, quel est le pire qui puisse arriver apr\u00e8s la mise en ligne d’un site avec une erreur ? Un coll\u00e8gue (ou plusieurs) le signale ? Un utilisateur bienveillant le signale ? Un utilisateur moins bienveillant se plaint d’informations trompeuses ? Un aper\u00e7u IA le reprend et le traite comme une v\u00e9rit\u00e9 ? Choisissez votre poison. <\/p>\n\n\n\nBien s\u00fbr, ce sont des erreurs bien diff\u00e9rentes, et vous \u00eates certainement convaincu que cela ne pourrait jamais vous arriver. Je pensais la m\u00eame chose\u2026 Jusqu’au jour o\u00f9 tout a chang\u00e9. <\/p>\n\n\n\nVous savez, en tant que professionnel du marketing, il vous arrive de devoir expliquer des notions dans lesquelles vous \u00eates vous-m\u00eame tr\u00e8s moyen. N\u00e9anmoins, vous devez prendre ce sujet, le d\u00e9composer en ces concepts \u00ab\u00a0sympas\u00a0\u00bb fondamentaux, et les pr\u00e9senter. Le probl\u00e8me, c’est que vous ne comprenez toujours pas de quoi il s’agit vraiment. Et pour notre \u00e9quipe, il s’agissait d’une fonctionnalit\u00e9 destin\u00e9e aux d\u00e9veloppeurs qui a compl\u00e8tement chang\u00e9 notre fa\u00e7on de valider nos sites web. <\/p>\n\n\n\n
La mission consistait \u00e0 cr\u00e9er une page fonctionnalit\u00e9 pour cette formidable nouveaut\u00e9 que les d\u00e9veloppeurs adoreraient, car elle facilite leur travail ; ils n’ont presque rien \u00e0 configurer, mais le r\u00e9sultat a l’air d’une t\u00e2che tr\u00e8s professionnelle et presque impossible, accomplie en un claquement de doigts. Le bruit de ce claquement de doigts venait en r\u00e9alit\u00e9 de mon bureau, tandis que j’essayais de faire toutes les corrections en une heure et de la faire approuver par trois personnes diff\u00e9rentes qui n’ont pas acc\u00e8s \u00e0 l’environnement de d\u00e9veloppement. Deux fois.<\/p>\n\n\n\n
Le co\u00fbt de tout cela <\/h2>\n\n\n\n S’il reste le moindre doute sur ce qui s’est pass\u00e9, laissez-moi vous le dire clairement : nous avons d\u00fb refaire l’int\u00e9gralit\u00e9 de la page fonctionnalit\u00e9 deux fois, bien apr\u00e8s <\/em>sa publication. Oui, vous avez bien entendu. Nous avons relu et publi\u00e9 la m\u00eame page \u00e0 trois reprises. Et c’est uniquement parce que nous avons eu la chance d’avoir des relecteurs qui ont donn\u00e9 leur avis d\u00e8s la premi\u00e8re occasion que tout le processus n’a dur\u00e9 qu’un mois. \u00c0 peine 31 jours pour finaliser une page compos\u00e9e de 4 blocs statiques et 1 bloc interactif, ce n’est vraiment pas grand-chose\u2026 <\/em>Pour r\u00e9f\u00e9rence, nous pouvons d\u00e9sormais en faire 3 \u00e0 4 dans le m\u00eame laps de temps.<\/p>\n\n\n\nMaintenant, imaginez que vous n’ayez pas cette chance avec vos relecteurs. Chaque \u00e9tape du processus prend 3 \u00e0 4 jours \u00e0 approuver, et vous vous retrouvez ensuite avec une montagne de corrections \u00e0 effectuer avant la fin de la semaine pour d\u00e9marrer le nouveau cycle d’approbation le lundi. <\/p>\n\n\n\n
Ce que nous (et vous) avons probablement fait de travers<\/h2>\n\n\n\n Il y a une raison pour laquelle certains processus de relecture de site web durent plus longtemps que d’autres, et chez nous, il y avait quatre erreurs tr\u00e8s importantes et \u00e9videntes :<\/p>\n\n\n\n
Nous ne relisions jamais r\u00e9ellement le site web<\/h3>\n\n\n\n Le principal probl\u00e8me avec la relecture de site web pour nous, c’est que nous ne relisions jamais r\u00e9ellement un site web. Parfois, il s’agissait d’une capture d’\u00e9cran d’un fragment de bloc avec une ligne rouge autour d’un \u00e9l\u00e9ment erron\u00e9. <\/p>\n\n\n\n
Parfois, c’\u00e9tait un instantan\u00e9 de la page, enregistr\u00e9 en PDF. Ce n’est pas si mal, pourriez-vous penser ; au moins, Adobe permet d’annoter. Faux ! 10 % de la page n’\u00e9tait pas l\u00e0 \u00e0 cause de la coupure naturelle entre les pages du PDF, si bien que nous perdions des lignes de texte ou voyions un \u00e9l\u00e9ment coup\u00e9 en deux simplement parce qu’il tombait sur un saut de page. <\/p>\n\n\n\n
La troisi\u00e8me option \u00e9tait la meilleure ; il suffisait d’exporter le site web en JPEG et de le mettre dans un outil de relecture en ligne, en priant pour que la qualit\u00e9 soit suffisante pour que tout le monde puisse lire le texte. Puis de passer les 3 jours ouvr\u00e9s suivants \u00e0 zoomer pour que cela ressemble \u00e0 une page de site web. Mais au moins, il n’y avait pas de parties manquantes ni de retours tronqu\u00e9s.<\/p>\n\n\n\nNous ne pouvions jamais approuver les \u00e9l\u00e9ments interactifs<\/h3>\n\n\n\n Autre probl\u00e8me : nous n’\u00e9tions jamais en mesure d’approuver les \u00e9l\u00e9ments interactifs, les boutons et les diff\u00e9rents r\u00e9sultats. Une capture d’\u00e9cran ne montre pas ce qui se passe lorsque vous survolez une carte, \u00e0 quoi ressemble un menu d\u00e9roulant ouvert plut\u00f4t que ferm\u00e9, ni si un formulaire s’envoie r\u00e9ellement au lieu de rester simplement l\u00e0, joli. Tout ressemblait \u00e0 un visuel, pas \u00e0 une page. Nous approuvions l’apparence fig\u00e9e d’un site web, pas ce qu’il faisait r\u00e9ellement une fois que quelqu’un interagissait avec.<\/p>\n\n\n\n
Et comme rien de tout cela ne pouvait \u00eatre jug\u00e9 \u00e0 partir d’un export statique, une autre personne devait passer en revue tous les boutons, animations et r\u00e9sultats s\u00e9par\u00e9ment, \u00e0 la main, en cliquant sur chaque \u00e9l\u00e9ment du site en ligne pour confirmer qu’il fonctionnait r\u00e9ellement. Une t\u00e2che peu agr\u00e9able, et pas rapide non plus. Le fait que cela se produise toujours apr\u00e8s l’approbation \u00ab\u00a0officielle\u00a0\u00bb n’aidait pas, si bien que cela ressemblait moins \u00e0 de l’assurance qualit\u00e9 qu’\u00e0 d\u00e9couvrir, au pire moment possible, que ce que tout le monde venait de valider \u00e9tait en r\u00e9alit\u00e9 discr\u00e8tement cass\u00e9. Et quelque chose ne fonctionnait jamais. Alors, une semaine sur deux, je passais une demi-heure \u00e0 r\u00e9diger un e-mail contrit expliquant pourquoi le lancement \u00e9tait de nouveau retard\u00e9.<\/p>\n\n\n\n
Les retours vivaient dans trois endroits diff\u00e9rents \u00e0 la fois<\/h3>\n\n\n\n Chaque format que nous utilisions pour la relecture de site web devenait son propre canal de retours ind\u00e9pendant. Vous voyez, avoir trois \u00ab\u00a0formats\u00a0\u00bb de site web diff\u00e9rents signifiait aussi avoir automatiquement trois sources de retours diff\u00e9rentes. Nous avions des annotations dans l’outil, un peu plus dans le PDF, puis encore davantage dans des messages priv\u00e9s et certains dans des groupes. <\/p>\n\n\n\n
Alors, ce que nous finissions g\u00e9n\u00e9ralement par faire, c’\u00e9tait que je prenais une capture d’\u00e9cran de chaque retour re\u00e7u, puis je la mettais dans un document Google sous forme de liste de contr\u00f4le. Et \u00e0 chaque modification effectu\u00e9e, je revenais \u00e0 ce document et cochais un \u00e9l\u00e9ment suppl\u00e9mentaire. Assez pratique, mais un cauchemar \u00e0 organiser et \u00e0 peine fonctionnel. Comme cet ordinateur portable qui d\u00e9fie les lois de la physique depuis plusieurs ann\u00e9es en continuant simplement de fonctionner.<\/p>\n\n\n\nLes relecteurs ne pouvaient pas suivre ce qui avait d\u00e9j\u00e0 chang\u00e9<\/h3>\n\n\n\n Nous n’avions \u00e9galement aucun moyen de montrer aux relecteurs ce qui avait chang\u00e9 depuis leur derni\u00e8re s\u00e9rie de remarques. Et mon passage pr\u00e9f\u00e9r\u00e9 de tout le processus, c’est le \u00ab\u00a0Oh, avez-vous vraiment chang\u00e9 ce que je vous avais demand\u00e9 il y a deux it\u00e9rations ?\u00a0\u00bb Je sais que ce n’est pas fait m\u00e9chamment, et je comprends que le changement \u00e9tait minime et presque invisible, mais j’y ai pass\u00e9 deux heures, et pour moi, c’est tr\u00e8s visible. <\/p>\n\n\n\n
Mais c’est ce qui finit toujours par arriver lorsque vous recevez des approbations de personnes qui ont elles-m\u00eames \u00e9norm\u00e9ment de travail, et qu’il n’existe aucun rappel de l’apparence ant\u00e9rieure de la page. Et envoyer les deux versions n’est pas non plus une option, \u00e0 moins d’apposer un gros tampon \u00ab\u00a0obsol\u00e8te\u00a0\u00bb sur toute la page, comme un triste filigrane. <\/p>\n\n\n\nPourquoi nous avons finalement d\u00e9cid\u00e9 de r\u00e9gler ce probl\u00e8me<\/h2>\n\n\n\n Avant l’incident de la page fonctionnalit\u00e9, tout ce processus n’\u00e9tait qu’une g\u00eane. Certains voulaient simplement avancer et ne pr\u00eataient pas vraiment attention au contenu de la page. D’autres n’avaient pas les acc\u00e8s n\u00e9cessaires, alors ils demandaient soit une version statique, soit ne regardaient tout simplement pas la page une fois mise en ligne. <\/p>\n\n\n\n
Cependant, apr\u00e8s l’incident de la page fonctionnalit\u00e9, des informations incorrectes sont rest\u00e9es affich\u00e9es en ligne pendant un moment, et l’IA les a reprises presque imm\u00e9diatement ; un consensus s’est alors d\u00e9gag\u00e9 pour dire qu’il fallait agir. Dans un premier temps, nous avons cherch\u00e9 \u00e0 l’ext\u00e9rieur des plugins, des outils suppl\u00e9mentaires ou des ponts API permettant de charger le site web dans un outil de relecture. <\/p>\n\n\n\n
Mais ensuite (assez rapidement en r\u00e9alit\u00e9), nous avons compris que la r\u00e9ponse \u00e9tait juste sous nos yeux. Nous disposions d\u00e9j\u00e0 d’un outil de relecture, de plusieurs clients qui en avaient besoin dans leur flux de travail, et de notre propre motivation interne \u00e0 disposer d’un moyen de relire nos sites web. Alors, nous avons d\u00e9cid\u00e9 que plut\u00f4t que de le chercher ailleurs, nous devions le construire. <\/p>\n\n\n\n
Qu’est-ce que la relecture de site web ?<\/h2>\n\n\n\n\n \n <\/span>\n D\u00e9finition\n <\/span>\n Relecture de site web<\/p>\n
La relecture de site web consiste \u00e0 examiner un site web en ligne ou en pr\u00e9production sur ordinateur, tablette et mobile avant sa mise en public, avec des commentaires \u00e9pingl\u00e9s \u00e0 l’endroit exact de la page. Elle remplace les captures d’\u00e9cran, les PDF et les fils d’e-mails par un seul endroit o\u00f9 voir, naviguer et approuver le site tel qu’il fonctionnera r\u00e9ellement.<\/p>\n<\/aside>\n\n\n\n
La relecture de site web consiste \u00e0 examiner un site web en ligne ou en pr\u00e9production sur ordinateur, tablette et mobile avant sa mise en public, avec des commentaires \u00e9pingl\u00e9s \u00e0 l’endroit exact de la page. Elle remplace les captures d’\u00e9cran, les PDF et les fils d’e-mails par un seul endroit o\u00f9 voir, naviguer et approuver le site tel qu’il fonctionnera r\u00e9ellement.<\/p>\n\n\n\n
Un outil qui fait cela s’appelle un outil de relecture (ou de r\u00e9vision) de site web. C’est une plateforme centralis\u00e9e qui vous permet de relire et d’annoter des sites web ou des pages sp\u00e9cifiques de mani\u00e8re interactive. Cela signifie que vous pouvez cliquer sur des boutons, visionner des animations et naviguer sur le site tout en pouvant laisser des commentaires \u00e9pingl\u00e9s. <\/p>\n\n\n\n
Alors, maintenant, au lieu de passer par toute la proc\u00e9dure d’exportation et d’envoi d’un site web statique, il me suffit de saisir son URL, d’ajouter les adresses e-mail de toutes les personnes qui doivent l’approuver, et de cliquer sur envoyer. Ou, encore plus simple, je copie simplement le lien et l’envoie dans le groupe de discussion, et d\u00e9sormais tout le monde peut donner son avis sur une page sur laquelle j’ai pass\u00e9 deux jours ! <\/p>\n\n\n\n
Il existe d\u00e9j\u00e0 quelques outils de relecture de site web sur le march\u00e9, certains con\u00e7us sp\u00e9cifiquement pour les sites web (BugHerd<\/a>, Pastel), et d’autres outils de relecture en ligne plus g\u00e9n\u00e9raux avec la relecture de site web en plus, comme PageProof<\/a>. Mais aucun d’entre eux n’existait au sein de notre propre flux de travail au moment o\u00f9 nous en avions le plus besoin. Nous avons donc d\u00e9cid\u00e9 de prendre la voie la plus simple et d’en construire un nous-m\u00eames.<\/p>\n\n\n\n