Biris Tech Logo
Biris Tech
Toutes les réalisations
Site Web

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
Voir le projet en ligne
Page d'accueil : promesse de migration par FTP seul et terminal de démonstration
7
langues disponibles sur le site
2
formes de l'outil : CLI et plugin WordPress
GPL-2.0
licence open source
0 €
prix : outil gratuit

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

  1. 01Clarifier la promesse d'un outil technique en une phrase compréhensible dès le premier écran
  2. 02Concevoir l'identité visuelle et l'interface du site, du bandeau d'accueil jusqu'aux pages de tutoriel
  3. 03Traduire le fonctionnement interne en un schéma lisible en trois étapes : source, intermédiaire, destination
  4. 04Distinguer nettement les deux parcours de téléchargement, plugin WordPress et CLI FTP
  5. 05Construire une FAQ qui répond aux vraies objections, y compris la comparaison avec les solutions existantes
  6. 06Déployer le site en sept langues sans complexifier la maintenance
  7. 07Mettre en place un socle SEO technique et un fichier llms.txt à destination des assistants IA
  8. 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.

01

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
02

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
03

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
04

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.

Accueil : promesse claire, terminal de démonstration et parcours de téléchargement
Page d'accueil complète : problème, fonctionnalités, fonctionnement en trois étapes, tutoriels, téléchargements et FAQ
Blog : articles filtrables par catégorie, entre tutoriels de migration et actualité tech
Tutoriel pas à pas : migrer un WordPress par FTP avec le CLI
Version anglaise : le site est pré-rendu en sept langues

Sur mobile

La majorité des visites se fait au téléphone : voici le rendu tel que le voit un visiteur.

Accueil sur mobile : hiérarchie conservée et terminal adapté au petit écran
Blog sur mobile : cartes d'articles en colonne unique
Lecture d'un tutoriel sur mobile, avec blocs de code défilables
Version anglaise sur mobile, accessible depuis le sélecteur de langue

Démonstrations

Parcours complet du siteAccueil, blog et version anglaise du site.