Un site d'entreprise multilingue sur mesure, de Webflow à son propre code
ResultX est une entreprise belge qui aide les sociétés à gagner de l'argent grâce à la durabilité. Leur site tournait sur Webflow. Je l'ai reconstruit sur mesure en anglais, néerlandais et français, avec une administration du blog où Claude aide à rédiger et traduire les articles. Les URL existantes ont été conservées, pour que la visibilité acquise dans Google suive le déménagement.
Le défi.
ResultX voulait quitter Webflow, mais les visiteurs devaient retrouver le même site : même charte graphique, même message. Trois demandes s'y ajoutaient. Le site devait fonctionner pleinement en anglais, néerlandais et français. L'équipe voulait rédiger, planifier et publier elle-même ses articles de blog. Et l'IA devait aider à la rédaction, via une intégration avec Claude.
Le plus grand risque d'un tel déménagement, c'est Google. Un site en ligne depuis un certain temps a des pages que l'on trouve via la recherche. Si la structure des URL change sans plan, on repart de zéro dans les résultats. Le nouveau site devait donc reprendre chaque URL existante, dans les trois langues.
L'approche.
J'ai développé le site en SvelteKit sur Cloudflare Workers, dans le compte Cloudflare de ResultX, à côté du domaine qu'ils y gèrent déjà. Les pages fixes (accueil, services, à propos, secteurs, contact et pages légales) sont dans le code. Les articles de blog sont en base de données dès le premier jour, si bien qu'un nouvel article est mis en ligne sans reconstruire le site.
Derrière une connexion se trouve une administration du blog : rédiger et modifier des articles dans un éditeur avec tableaux et images, téléverser des images, gérer les utilisateurs et choisir une date de publication. Sur demande, Claude rédige une première version et traduit les articles dans les deux autres langues. Cela tourne sur le compte Anthropic de ResultX, donc les coûts IA et les données restent chez eux.
Architecture et choix.
- ·
SvelteKit sur Cloudflare Workers, dans le compte du client. Le site est rapide en périphérie, sans serveur à gérer. Comme tout est au nom de ResultX, le code, l'hébergement et le domaine leur appartiennent.
- ·
Pages dans le code, articles dans D1. Les pages fixes changent rarement et ont leur place dans le contrôle de version. Les articles s'ajoutent régulièrement et ont leur place dans une base de données. Les images vont dans R2, le stockage objet de Cloudflare, en Europe.
- ·
Claude comme aide à la rédaction, avec un schéma comme garde-fou. Chaque réponse du modèle doit d'abord passer un schéma Zod. Si elle ne correspond pas, elle est refusée et rien n'entre dans la base de données.
- ·
Formulaires HubSpot et suivi avec consentement. Les formulaires de contact passent par HubSpot dans la région UE. Le suivi ne se charge qu'après le consentement du visiteur dans la bannière cookies.
- ·
Better Auth pour l'administration. Connexion par e-mail et mot de passe, réinitialisation du mot de passe et gestion des utilisateurs, sans plateforme payante externe.
Les problèmes les plus difficiles, résolus.
- 1
Conserver les positions Google sur le nouveau site. L'ancienne structure d'URL a été gardée, y compris pour les pages légales. Une ancienne URL encore listée par Google redirige de façon permanente (308) vers sa remplaçante. Chaque page renvoie à ses autres versions linguistiques via hreflang, et le sitemap et les données structurées (JSON-LD) sont construits par langue.
- 2
Ne jamais stocker une sortie IA à l'aveugle. Un modèle de langue renvoie parfois une réponse dans la mauvaise forme. Le site valide donc chaque réponse contre un schéma avant qu'une ligne n'entre dans la base de données. Un essai raté produit un message d'erreur, jamais un demi-article sur le site.
- 3
Un seul circuit pour chaque type d'article. Un article rédigé par l'équipe, un article livré de l'extérieur et un brouillon IA suivent le même chemin : brouillon, relecture, puis publication à une date choisie. ResultX peut ainsi planifier ses articles à l'avance.
- 4
Des tests eux-mêmes testés. En plus de 910 tests unitaires et de tests navigateur avec Playwright, le projet utilise les tests de mutation avec Stryker. L'outil modifie volontairement le code et vérifie que les tests le remarquent. Cela montre que les tests protègent réellement quelque chose.
Résultat.
Le nouveau site est prêt : douze types de pages en trois langues, un blog que ResultX gère lui-même et une aide IA à la rédaction sur son propre compte. J'ai développé le cœur seul, en deux semaines environ. ResultX apporte encore quelques modifications de son côté, après quoi le site passera sur resultx.ai.
Pour une entreprise sur Webflow, Wix ou WordPress, la leçon est simple : passer au sur-mesure ne doit pas coûter vos positions, à condition que les URL existantes aient un plan. Et un blog avec aide IA peut vivre dans votre propre site, sur votre propre compte, sans plateforme supplémentaire entre les deux.
Sous le capot.
Questions fréquentes.
Votre question n'y figure pas ? Écrivez-moi directement.
Pouvez-vous migrer mon site Webflow ou WordPress sans perdre mes positions Google ? +
Je commence par la liste de toutes les URL existantes et des pages que les visiteurs atteignent depuis Google. Les adresses utiles restent, les pages déplacées reçoivent une redirection permanente, et hreflang et le sitemap sont contrôlés. Personne ne peut garantir chaque position, mais avec un tel plan vous emportez la visibilité acquise.
Mon équipe peut-elle rédiger et publier elle-même des articles ? +
Oui. Dans l'administration, vous rédigez et modifiez des articles, ajoutez images et tableaux et choisissez une date de publication. L'aide IA à la rédaction est optionnelle et tourne sur votre propre compte chez le fournisseur d'IA, pour garder la maîtrise des coûts et des données.
Combien de temps a pris le développement ? +
J'ai développé le cœur seul en deux semaines environ : les pages en trois langues, l'administration du blog, l'aide IA, les formulaires HubSpot et la reprise SEO, avec une suite de tests automatisés. Quelques ajustements plus petits ont suivi.
Combien coûte un site multilingue comme celui-ci ? +
Un site d'entreprise multilingue avec sa propre administration de blog coûte plus qu'un site simple dans une seule langue, car chaque langue demande ses URL, ses traductions et ses contrôles. Pour un prix fixe, nous regardons ensemble vos pages et vos langues.
Pourquoi du sur-mesure plutôt que Webflow ? +
Webflow convient à beaucoup de sites. ResultX voulait quelque chose que Webflow n'offre pas d'origine : une administration du blog avec aide IA et planification, reliée à leurs propres comptes. Le code sur mesure le permet, et le site leur appartient entièrement.