Plomberie-CVC · Site monopage SEO local & GEO · 2026

AIRO ENERGY

HTML5 · zéro build
CSS3 (variables)
Vanilla JS ES5
JSON-LD schema.org
nginx + Let's Encrypt

— Client
Airo Energy
— Année
2026
— Statut
Livré · en production
— Live
airo-energy.com

— Contexte

Un artisan plombier-chauffagiste sans présence en ligne, invisible sur Google dans sa zone. L'enjeu : une page rapide et fortement optimisée pour le référencement local, qui capte les demandes de devis sans dépendre du bouche-à-oreille.

Site vitrine monopage pour Airo Energy, plombier chauffagiste à Villeneuve-lès-Avignon (Gard). Toute la page — HTML, CSS et JavaScript — tient dans un seul fichier, sans framework, sans build ni dépendance externe : design system en variables CSS, polices auto-hébergées (RGPD, zéro appel Google), logo animé en vidéo chargé uniquement sur desktop pour la performance. Le cœur du projet est le balisage : données structurées JSON-LD LocalBusiness (Plumber + HVACBusiness) avec SIREN, fondateur, géolocalisation, horaires, zone d'intervention (GeoCircle 30 km + 9 villes) et catalogue de 7 services, plus un FAQPage de 10 questions pour les IA. Côté serveur : une couche nginx durcie (gzip, cache immutable, en-têtes de sécurité, HTTPS Let's Encrypt) et un déploiement en une commande. Formulaire de devis par e-mail pré-rempli, sans stockage de données.

— Résultats

01
Fichier unique, zéro dépendance : chargement quasi instantané, hébergement trivial
02
Balisage LocalBusiness + FAQ + GEO : prêt pour le pack local Google et les réponses IA
03
4 métiers (eau · chauffage · air · PAC) · zone Avignon 30/84 · nginx durci + HTTPS

— Ce qui a été livré8 items

Front intégral en un fichier unique (zéro dépendance, zéro build) : design system en variables CSS, gradients/ombres, logo animé (vidéo mp4 ~0,5 Mo, joué une fois, poster de repli, desktop uniquement)
Structure complète : header collant + nav mobile accessible, hero + chips flottantes, barre de confiance, bloc « En bref », 6 cartes services, pourquoi-nous, process 4 étapes, zone + carte SVG maison, 6 avis Google, FAQ 10 questions (details natifs), contact
SEO on-page complet : title/meta/canonical, Open Graph + Twitter Card (image raster 1200×630), balises geo (FR-30, geo.position, ICBM), sitemap.xml (avec image) + robots.txt
Données structurées JSON-LD riches : LocalBusiness Plumber+HVACBusiness (SIREN, fondateur, géoloc, horaires, moyens de paiement, hasMap, areaServed GeoCircle 30 km + 9 villes + Gard/Vaucluse, sameAs vers PagesJaunes/Mappy/meilleurs-chauffagistes/Google) + OfferCatalog de 7 services + FAQPage de 10 Q/R
Optimisation GEO/IA : bloc « En bref » factuel citable (métier, zone, adresse, tél, horaires) + FAQ en langage naturel, pensés pour ChatGPT, Perplexity et les AI Overviews
Formulaire de devis fonctionnel côté client : validation HTML5 native (checkValidity/reportValidity) puis génération d'un e-mail pré-rempli structuré (nom, tél, e-mail, prestation, message) via mailto — sans serveur ni stockage (RGPD) ; voie d'évolution documentée vers Formspree/Web3Forms
Couche de livraison nginx durcie : vhost par server_name (sûr en multi-sites), gzip, cache assets immutable 30 j, en-têtes de sécurité (X-Content-Type-Options, X-Frame-Options, Referrer-Policy), HTTPS Let's Encrypt + redirection www→apex
Déploiement en une commande (tar-over-ssh, nginx -t avant chaque reload, certbot), polices .woff2 auto-hébergées avec sous-ensembles unicode, accessibilité (skip link, aria, focus-visible, prefers-reduced-motion), page mentions légales + plan SEO local livré (GBP, avis, cohérence NAP annuaires, mots-clés)