Site web d'artisan en Guadeloupe : l'étude de cas complète
🇬🇧 Read in English : A Craft Business Website in Guadeloupe: The Full Case Study
On peut juger la qualité d’un site web sans y connaître quoi que ce soit, avec trois outils gratuits et publics : PageSpeed Insights, HTTP Observatory et SSL Labs. Ils mesurent la vitesse, la sécurité et le chiffrement, et ils fonctionnent sur n’importe quelle adresse, y compris la vôtre, en quelques minutes. Cet article s’en sert sur un cas réel : le site de Nicole, couturière à Saint-François, qui reprend un ourlet, refait un fauteuil, retapisse une selle de bateau, vend des patrons et donne des cours. Verdict au 14 août 2026 : 100 sur 100 sur les quatre indicateurs mobiles, et deux notes A+ en sécurité. Voici comment on obtient ces résultats, et ce que ça a produit pour son atelier.
Nicole a fait une école de stylisme et de modélisme, puis dessiné des costumes et des décors pour le spectacle avant d’ouvrir son atelier. Je publie rarement des études de cas : la plupart racontent surtout à quel point le prestataire est bon, ce qui n’apprend rien à personne. Là, je prends le problème dans l’autre sens. Ce qui suit décrit les décisions prises sur un projet réel, avec les mesures qui les valident et les limites de ces mesures. Vous trouverez dans cet article des outils pour juger la qualité de votre propre site, en autonomie et sans avoir besoin de me contacter. C’est l’un de ses objectifs.
J’avais déjà fait un site pour une autre activité, je connaissais donc un peu le déroulement. Ce que je ne savais pas, c’était quoi dire de mon métier, ni comment le présenter. Au départ, j’aurais été incapable de définir le résultat que je cherchais. Ce sont les entretiens et les documents intermédiaires que Kimoun m’a remis au fur et à mesure qui m’ont permis de participer vraiment à la conception, et d’arriver à quelque chose que je n’aurais pas su formuler seule au début. Aujourd’hui le site me plaît, il plaît à mes amies et à mes relations, et surtout il m’a déjà apporté deux nouveaux clients. Je modifie mes textes et mes tarifs moi-même, depuis mon téléphone, et je n’ai rien à faire de technique de mon côté.
Nicole, De Fil en Épingles, Saint-François. Texte rédigé par Kimoun à partir de ses retours, relu et validé par elle.
Un métier à quatre entrées, pas un site vitrine de plus
L’atelier couvre quatre lignes de service qui ne s’adressent pas aux mêmes personnes :
- les retouches de vêtements, la demande la plus courante et la plus urgente ;
- la réfection de tapisserie d’ameublement, fauteuils et sièges, avec des prestations spécifiques de sellerie moto et bateau ;
- les patrons de couture, à télécharger, à fournir ou à modifier ;
- les cours de couture particuliers, tous niveaux.
Les deux dernières lignes ne sont pas des à-côtés. Nicole est guidée par le partage et la transmission, et ça s’entend dès qu’elle parle de son métier. Un site qui aurait présenté les cours comme une option secondaire aurait trahi l’atelier.
La sellerie moto et bateau mérite une mention à part : un savoir-faire rare, très peu représenté en ligne localement, et pourtant recherché. Un propriétaire de bateau dont la banquette a pris le soleil pendant trois saisons ne cherche pas « une couturière ». Il cherche quelqu’un qui refait des selleries. C’est exactement ce que dit la page consacrée à la réfection de fauteuils et à la tapisserie d’ameublement, sellerie comprise.
L’accroche du site de l’atelier De Fil en Épingles, à Saint-François résume l’ensemble mieux que je ne saurais le faire : « Le fil qui prolonge la vie de vos tissus, à Saint-François. »
La page d'accueil annonce le métier, la commune et la façon de prendre contact, sans que le visiteur ait à chercher. Les deux boutons sont visibles avant tout défilement.
Pourquoi Astro, et pourquoi ce n’est pas un débat de développeur
Astuce
Le choix de la technologie ne se justifie jamais par sa nature, mais par ce qu’il retire du quotidien du client : ici, aucune mise à jour de sécurité à suivre et aucune base de données à protéger.
Qu’est-ce qu’un site statique, et qu’est-ce que ça change pour son propriétaire ?
Le site est construit avec Astro, en pages statiques. Chaque page est préparée à l’avance, puis livrée telle quelle au visiteur. Il n’y a pas de base de données interrogée à chaque visite. Cette phrase paraît technique ; ses conséquences ne le sont pas du tout :
- Rien à mettre à jour toutes les semaines. Pas d’extension à surveiller, pas de version qui casse l’affichage un dimanche soir.
- Rien à pirater par la porte habituelle. Sans base de données ni page de connexion publique, une famille entière d’attaques n’a plus de cible.
- Un site qui s’affiche vite sur la 4G, y compris quand on le consulte depuis un parking à Saint-François avec deux barres de réseau.
Peut-on modifier son site soi-même, depuis son téléphone ?
Quand je présente un site dit “statique”, on me pose toujours la même question, parfaitement légitime : « d’accord, mais alors comment fait-on pour changer un tarif ? On doit vous appeler à chaque fois ? » C’est l’objection numéro un contre le site statique, et elle est importante : elle révèle la crainte d’être pieds et poings liés à son prestataire.
Oui. Nicole modifie son site elle-même, sans passer par moi. Elle dispose d’une interface d’administration où elle retrouve ses pages, ses textes, ses tarifs et ses photos, présentés comme un simple formulaire. Elle change ce qu’elle veut, elle valide, et le site se remet à jour tout seul avec la nouvelle version. Elle n’a rien à installer et rien à surveiller.
Le détail qui compte vraiment : ça marche depuis son téléphone. Corriger un prix entre deux rendez-vous, ajouter la photo d’un fauteuil qu’on vient de terminer, rectifier une faute repérée le soir, tout ça se fait à une main, sans ordinateur et sans rappeler qui que ce soit.
L’outil derrière s’appelle Sveltia CMS, dans une version que nous avons enrichie pour ce type de projet. Statique ne veut pas dire figé : la page est préparée à l’avance pour être rapide et sûre, pas pour être verrouillée. Ce sont deux choses différentes souvent confondues.
Astro ou WordPress pour un site d’artisan ?
Astro est aujourd’hui mon choix par défaut pour un site neuf. Je continue à travailler avec SPIP, WordPress et Hugo. Sur WordPress, mon travail est désormais surtout de l’optimisation et de l’infogérance de sites existants, et il y en a beaucoup. Sauf demande expresse du client, ce n’est pas mon premier choix pour du neuf, et cela ne l’a jamais vraiment été.
Il ne s’agit pas de dire qu’un outil est mauvais. WordPress fait tourner une part énorme du web, et très bien quand le besoin correspond : publication fréquente, contributeurs multiples, écosystème métier. Un atelier qui met à jour ses tarifs deux fois par an n’est pas ce cas de figure. Lui installer une machine à publier, c’est le contraindre à entretien qu’il n’a pas demandé.
De quatre métiers à huit pages : la partie qui n’est pas technique
Le site compte huit pages : l’accueil, une page par ligne de service, le contact et les deux pages légales. Cette structure découle d’une règle que j’applique partout : une intention de recherche, une page.
Quelqu’un qui cherche à faire retoucher un pantalon et quelqu’un qui cherche un cours de couture ne tapent pas les mêmes mots et n’ont pas besoin des mêmes photos. Les réunir sur une seule page oblige chacun à trier, et empêche un moteur de recherche de savoir de quoi cette page parle vraiment. Quatre services, quatre pages, chacune avec son titre, ses visuels et son propre chemin vers le contact.
Une page par ligne de service, avec son propre titre, sa propre description et ses propres boutons de contact. Chaque intention de recherche trouve une page qui lui répond.
Comment déclarer sa zone d’intervention aux moteurs et aux IA
S’y ajoute la dimension locale. L’atelier est à Saint-François et sert la zone alentour. Cette information n’est pas seulement écrite dans le texte : elle est déclarée dans les données structurées du site, ce balisage invisible qui décrit une activité aux moteurs de recherche et aux IA. La page d’accueil déclare l’établissement, son adresse postale, ses horaires, la personne qui exerce, trois communes desservies et une foire aux questions de six entrées. C’est le travail que je décris dans mon guide sur les données structurées JSON-LD, appliqué ici sur un cas réel.
La zone desservie est nommée en toutes lettres et reprise dans les données structurées. Un moteur, comme un client, sait où se trouve l'atelier et jusqu'où il rayonne.
Remarque
Ce que ça change en pratique. Un moteur qui lit correctement ces données sait que l’atelier est un établissement physique, ouvert à telles heures, situé dans telle commune. Un assistant conversationnel à qui l’on demande où faire refaire une sellerie de bateau dans le secteur dispose d’une réponse structurée à citer, plutôt que d’un texte à interpréter. C’est le prolongement de ce que j’expliquais sur la façon de rendre un site citable par une IA.
Pourquoi convertir toutes les photos en WebP
Les 70 photos du site sont converties en WebP, un format plus léger que le JPEG à qualité comparable. Sur un site d’artisan, les photos sont le contenu : ce sont elles qui prouvent le savoir-faire, et ce sont elles qui alourdissent le plus une page. Les compresser correctement permet de les montrer en nombre sans punir le visiteur.
Les mesures, avec leurs dates et leur valeur réelle
Toutes les mesures ci-dessous portent sur defilenepingles.net et datent du 14 août 2026. Je les date parce qu’elles bougeront : les outils changent leurs critères, un site évolue, un serveur se reconfigure. Les liens sont en fin d’article pour que vous les refassiez vous-même.
Quels outils gratuits permettent de juger un site web ?
Avant les résultats, voici les instruments. Ces quatre outils sont publics, gratuits, et ne demandent qu’une adresse de site pour fonctionner. Vous pouvez y passer le vôtre en quelques minutes, aujourd’hui, sans rien installer.
| Outil | Ce qu’il mesure | Ce qu’un bon résultat veut dire |
|---|---|---|
| PageSpeed Insights (Google) | Vitesse d’affichage, accessibilité, bonnes pratiques et bases du référencement, sur mobile et sur ordinateur | L’outil affiche en vert les scores de 90 à 100, en orange de 50 à 89, en rouge en dessous. Visez le vert en mobile |
| HTTP Observatory (Mozilla) | Les en-têtes de sécurité envoyés par votre serveur, et la présence de cookies | Une note A ou A+ signale un serveur correctement configuré contre les attaques les plus courantes |
| SSL Server Test (Qualys SSL Labs) | La qualité du chiffrement entre le visiteur et votre site : certificat, protocoles, robustesse | Une note A ou A+ garantit que la connexion est chiffrée selon l’état de l’art du moment |
| Observatoire Kimoun (le nôtre) | Reprend les critères ci-dessus et y ajoute le paramétrage DNS, la dette technique et la lisibilité par les IA | Un indice élevé situe un site par rapport aux autres sites mesurés. Nous éditons cet outil : sur ce cas précis, nous mesurons donc notre propre travail |
Astuce
Commencez par PageSpeed Insights en profil mobile. C’est l’outil le plus rapide à lire, et c’est celui qui reflète le mieux ce que vit un client venu depuis son téléphone.
Un mot sur la dernière ligne du tableau : les trois premiers outils sont tenus par Google, Mozilla et Qualys, et le quatrième par Kimoun. Je le donne parce qu’il mesure trois choses que les autres ignorent, pas pour ajouter une médaille.
Ce que disent les mesures sur ce site
PageSpeed Insights, profil mobile (choisissez le mobile, nettement plus exigeant que le bureau) : 100 sur 100 en performances, accessibilité, bonnes pratiques et référencement. S’y ajoute une mention « navigation agentique 3/3 », critère récent qui évalue la lisibilité du site par les agents conversationnels.
Le rapport du 14 août 2026, en profil mobile. Les quatre indicateurs sont au maximum, ce qui reste rare sur un site de production.
Mozilla HTTP Observatory : note A+, score de 120 sur 100, 10 tests réussis sur 10, aucun cookie détecté. Ce dernier point compte : un site sans cookie n’a pas de bandeau de consentement à afficher.
Mozilla HTTP Observatory analyse les en-têtes de sécurité. Le score dépasse 100 grâce aux points bonus accordés aux configurations les plus strictes.
Qualys SSL Labs : note A+. Le serveur gère TLS 1.3, l’échange de clés résistant au calcul quantique, une politique HSTS de longue durée, une politique CAA au niveau du nom de domaine et un certificat RSA de 4096 bits. Cette ligne n’intéressera pas Nicole, et c’est normal. Elle signifie que la connexion entre ses clients et son site est chiffrée selon l’état de l’art de 2026.
SSL Labs est la référence en matière de configuration TLS. Le rapport signale aussi le support de la cryptographie post-quantique, encore peu répandu.
2 463 octets de JavaScript pour huit pages
Le chiffre que je retiens est ailleurs. L’ensemble du site, ses huit pages, charge 2 463 octets de JavaScript répartis en deux petits fichiers : un menu et une visionneuse de photos. Selon le Web Almanac 2025 de HTTP Archive, la page d’accueil médiane en charge 632 Ko sur mobile. Le rapport est de l’ordre de 1 à 250. Ce n’est pas une prouesse d’ingénierie, c’est une conséquence : quand on ne met que ce qui sert, il ne reste pas grand-chose.
Attention
Un score parfait ne fait pas venir de clients : il retire des obstacles. Un site instantané qui décrit mal son métier ne convertit personne. La technique est un multiplicateur du contenu, jamais son remplaçant.
Pourquoi je ne mets pas mon propre outil au même rang que les autres
Reste l’Observatoire Kimoun, et je dois être transparent sur son statut. C’est mon propre outil : je suis juge et partie. Il reprend les critères des outils publics cités plus haut et y ajoute, en plus de la lisibilité IA, deux axes que personne ne mesure ailleurs : le paramétrage DNS et la dette technique. Le site obtient un A+ avec un indice de 104,6, et se classe premier sur les six axes mesurés, sauf en sécurité HTTP où il est deuxième sur 639 sites. Prenez ce classement pour ce qu’il est : un comparatif interne, sur un échantillon que j’ai constitué. Les notes PageSpeed, SSL Labs et Mozilla sont vérifiables par n’importe qui en trois minutes. Ce sont celles sur lesquelles je m’appuie dans cet article.
L'indice de maturité numérique ajoute la lisibilité IA, le paramétrage DNS et la dette technique. À consulter en sachant que cet outil est le mien.
Le résultat qui compte : deux clients
Dans les premiers jours qui ont suivi la mise en ligne, le site a amené deux prospects devenus clients.
Je m’arrête là volontairement. Pas de projection, pas de « ce n’est qu’un début ». Deux clients en quelques jours sur une activité artisanale locale, c’est un fait mesuré, et il se suffit. Un score technique impressionne un développeur ; deux clients qui poussent la porte de l’atelier parlent plus à un artisan.
Ce que vous pouvez en retirer pour votre propre site
Trois choses transposables, quelle que soit votre activité.
Comptez vos intentions, pas vos pages. Listez les questions différentes que vos clients posent avant d’acheter. Chaque question qui mérite sa propre réponse mérite sa propre page. Un artisan avec quatre métiers distincts a besoin de quatre pages, pas d’une page « nos services » qui les empile.
Demandez ce que vous devrez entretenir. Avant de valider une proposition, posez cette question précise : qu’est-ce que je devrai surveiller, mettre à jour ou renouveler, et à quelle fréquence ? La réponse en dit plus long sur les cinq prochaines années que n’importe quelle maquette.
Mesurez avant de croire. Les trois outils publics du tableau plus haut sont gratuits. Passez-y votre site actuel, aujourd’hui. Si les notes sont mauvaises, vous saurez quoi demander. Si elles sont bonnes, vous aurez évité une refonte inutile.
Par où commencer si votre site a déjà quelques années
Un site d’artisan n’a pas besoin d’être compliqué. Il a besoin d’être exact sur le métier, rapide sur le réseau qu’ont vraiment vos clients, et lisible par les machines qui recommandent désormais des professionnels. Ces trois exigences ne coûtent pas plus cher que leur contraire : elles demandent juste d’être décidées au début, quand elles ne coûtent presque rien, plutôt qu’après, quand tout est à refaire. C’est la démarche que je détaille dans mon comparatif entre l’IA seule et un accompagnement, avec des fourchettes de prix réelles publiées sans détour.