Handbuch · 13

Website-Import

Mit dem Import übernimmst du eine bestehende Website – von Webflow, WordPress, Squarespace oder statischem HTML – samt Seitenbaum, HTML, CSS, JavaScript und Medien.

Ablauf

1. Analysieren. Import → URL eingeben → Analysieren. Das CMS liest robots.txt und die Sitemap. Gibt es keine Sitemap, folgt es den Links. Optional: Zusätzlich allen Links folgen findet Seiten, die nicht in der Sitemap stehen.

2. Auswählen.

Ziel: Wohin die Startseite der Quelle importiert wird. Vorgeschlagen wird eine Website, deren Domain zur Quelle passt oder in die schon einmal von dort importiert wurde; eine noch leere, unberührte Website; sonst Neue Website anlegen (bei einer frischen Installation ohne Seiten immer) – die Quelle wird dann eine eigenständige Website mit eigenem Seitenbaum, Name und Domains sind vorausgefüllt. Für einen Testlauf eignet sich auch eine leere Unterseite.
Externe Dateien: Von welchen Hosts Dateien heruntergeladen werden. Vorausgewählt sind die eigene Domain, Baukasten-CDNs (Webflow, Squarespace, Wix, Shopify …), Webfonts (selbst gehostet ist DSGVO-freundlicher) und Bibliotheks-CDNs. Dienste wie Analytics, YouTube, Maps oder Cookie-Banner bleiben extern, sie müssen live bleiben.
Seiten: Die Quelle als Seitenbaum nach URL-Pfaden – jede Zeile zeigt Quelle, Titel, Ziel in IllusionCMS und Status. Das Häkchen an einer Seite mit Unterseiten wechselt per Klick reihum: ☑ die Seite mit allen Unterseiten (z. B. /news mit allen Artikeln) → ▬ nur die Seite → ☐ nichts. Hast du einzelne Unterseiten von Hand geschaltet, zeigt es ebenfalls ▬; der nächste Klick wählt dann wieder alles. Zweige mit vielen Unterseiten sind zugeklappt, Ebenen ohne eigene Seite in der Quelle (/news/2024) erscheinen als Gruppe. Der Filter zeigt Treffer samt übergeordneten Seiten. Ein * markiert angepasste Pfade (Kleinschreibung, Umlaute, reservierte Namen); Links werden entsprechend umgeschrieben.
Per robots.txt gesperrte Seiten werden aufgeführt, aber abgewählt. Beim Umzug der eigenen Website gehören sie meist dazu – etwa Impressum oder Datenschutz. Auch auswählen nimmt sie mit.

3. Importieren. Der Import läuft im Hintergrund mit Fortschritt und Protokoll. Du kannst die Seite verlassen und später zurückkommen.

4. Ergebnis. Übersicht über neue, aktualisierte und unveränderte Seiten, über Dateien und CSS/JS – mit Links in den Editor.

Was der Import übernimmt

Seitenbaum aus den URL-Pfaden. Fehlende Zwischenebenen (z. B. /events bei /events/berlin/x) werden als Entwurf angelegt; ihre Unterseiten sind trotzdem erreichbar.
Titel, Beschreibung, Head (Meta-Tags, Open Graph …), HTML und Attribute von <html>/<body>.
CSS/JS in die Bibliothek. Was auf allen Seiten gleich ist, wird eine vererbte Datei an der Zielseite; alles andere bleibt exakt an seiner Stelle (per asset_url), damit die Ladereihenfolge stimmt.
Bilder, Fonts, Videos, PDFs in die Dateiverwaltung, Ordner Import <domain>. Bei Bildern mit srcset wird nur die größte Fassung geladen; das CMS erzeugt eigene Varianten.
Links zwischen den Seiten werden auf die neuen Pfade umgeschrieben.
{{ … }} im Original wird per verbatim geschützt.

Importe wiederholen

Ein Import lässt sich jederzeit wiederholen, um Änderungen der Quelle nachzuziehen – ohne Duplikate:

Status in der Auswahl	Bedeutung
neu	wird angelegt
wird abgeglichen	bereits importiert; wird aktualisiert, wenn sich die Quelle geändert hat, sonst übersprungen
lokal geändert – bleibt	nach dem Import im CMS bearbeitet; bleibt unverändert, außer du hakst Auch im CMS bearbeitete … überschreiben an
überschreibt	vorhandene, nie bearbeitete Seite (z. B. die leere Start-Startseite) wird ersetzt
anderer Import – bleibt	der Pfad gehört einer Seite, die aus einer anderen Website importiert wurde – sie wird nie überschrieben. Meist ist dann „Neue Website anlegen“ das richtige Ziel

Dateien und CSS/JS werden über ihre Herkunft wiedererkannt: unveränderte wiederverwendet (Bilder fragt das CMS beim Server nur nach, statt sie neu zu laden), geänderte an Ort und Stelle aktualisiert. Im CMS bearbeitete CSS/JS-Dateien bleiben erhalten. Der Veröffentlichungsstatus vorhandener Seiten bleibt, wie du ihn gesetzt hast.

Einzelne Seite nachziehen: Im Editor unter Einstellungen → Aus Quelle aktualisieren.

Grenzen

JavaScript-Apps (React/Vue ohne serverseitiges Rendern) liefern kaum HTML – die Analyse warnt davor.
Formulare, Suche, Logins, Shops der Quelle werden nur optisch übernommen.
Domain-gebundene Dienste (Cookie-Banner wie Cookiebot, App-Frameworks wie Wized) funktionieren erst, wenn die Website unter ihrer echten Domain läuft – in einer Testinstanz unter localhost bleiben sie leer.
Skripte, die zur Laufzeit weitere Dateien relativ zu ihrer eigenen URL nachladen, müssen ggf. angepasst werden.
CMS-Inhalte der Quelle (z. B. Blogartikel aus dem Webflow-CMS) werden als einzelne statische Seiten importiert, nicht als Collection.

Checkliste für den Umzug

Testlauf in eine leere Unterseite oder Testinstanz, Ergebnis prüfen.
Echten Import auf die Startseite – mit allen per robots.txt gesperrten Seiten, die zur Website gehören.
Wichtige Seiten im Browser durchklicken, Warnungen im Ergebnis prüfen.
Formulare auf eine eigene Lösung umstellen.
Header/Footer in Snippets bzw. Komponenten überführen (nach und nach).
Domain auf den IllusionCMS-Server umstellen, HTTPS einrichten (siehe Betrieb), /sitemap.xml bei der Search Console einreichen.