Projet interne WebAiLab : notre propre site, mesuré et vérifiable
Le site webailab.fr : une réalisation mesurée et vérifiable
webailab.fr est le site que l’équipe WebAiLab a conçu et développé pour elle-même. Il compte 411 pages dans ses sitemaps et a obtenu 100 sur les quatre notes de PageSpeed Insights, sur mobile et sur ordinateur, entre le 25 et le 27 octobre 2026. Cette fiche détaille ce qui a été construit, comment chaque mesure a été obtenue et comment la vérifier. Elle prouve un savoir-faire technique, pas un résultat commercial.
Mis à jour le
Parler de votre siteQuel était le besoin ?
Une agence web doit pouvoir montrer ce qu’elle sait faire sur son propre site. Le besoin était donc double : présenter clairement les services, les tarifs et la méthode de travail à des dirigeants de TPE et PME, et servir de terrain d’application pour les pratiques que nous proposons à nos clients.
Nous avons fixé trois exigences : un site rapide sur téléphone, des pages utiles et vérifiables plutôt que des pages écrites pour remplir un index, et des contrôles automatiques pour que la qualité ne dépende pas de la vigilance de chacun.
Qu’est-ce qui a été construit ?
- Un site de 411 pages dans les sitemaps, dont 71 articles de blog et 67 termes de lexique.
- Des pages de services, de tarifs, de méthode, de ressources et un portfolio.
- Un formulaire de contact qui envoie une notification à l’équipe et un e-mail de confirmation au visiteur.
- Une chaîne de contrôles automatiques qui s’exécute avant chaque mise en ligne.
La pile technique est la suivante : Next.js 15 (App Router), React 18, Tailwind CSS et TypeScript, hébergés sur Vercel, avec Resend pour les e-mails transactionnels. Le blog est écrit en fichiers Markdown versionnés, ce qui permet de relire et de contrôler chaque article avant publication.
Quels choix techniques, et pourquoi ?
Rapidité : pas de police web
Le site utilise les polices du système de l’appareil. Aucune police n’est téléchargée : le texte s’affiche tout de suite et la mise en page ne bouge pas quand les polices arrivent. C’est un choix de sobriété qui pèse directement sur la vitesse perçue, surtout sur mobile.
Pages légères
Les scripts lourds sont chargés après l’affichage, les grandes surfaces n’utilisent pas de filtre de flou, et le poids de chaque page est contrôlé. Un visiteur sur une connexion mobile moyenne voit le contenu sans attendre.
Contrôle qualité automatisé
Avant chaque mise en ligne, des outils internes vérifient le SEO technique, la structure éditoriale des pages, le parcours sur mobile et ordinateur, les coquilles et l’accessibilité. Quand un bug apparaît, il est consigné comme incident et reçoit un test de non-régression : il ne peut pas revenir sans être détecté.
Les mesures, et comment les vérifier vous-même
Toutes les mesures datent du 27 octobre 2026, sauf les notes PageSpeed, relevées entre le 25 et le 27 octobre sur l’accueil, /contact, /tarifs, /blog, /methode, /services/automatisation-ia et /services/solutions-ia-personnalisees. Vous pouvez refaire les mesures publiques sur pagespeed.web.dev. Les indicateurs utilisés par Google y sont expliqués dans la documentation des Web Vitals.
| Mesure | Date | Outil | Comment vérifier | Type de preuve |
|---|---|---|---|---|
| PageSpeed Insights : 100 en performance, accessibilité, bonnes pratiques et SEO, sur mobile et sur ordinateur | Du 25 au 27 octobre 2026 | PageSpeed Insights (Google) | Saisir l’adresse d’une page clé sur pagespeed.web.dev et lancer l’analyse. La note varie d’une mesure à l’autre. | Vérification publique, reproductible par tous |
| SEO technique : 0 erreur sur toutes les pages (liens internes, canoniques, données structurées, poids des pages) | 27 octobre 2026 | Contrôle interne de WebAiLab | Afficher le code source d’une page : balise canonique, données structurées et liens y sont lisibles. | Contrôle interne, rapport présenté sur demande |
| Contrôle éditorial GEO : 100/100 sur les 411 pages | 27 octobre 2026 | Contrôle interne de WebAiLab | Ouvrir un article : réponse directe en tête, liste ou tableau, questions en intertitres, source extérieure. | Contrôle interne, rapport présenté sur demande |
| Parcours utilisateur : 100/100 sur 154 contrôles, mobile et ordinateur | 27 octobre 2026 | Contrôle interne de WebAiLab | Ouvrir le site sur téléphone : action de contact visible dès le premier écran, pas de défilement horizontal. | Contrôle interne, rapport présenté sur demande |
| Coquilles dans le texte affiché : 0 | 27 octobre 2026 | Contrôle interne de WebAiLab | Relire les pages de votre choix ; signalez-nous toute erreur par le formulaire de contact. | Contrôle interne, rapport présenté sur demande |
| 2 212 tests unitaires et d’intégration, couverture d’environ 99,7 % des instructions | 27 octobre 2026 | Tests automatisés du projet | Mesure interne, rejouable par l’équipe. Nous pouvons en présenter le rapport lors d’un échange. | Contrôle interne, rapport présenté sur demande |
| 425 tests de navigateur réussis sur 4 configurations (Chromium, Chromium mobile, Firefox, WebKit) | 27 octobre 2026 | Tests automatisés du projet | Ouvrir le site avec ces navigateurs sur ordinateur et téléphone. | Contrôle interne, rapport présenté sur demande |
| 51 incidents consignés, chacun avec un test de non-régression | 27 octobre 2026 | Journal interne des incidents | Mesure interne ; le principe est présenté dans notre méthode. | Contrôle interne, rapport présenté sur demande |
| Formulaire de contact testé en conditions réelles : notification et e-mail de confirmation reçus | 27 octobre 2026 | Test manuel | Envoyer un message depuis la page de contact : un e-mail de confirmation arrive. | Contrôle interne, rapport présenté sur demande |
L’accessibilité est contrôlée par des tests axe sur les pages principales ; les liens et boutons mesurent au moins 24 px de côté et les tableaux défilants se parcourent au clavier.
Quelles sont les limites de cette fiche ?
- Aucun résultat commercial n’est mesuré ici : nous ne publions ni nombre de demandes ni classement attribué à ces notes.
- Les notes PageSpeed varient d’une mesure à l’autre ; elles décrivent une période, pas une valeur figée.
- Les contrôles internes sont ceux de WebAiLab : ils sont rejouables par l’équipe, mais seule la mesure PageSpeed est publique et refaisable par chacun.
Que change cette fiche pour votre projet ?
Les mêmes contrôles sont appliqués aux sites que nous réalisons pour nos clients, selon le devis : mesure de la vitesse, contrôles techniques, tests automatisés et suivi des incidents. Le périmètre et les objectifs sont fixés ensemble avant le début du travail.
Pour comparer, consultez nos tarifs, notre méthode de travail et les autres fiches du portfolio.
Questions fréquentes
Cette fiche prouve-t-elle que le site rapporte des clients ?
Non. Elle prouve un savoir-faire technique : vitesse, accessibilité, qualité du code et des contenus. Nous ne présentons ici aucun résultat commercial mesuré.
Pourquoi la note PageSpeed peut-elle changer d’une mesure à l’autre ?
La mesure dépend de la charge des serveurs de test, du réseau et de l’appareil simulé. Deux analyses successives de la même page peuvent donc différer légèrement. C’est pourquoi nous indiquons une période de mesure plutôt qu’une promesse.
Mon site aura-t-il les mêmes notes ?
Nous appliquons les mêmes contrôles aux sites de nos clients, mais les notes dépendent du périmètre, des contenus et des outils tiers demandés. Les objectifs sont fixés dans le devis.
Où voir les autres réalisations ?
Elles sont présentées dans le portfolio de WebAiLab, où chaque fiche indique son niveau de vérification.
Un site rapide et contrôlé pour votre activité ?
Décrivez votre besoin : nous vous répondons sous 24 h.