Le contenu d'abord, le thème ensuite
Le texte vit dans des blocs indépendants de la mise en page. Changer de couleurs ou de gabarit ne touche à aucune phrase, et les sept palettes se comparent en un clic pendant les réunions.
Étude de cas · Refonte & contenu
Un catalogue de marques devient un site qui conseille.
Foil Électrique vend et entretient six marques de foil et de surf électriques. Son WordPress n'avait pas bougé depuis 2025 : la refonte repart du contenu, avec des comparatifs, des guides d'entretien et l'atelier.
Maquette présentée au client · sept. 2026
16 → 28pagessite d'origine → maquette
5 → 1balise H1 sur l'accueilavant / après
1 507codes de constructeur remplacéspar des blocs de contenu
7palettes de couleursà comparer avec le client
Le contexte
Un contenu prisonnier de son thème.
foilelectrique.fr est un WordPress avec WooCommerce, monté sur un thème qui range chaque bloc de texte dans un code propre à son constructeur. Le relevé est sans appel : 1 507 de ces codes verrouillent 14 pages sur 16, pour environ 11 500 mots au total. Désactiver le thème aurait affiché du code brut à la place des pages. Aucun article, aucune meta description, cinq titres principaux sur l'accueil.
Extraire ce contenu aurait coûté plus cher que le réécrire, et il fallait de toute façon le réécrire pour changer de positionnement : passer d'une vitrine de marques à un revendeur qui aide à choisir et qui répare. J'ai donc reconstruit le site à partir d'un générateur, page par page, puis réécrit les textes en français courant après le retour du client.
D'une liste de marques à un parcours d'achat.
Une liste de marques posée sur une vidéo« Par où commencer », quatre types de machines, puis les comparatifs
Aucun article, aucune aide au choix4 comparatifs, 2 guides et 5 fiches d'entretien
Pages verrouillées par le constructeur du thèmeContenu en blocs typés, indépendant de la mise en page
Cinq H1, aucune meta descriptionUn H1 par page, des règles d'écriture vérifiées par script
Une chaîne qui refuse les pages bâclées.
- 1Médias125 photos du shooting redimensionnées et 19 boucles vidéo transcodées, chacune attribuée à une seule page.
- 2ContenuChaque page est une suite de blocs typés en Python : texte, cartes, FAQ, tableau comparatif.
- 3ContrôleUn script vérifie les règles : 280 caractères par bloc, 900 mots par page, un visuel tous les 250 mots.
- 4GénérationLe générateur écrit 28 pages HTML statiques, avec une mise en page et sept palettes.
- 5Mise en ligneImage nginx déployée sur Coolify. Si le contrôle échoue, la construction s'arrête.
Des pistes à la maquette retenue.
Réécrire plutôt que déménager.
La règle bloque, pas la relecture
Le plafond de 280 caractères lève une erreur dès l'écriture du bloc, et le contrôle complet tourne dans la construction de l'image. Une page trop longue ne part jamais en ligne.
Une maquette invisible pour Google
La maquette est exclue de l'indexation par l'en-tête du serveur et par robots.txt : elle ne fait aucune concurrence au site en production pendant la validation.
StackPython 3.12Générateur statique maisonHTML · CSSffmpegPillownginxDocker · CoolifySearch Console