Artisan Plombier Jabre : Site vitrine SEO local dans l'Oise
À propos de ce projet
L'objectif était simple : transformer chaque recherche locale type "plombier Beauvais" ou "fuite d'eau Compiègne" en appel ou en demande de devis. J'ai construit un site vitrine en Next.js 16 avec App Router, en partant d'une approche data-driven où chaque ville et chaque service a sa propre page avec un contenu unique, un schéma JSON-LD dédié et une FAQ ciblée. Tout est centralisé dans des fichiers de données typés en TypeScript, ce qui permet d'ajouter une ville ou un avis client sans toucher au code des pages. Côté conversion, chaque CTA téléphone est tracké via PostHog en mode cookieless pour mesurer ce qui transforme vraiment, et un bouton d'appel fixe apparaît en bas d'écran sur mobile pour capter le trafic urgence. Les visuels avant/après des chantiers sont présentés via un slider interactif et un lecteur vidéo plein écran qui crédibilisent immédiatement le savoir-faire de l'artisan. Les images Open Graph sont générées dynamiquement par route avec Satori, donc chaque page partagée sur WhatsApp ou les réseaux a son propre visuel cohérent sans aucun fichier image à maintenir.
Fonctionnalités Clés
- Architecture data-driven 7 villes + 4 services: Chaque page ville et service a son contenu unique centralisé dans un fichier TypeScript typé, ce qui permet d'ajouter ou modifier une zone d'intervention sans toucher aux templates.
- SEO local complet avec JSON-LD: Schémas LocalBusiness, CityBusiness, Service, FAQ, Breadcrumb et AggregateRating générés dynamiquement à partir des données pour maximiser les rich snippets Google.
- Tracking conversions cookieless RGPD: PostHog en mode mémoire sur endpoint EU, avec 6 événements métier distincts pour mesurer appels, devis et urgences sans bandeau cookies.
- Portfolio avant/après interactif: Slider CSS clipPath pour les photos et lecteur vidéo plein écran via React Portal pour montrer les rénovations de salle de bain et installations de chauffe-eau.
- Images Open Graph générées dynamiquement: Une image OG unique par route générée à la volée avec Satori, pour un partage cohérent sur WhatsApp et les réseaux sans aucun fichier image à maintenir.
- Bouton d'appel fixe mobile: CTA téléphone fixé en bas d'écran sur mobile pour capter le trafic urgence en un seul tap, tracké distinctement des CTA devis.
Hero principal avec promesse et double CTA
Hero principal promesse claire, badges de réassurance et double CTA appel/devis
Carrousel des services
Carrousel des 4 services principaux avec navigation claire
Portfolio chantiers avant/après
Portfolio de chantiers avec filtre par catégorie et slider avant/après interactif
Timeline du processus en 4 étapes
Timeline du processus en 4 étapes pour rassurer avant la prise de contact
Grille des villes desservies
Grille des villes desservies sur la page d'accueil avec maillage interne
Avis clients avec données structurées
Avis clients avec données structurées AggregateRating pour les rich snippets Google
FAQ accordéon optimisée SEO
FAQ accordéon avec JSON-LD pour cibler les Position Zero Google
Bandeau CTA final et footer
Bandeau CTA final urgence/devis et footer avec mentions légales et SIRET
Page service rénovation salle de bain
Page service rénovation salle de bain avec hero, engagements et contenu SEO long format
Page hub zone d'intervention
Page hub zone d'intervention avec délais par ville et villes limitrophes
Page contact et formulaire de devis
Page contact avec formulaire react-hook-form, coordonnées et zone d'intervention
Défis Rencontrés
Le vrai défi sur ce type de site, ce n'est pas la technique mais d'éviter le piège du contenu dupliqué entre les 7 pages villes, qui plombe le SEO local en quelques semaines. J'ai donc rédigé un contenu unique pour chaque commune avec ses spécificités, ses délais d'intervention propres et ses villes limitrophes, plutôt que de dupliquer un template. Côté maillage interne, il fallait que chaque page service pointe vers les villes pertinentes et inversement, sans créer de structure illisible pour Google. Enfin, le tracking devait rester conforme RGPD sans cookies tout en captant fidèlement les conversions appel et formulaire résolu avec PostHog en persistance mémoire et endpoint EU.
Leçons Apprises
Sur un projet vitrine SEO, 80% de la valeur livrée se joue dans la qualité du contenu data-driven et la rigueur du JSON-LD, pas dans la complexité technique. La séparation claire entre données et templates a aussi rendu le site facile à faire évoluer pour le client : ajouter un avis ou une nouvelle ville se fait en quelques lignes dans un fichier TypeScript. Côté conversion, le bouton d'appel mobile fixe et le tracking distinct entre CTA bleus (devis) et CTA rouges (urgence) m'ont permis de remonter au client des données concrètes pour ajuster les messages.