Site vitrine multilingue de WP Migrate Toolkit, outil open source de migration WordPress
Produit maison de Biris Tech : un outil de migration WordPress et son site de présentation, conçus et développés en interne pour les intégrateurs travaillant sur hébergement mutualisé.
- Client
- Biris Tech, produit maison
- Année
- 2026
- Domaine
- Site Web

Le contexte
WP Migrate Toolkit est un outil open source sous licence GPL-2.0 qui déplace un site WordPress (fichiers et base de données) d'un hébergement à un autre en n'utilisant qu'un accès FTP. Il répond à une situation très concrète : sur un hébergement mutualisé, il n'y a ni SSH, ni base MySQL joignable à distance, le transfert serveur-à-serveur est souvent bloqué et les certificats FTPS sont invalides. Le projet existe sous deux formes, un CLI Python piloté par fichier YAML et un plugin WordPress installé dans Outils, avec le même moteur partagé. Le défi du site était de rendre lisible en quelques secondes un mécanisme technique dense (agent PHP déposé puis supprimé, repli ZIP vers TAR, search-replace sérialisation-safe) auprès d'une audience de développeurs et d'intégrateurs exigeants. Il fallait aussi assumer une portée internationale, l'outil visant une communauté qui ne parle pas seulement français.
La mission
- 01Clarifier la promesse d'un outil technique en une phrase compréhensible dès le premier écran
- 02Concevoir l'identité visuelle et l'interface du site, du bandeau d'accueil jusqu'aux pages de tutoriel
- 03Traduire le fonctionnement interne en un schéma lisible en trois étapes : source, intermédiaire, destination
- 04Distinguer nettement les deux parcours de téléchargement, plugin WordPress et CLI FTP
- 05Construire une FAQ qui répond aux vraies objections, y compris la comparaison avec les solutions existantes
- 06Déployer le site en sept langues sans complexifier la maintenance
- 07Mettre en place un socle SEO technique et un fichier llms.txt à destination des assistants IA
- 08Ouvrir un espace blog pour publier tutoriels et articles par catégorie
Ce que nous avons fait
Nous sommes partis du parcours réel d'un intégrateur bloqué sur un hébergement mutualisé : nous avons cartographié les objections (pas de SSH, base en localhost, FTPS capricieux, sérialisation cassée) et bâti l'arborescence autour d'elles. Biris Tech a signé le design : palette sombre technique, terminal animé en bandeau d'accueil qui montre une migration réelle plutôt que de la promettre, cartes de fonctionnalités avec lueur au pointeur et révélations au défilement respectant prefers-reduced-motion. Le site a été construit en Astro et livré en pages statiques pré-rendues, ce qui permet de servir sept versions linguistiques sans surcoût côté serveur. Nous avons ajouté un socle SEO complet (balises hreflang, JSON-LD SoftwareApplication, SoftwareSourceCode et FAQPage, sitemap) et un fichier llms.txt pour que les assistants IA citent correctement le projet. Enfin, un blog éditorial alimenté par catégories prolonge le référencement au-delà de la page produit.
Les livrables
- Direction artistique et identité visuelle du site, réalisées par Biris Tech
- Maquettes UI/UX de la page produit, du blog et des pages de tutoriel
- Site vitrine statique développé sous Astro
- Déclinaison du site en sept langues avec balises hreflang et canonical
- Socle SEO technique : JSON-LD, Open Graph, sitemap, llms.txt
- Espace blog avec catégories, articles et pages tutoriels
- Mise en ligne sur nginx derrière Caddy, avec HTTP/3 activé
Les résultats
- Un site statique servi en HTTP/3, sans base de données ni couche applicative à maintenir côté vitrine
- Sept versions linguistiques pré-rendues avec balises hreflang et canonical, prêtes pour une audience internationale
- Un balisage structuré complet (SoftwareApplication, SoftwareSourceCode, FAQPage, Blog) qui rend le projet lisible par les moteurs et par les assistants IA
- Un fichier llms.txt qui expose la synthèse du produit et les commandes clés dans un format directement exploitable
- Deux parcours de téléchargement distincts et sans étape superflue, plugin et CLI, accessibles depuis toutes les pages
- Un blog opérationnel avec catégories et tutoriels illustrés, capable de porter le référencement dans la durée
Les technologies utilisées
Ce qui a servi à mettre le projet en place, et pourquoi ces choix plutôt que d'autres.
Socle et contenus
- Astro
Génère des pages entièrement statiques, ce qui permet de dupliquer le site en sept langues sans logique serveur ni base de données
Interface et mise en page
- CSS compilé en feuille unique
Un seul fichier /_astro/index.*.css pour toute l'interface : une requête de style, aucun framework CSS embarqué
- JavaScript natif en modules ES
Les quelques interactions (révélations, lueur des cartes, sélecteur de langue) tiennent en modules natifs, sans jQuery ni bibliothèque tierce
- IntersectionObserver
Anime les sections à l'entrée dans le fenêtre d'affichage, avec repli immédiat si prefers-reduced-motion est actif
Performance et diffusion
- nginx
Sert directement les fichiers pré-générés, sans exécution applicative à chaque requête
- Caddy en frontal
Assure la terminaison TLS et le routage devant nginx
- HTTP/3
Annoncé via Alt-Svc : réduit la latence d'établissement de connexion, utile sur les réseaux mobiles
- ETag et Last-Modified
Permettent au navigateur de revalider sans retélécharger les pages inchangées
Référencement et visibilité IA
- JSON-LD (Schema.org)
Décrit le logiciel, son code source, sa licence et sa FAQ pour l'affichage enrichi dans les résultats de recherche
- hreflang et canonical
Évite la concurrence entre les sept versions linguistiques et dirige chaque visiteur vers sa langue
- llms.txt et llms-full.txt
Fournissent aux assistants IA une synthèse fiable du produit et des commandes, plutôt qu'une lecture approximative du HTML
- Open Graph et Twitter Card
Contrôlent l'aperçu du site lors des partages, avec une image dédiée
L'architecture mise en place
Un site vitrine statique multilingue, généré à la compilation par Astro et servi par nginx derrière Caddy : zéro base de données côté site, sept langues pré-rendues, et un point d'entrée léger pour le suivi d'audience et les téléchargements.
Contenus et compilation
Sources de pages et d'articles transformées en HTML statique au compilation
- Astro (génération statique)
- Pages produit, blog et tutoriels
- Sept locales pré-rendues : fr, en, es, de, zh, ru, ja
- llms.txt et llms-full.txt pour les assistants IA
Interface
Rendu visuel et interactions légères, sans framework côté client
- Feuille CSS unique compilée (/_astro/index.*.css)
- Modules JavaScript natifs, sans jQuery ni bibliothèque UI
- IntersectionObserver pour les révélations au défilement
- Effets de lueur et d'ondulation au pointeur, désactivés si prefers-reduced-motion
Diffusion et service
Livraison des pages et des paquets téléchargeables
- nginx en serveur de fichiers
- Caddy en frontal (en-tête Via)
- HTTP/3 annoncé via Alt-Svc
- ETag et Last-Modified pour le cache navigateur
- Routes /dl/plugin et /dl/cli pour les archives
Référencement et mesure
Visibilité moteurs, IA, et suivi minimal de fréquentation
- JSON-LD SoftwareApplication, SoftwareSourceCode, FAQPage, Blog
- Balises hreflang et canonical par langue
- Open Graph et Twitter Card avec image dédiée
- sitemap.xml, robots index/follow
- Point d'ingestion /api/ingest (visite et référent uniquement)
Le projet en images
Cliquez sur un visuel pour l'agrandir.
Sur mobile
La majorité des visites se fait au téléphone : voici le rendu tel que le voit un visiteur.
Démonstrations
Dans le même esprit
Réseau KNOSA Bénin
Plateforme nationale du réseau KNOSA Bénin, qui relie autorités publiques, scientifiques et partenaires instit…
Voir le casSite WebDr Marcos Doussoh
Le site de référence du Dr Marcos Doussoh : lieux et horaires de consultation, demande de suivi nutritionnel e…
Voir le casSite WebMaison Stella, résidence à Lomé
Site vitrine et de réservation directe pour une résidence de charme d'Avepozo, à Lomé. Design Biris Tech, appl…
Voir le cas