Un site vitrine complet dans un seul fichier HTML : le template que je livre

Le mythe du site compliqué

Quand on parle de « site professionnel », tout le monde imagine la même chose : un WordPress avec 15 extensions, un hébergeur à configurer, des mises à jour de sécurité à faire, un développeur à payer pour chaque petit changement.

C'est le modèle de l'industrie — et c'est une machine à cash pour les agences.

Mais j'ai une conviction depuis que j'ai commencé à construire des sites pour les artisans et commerçants de Clermont-Ferrand : pour 80% des professionnels, un site vitrine n'a pas besoin d'être compliqué. Il a besoin d'être simple, rapide et propre.

Et la meilleure façon d'obtenir ça, c'est un fichier HTML unique.

Pourquoi un seul fichier ?

Un site vitrine classique, c'est : une base de données, un serveur, un framework, des plugins, des mises à jour. Chaque brique est un point de panne.

Un site en un seul fichier HTML, c'est l'inverse :

• Zéro installation : tu double-cliques sur le fichier, ça s'ouvre dans le navigateur. C'est tout.
• Zéro maintenance : pas de WordPress à mettre à jour, pas de plugin à sécuriser, pas de base de données à sauvegarder
• Vitesse maximale : un fichier de 25 Ko se charge instantanément, même en 3G
• Rien ne peut casser : pas de dépendance externe, pas de librairie qui disparaît, pas de CDN qui tombe
• Ultra portable : tu peux le copier sur une clé USB, l'envoyer par email, le mettre sur n'importe quel hébergeur

Le site que tu es en train de lire (xixouner.com) est un Next.js — je ne vais pas te mentir, j'utilise des outils avancés pour mon propre business. Mais pour un plombier ou une coiffeuse qui veut être trouvable sur Google ? Un fichier HTML unique est largement suffisant, et c'est même mieux : plus simple à maintenir, plus rapide, moins cher.

Ce qu'un bon template doit contenir

Un site vitrine professionnel, même en un seul fichier, doit avoir tout ça :

1. Navigation : logo, menu, bouton « Devis gratuit » — qui s'adapte au mobile (menu hamburger)
2. Section accueil : titre accrocheur, sous-titre, appel à l'action
3. Services : des cartes claires avec icônes
4. À propos : qui tu es, ton expérience, tes garanties
5. Témoignages : 3 avis clients avec notes 5 étoiles
6. Contact : formulaire fonctionnel + téléphone + horaires
7. Pied de page : mentions légales, copyright

Et surtout, trois choses que la plupart des templates gratuits oublient :

• Le responsive : le site doit être beau sur mobile, pas juste « ça marche à peu près ». C'est là que la plupart des templates gratuits échouent.
• Le SEO local : les données structurées LocalBusiness (JSON-LD) — c'est ce qui fait afficher ta fiche en grand format sur Google avec téléphone, horaires et note. La majorité des sites d'artisans n'ont pas ça, et c'est LE levier qui amène des appels.
• Le formulaire qui fonctionne vraiment : pas un formulaire décoratif qui envoie un email dans le vide. Avec Formspree (gratuit), le formulaire envoie les demandes directement dans la boîte mail du client.

Le problème des templates gratuits

Les templates gratuits de site vitrine, j'en ai testé pas mal. Le problème récurrent :

• Ils sont lourds (des centaines de Ko de JavaScript inutile)
• Ils ne sont pas adaptés au marché français (textes en anglais, mauvaises pratiques RGPD)
• Le formulaire ne marche pas sans configuration obscure
• Le SEO est quasi absent (pas de données structurées, pas de meta propre)
• Ils utilisent des images externes qui finissent par disparaître

Résultat : le professionnel passe une journée à « personnaliser » un template, et obtient un site lent, moche sur mobile, invisible sur Google.

Ce que j'ai fait

J'ai pris le template que je livre à mes clients et je l'ai packagé proprement :

• Un seul fichier site-vitrine.html, complet et testé
• Tous les champs à personnaliser entre {accolades} : nom, ville, téléphone, services, témoignages
• Les couleurs modifiables en 2 lignes (variables CSS)
• Le SEO complet : titre, meta, JSON-LD LocalBusiness, favicon
• Le formulaire branché sur Formspree gratuit
• Les icônes en SVG inline — aucun fichier externe, rien ne peut casser

Et pour ceux qui ne veulent pas toucher au code : le fichier AGENTS.md inclus permet à une IA (ChatGPT, Cursor, Claude Code…) de personnaliser le site à ta place. « Change les couleurs en bleu », « ajoute un 4e service » — elle le fait toute seule, sans rien casser.

Le test que j'ai fait

Avant de le proposer, j'ai vérifié méthodiquement :

• Le fichier se sert correctement (HTTP 200)
• Le JSON-LD est valide (testé avec le validateur Google)
• Le menu mobile s'ouvre et se ferme
• Toutes les ancres fonctionnent (services, à propos, contact)
• Les IDs JavaScript correspondent aux éléments HTML
• Le fichier est léger : 25 Ko, charge instantanée

Un artisan peut le mettre en ligne en 10 minutes : il remplace les champs, crée un compte Netlify gratuit, glisse-dépose le fichier, et son site est en ligne avec son nom de domaine.

Pourquoi ce template, pas un autre

Ce template, c'est celui que j'utilise en version personnalisée pour mes clients vitrine. Il a été pensé pour le marché français : textes en français, conformité RGPD dans les mentions, données structurées adaptées. Pas de bloat, pas de framework, pas de dépendance.

👉 Pack « Site vitrine en un seul fichier HTML »

Template réellement utilisé pour des sites clients. Garantie 30 jours : si le template ne te convient pas, remboursement intégral.

📖 À lire aussi :

• Créer un site web avec l'IA en 2026 : la méthode en 20 prompts
• Mentions légales et RGPD : ce que ton site doit avoir
• Création site internet pas cher — à partir de 500€