Outils
et tutoriels

Le cabinet des choses utiles

Fiche pratique
MD source

Comment Archiver un Site Webflow Avant d Arreter Son Hebergement

Une methode pratique pour exporter, verifier et heberger une copie statique de son site Webflow sans decouvrir trop tard des pages ou medias manquants.

Comment Archiver un Site Webflow Avant d Arreter Son Hebergement

Un site Webflow peut etre un excellent atelier de publication. Mais le jour ou l’on doit reduire ses couts, preparer une migration, remettre un projet a un client ou simplement garder une sauvegarde solide, une question devient tres concrete: que reste-t-il du site si son hebergement disparait demain?

La bonne reponse n’est pas une capture d’ecran de la page d’accueil. Il faut une copie qui conserve les pages importantes, les medias, les feuilles de style, les scripts et les routes que les visiteurs utilisent vraiment. C’est le genre d’archive qui permet de reprendre la main sans transformer un changement d’hebergeur en petite enquete archeologique.

Verification des pages et medias exportes

Ce qu’une archive Webflow utile doit contenir

Avant d’exporter, je fais une courte liste de ce que le site doit encore savoir faire apres son deplacement. Une campagne peut n’avoir que cinq pages; un site de contenu peut avoir des dizaines de pages CMS. Dans les deux cas, le principe reste le meme: on ne valide pas un dossier, on valide une experience de navigation.

Une copie exploitable doit au minimum conserver les pages de destination, les images, les polices et les fichiers CSS et JavaScript. Elle doit aussi couvrir les pages qui viennent d’une collection CMS, les liens internes, les balises de titre et de description, les redirections utiles et les formulaires. Ces derniers meritent une attention particuliere: un export statique peut conserver leur apparence sans conserver le service qui traite les envois.

Pour les sites publies avec Webflow, ExFlow pour Webflow propose une approche orientee export: on part de l’URL publiee, puis on recupere les pages, CSS, JavaScript, images, medias et contenu a deplacer vers un ZIP ou une cible comme Git, S3 ou FTP. Ce n’est pas une promesse magique de migration sans verification. C’est un point de depart plus adapte qu’un aspirateur de site generaliste lorsque la structure, les ressources et les routes Webflow comptent vraiment.

Une methode en quatre temps

1. Photographier le perimetre avant l’export

Listez les pages qui comptent: accueil, pages de campagne, tarifs, formulaires, mentions legales, articles recents et pages CMS representatifs. Gardez aussi une copie de vos reglages de domaine et de redirection. Cela donne un echantillon de controle precis, plutot que de dependre d’un vague souvenir de ce que le site affichait.

2. Exporter puis lire le resultat comme un dossier de production

Lancez l’export depuis la page Webflow d’ExFlow et inspectez le resultat: y a-t-il bien des pages HTML, des repertoires d’images, les CSS, les scripts et les ressources de police? Une archive propre se comprend sans devoir reouvrir Webflow pour deviner ou chaque element est passe.

L’ecran d’export ci-dessous est utile pour se rappeler que la liste de fichiers n’est pas un detail technique: elle devient votre inventaire de reprise.

Apercu d une liste de fichiers exportes par ExFlow

3. Tester une copie servie localement ou sur un domaine de preproduction

Ouvrir un fichier HTML directement sur son ordinateur ne reproduit pas toujours le comportement d’un vrai hebergement. Servez plutot la copie depuis un environnement de test, puis cliquez votre liste de controle sur ordinateur et mobile. Verifiez les liens de navigation, les ancres, les images, les menus, les animations, le chargement des polices et les pages profondes.

J’ajoute toujours un test simple des pages CMS representatifs. Cette precaution rejoint cette methode pour exporter un site Webflow CMS sans perdre les pages clefs: une belle page d’accueil ne prouve pas que les routes de contenu sont presentes.

Deploiement d une archive de site statique

4. Choisir la destination selon le besoin reel

Pour une archive de securite, un ZIP conserve dans un espace equipe peut suffire. Pour une campagne a faire vivre independamment, Git apporte un historique de versions et facilite le deploiement sur un hebergeur statique. S3 et FTP restent pertinents lorsqu’ils correspondent deja a votre infrastructure. ExFlow peut aussi synchroniser vers ces cibles ou proposer son hebergement lorsqu’une voie plus simple est preferable.

Le bon choix est celui qui laisse une personne de l’equipe retrouver, ouvrir et remettre en ligne la copie sans devoir reconstruire le site. Pour une campagne imminente, l’idee de passer un site Webflow dans Git avant le prochain lancement est particulierement saine: le deploiement devient une operation verifiable, pas une derniere manipulation hasardeuse.

La checklist de validation qui evite les mauvaises surprises

Avant d’arreter l’hebergement original, je valide ces points:

  • Les pages prioritaires et les URLs profondes repondent correctement.
  • Les images, videos, polices et fichiers telecharges se chargent encore.
  • Les titres, descriptions, images sociales et liens canoniques sont coherents.
  • Les formulaires ont une solution de remplacement ou sont explicitement desactives.
  • Les redirections utiles sont reproduites sur le nouvel hebergeur.
  • Les scripts de mesure, de consentement et de chat sont revus selon leur utilite et leur conformite.
  • Une personne qui n’a pas fait l’export peut retrouver la copie et comprendre comment la publier.

Controle des liens et des ressources d un site exporte

Cette etape ressemble a une perte de temps jusqu’au premier lien casse. Un petit smoke test apres chaque export reste beaucoup moins couteux qu’une campagne inaccessible le jour d’une annonce. Cette note sur le sujet donne une bonne philosophie: testez quelques parcours qui representent vraiment un visiteur, pas seulement la page la plus visible.

Et si le site n’est pas dans Webflow?

Le principe reste valable pour d’autres constructeurs, mais les risques ne sont pas identiques. ExFlow a aussi des parcours dedies pour Squarespace et Framer. Pour Framer, par exemple, il faut observer de pres les polices, animations et points de rupture, comme le rappelle cette checklist de remise a un client.

Une archive Webflow reussie n’est donc pas seulement une sauvegarde. C’est une version du site que vous pouvez expliquer, tester et deplacer. Commencez par choisir cinq URLs critiques, exportez une premiere copie avec ExFlow pour Webflow, puis testez-les sur un environnement de preproduction avant de prendre toute decision d’hebergement.