Manuel · 13

Import de site web

Avec l’import, vous reprenez un site existant – depuis Webflow, WordPress, Squarespace ou du HTML statique – avec son arborescence, son HTML, son CSS, son JavaScript et ses médias.

Déroulement

1. Analyser. Import → saisir l’URL → Analyser. Le CMS lit robots.txt et le sitemap. S’il n’y a pas de sitemap, il suit les liens. Option : Suivre aussi tous les liens trouve les pages qui ne figurent pas dans le sitemap.

2. Sélectionner.

Cible : l’endroit où la page d’accueil de la source est importée. Est proposé un site dont le domaine correspond à la source ou dans lequel un import depuis cette source a déjà eu lieu ; un site encore vide et intact ; sinon Créer un nouveau site web (toujours, sur une installation neuve sans pages) – la source devient alors un site autonome avec sa propre arborescence, nom et domaines étant préremplis. Pour un essai, une sous-page vide convient aussi.
Fichiers externes : depuis quels hôtes les fichiers sont téléchargés. Sont présélectionnés le domaine propre, les CDN des constructeurs de sites (Webflow, Squarespace, Wix, Shopify …), les polices web (auto-hébergées, c’est plus respectueux du RGPD) et les CDN de bibliothèques. Les services comme les outils d’analyse, YouTube, Maps ou les bannières de cookies restent externes, ils doivent rester en ligne.
Pages : la source sous forme d’arborescence selon les chemins d’URL – chaque ligne affiche la source, le titre, la cible dans IllusionCMS et le statut. La case d’une page avec sous-pages change à chaque clic, à tour de rôle : ☑ la page avec toutes ses sous-pages (p. ex. /news avec tous les articles) → ▬ uniquement la page → ☐ rien. Si vous avez coché ou décoché des sous-pages à la main, elle affiche également ▬ ; le clic suivant sélectionne alors à nouveau tout. Les branches comportant beaucoup de sous-pages sont repliées, les niveaux sans page propre dans la source (/news/2024) apparaissent comme groupe. Le filtre affiche les résultats avec leurs pages parentes. Un * signale les chemins adaptés (minuscules, trémas, noms réservés) ; les liens sont réécrits en conséquence.
Les pages bloquées par robots.txt sont listées, mais désélectionnées. Lors de la migration de votre propre site, elles en font généralement partie – par exemple les mentions légales ou la politique de confidentialité. Les sélectionner aussi les inclut.

3. Importer. L’import s’exécute en arrière-plan avec progression et journal. Vous pouvez quitter la page et revenir plus tard.

4. Résultat. Vue d’ensemble des pages nouvelles, mises à jour et inchangées, des fichiers et du CSS/JS – avec des liens vers l’éditeur.

Ce que l’import reprend

Arborescence d’après les chemins d’URL. Les niveaux intermédiaires manquants (p. ex. /events pour /events/berlin/x) sont créés comme brouillons ; leurs sous-pages restent accessibles.
Titre, description, Head (balises meta, Open Graph …), HTML et attributs de <html>/<body>.
CSS/JS dans la bibliothèque. Ce qui est identique sur toutes les pages devient un fichier hérité sur la page cible ; tout le reste reste exactement à sa place (via asset_url), afin que l’ordre de chargement soit respecté.
Images, polices, vidéos, PDF dans le gestionnaire de fichiers, dossier Import <domain>. Pour les images avec srcset, seule la plus grande version est téléchargée ; le CMS génère ses propres variantes.
Les liens entre les pages sont réécrits vers les nouveaux chemins.
{{ … }} dans l’original est protégé par verbatim.

Répéter les imports

Un import peut être répété à tout moment pour reprendre les modifications de la source – sans doublons :

Statut dans la sélection	Signification
nouvelle	sera créée
sera synchronisée	déjà importée ; sera mise à jour si la source a changé, sinon ignorée
modifiée localement – conservée	modifiée dans le CMS après l’import ; reste inchangée, sauf si vous cochez Écraser aussi … modifiés dans le CMS
écrase	une page existante jamais modifiée (p. ex. la page d’accueil vide de départ) est remplacée
autre import – conservée	le chemin appartient à une page importée depuis un autre site – elle n’est jamais écrasée. Dans ce cas, « Créer un nouveau site web » est généralement la bonne cible

Les fichiers et le CSS/JS sont reconnus grâce à leur provenance : ceux qui n’ont pas changé sont réutilisés (pour les images, le CMS se contente d’interroger le serveur au lieu de les retélécharger), ceux qui ont changé sont mis à jour sur place. Les fichiers CSS/JS modifiés dans le CMS sont conservés. Le statut de publication des pages existantes reste tel que vous l’avez défini.

Reprendre une seule page : dans l’éditeur, sous Paramètres → Mettre à jour depuis la source.

Limites

Les applications JavaScript (React/Vue sans rendu côté serveur) ne fournissent guère de HTML – l’analyse vous en avertit.
Les formulaires, recherches, connexions, boutiques de la source ne sont repris que visuellement.
Les services liés à un domaine (bannières de cookies comme Cookiebot, frameworks d’applications comme Wized) ne fonctionnent que lorsque le site tourne sous son vrai domaine – dans une instance de test sous localhost, ils restent vides.
Les scripts qui chargent d’autres fichiers à l’exécution, relativement à leur propre URL, doivent éventuellement être adaptés.
Les contenus CMS de la source (p. ex. les articles de blog du CMS de Webflow) sont importés sous forme de pages statiques individuelles, et non comme Collection.

Liste de contrôle pour la migration

Essai dans une sous-page vide ou une instance de test, vérifier le résultat.
Import réel sur la page d’accueil – avec toutes les pages bloquées par robots.txt qui font partie du site.
Parcourir les pages importantes dans le navigateur, vérifier les Avertissements dans le résultat.
Faire passer les formulaires sur votre propre solution.
Transférer l’en-tête et le pied de page dans des Snippets ou des composants (progressivement).
Faire pointer le domaine vers le serveur IllusionCMS, configurer HTTPS (voir Exploitation), soumettre /sitemap.xml à la Search Console.