Manual · 13

Importación de sitios web

Con la importación adoptas un sitio web existente, de Webflow, WordPress, Squarespace o HTML estático, junto con su árbol de páginas, HTML, CSS, JavaScript y medios.

Proceso

1. Analizar. Importar → introducir la URL → Analizar. El CMS lee robots.txt y el sitemap. Si no hay sitemap, sigue los enlaces. Opcional: Seguir además todos los enlaces encuentra páginas que no están en el sitemap.

2. Seleccionar.

Destino: adónde se importa la página de inicio de la fuente. Se propone un sitio web cuyo dominio coincida con la fuente o en el que ya se haya importado antes desde allí; un sitio web todavía vacío y sin tocar; o, si no, Crear nuevo sitio web (siempre, en una instalación nueva sin páginas): la fuente se convierte entonces en un sitio web independiente con su propio árbol de páginas, y el nombre y los dominios vienen ya rellenados. Para una prueba sirve también una subpágina vacía.
Archivos externos: de qué hosts se descargan archivos. Vienen preseleccionados el propio dominio, las CDN de los constructores web (Webflow, Squarespace, Wix, Shopify …), las fuentes web (alojarlas tú mismo es más respetuoso con el RGPD) y las CDN de bibliotecas. Servicios como analítica, YouTube, mapas o banners de cookies siguen siendo externos: tienen que seguir en línea.
Páginas: la fuente como árbol de páginas según las rutas de URL; cada fila muestra la fuente, el título, el destino en IllusionCMS y el estado. La casilla de una página con subpáginas cambia con cada clic en ciclo: ☑ la página con todas sus subpáginas (p. ej. /news con todos los artículos) → ▬ solo la página → ☐ nada. Si has cambiado a mano subpáginas individuales, también muestra ▬; el siguiente clic vuelve a seleccionarlo todo. Las ramas con muchas subpáginas aparecen contraídas, y los niveles sin página propia en la fuente (/news/2024) aparecen como grupo. El filtro muestra los resultados junto con sus páginas superiores. Un * marca las rutas ajustadas (minúsculas, diéresis, nombres reservados); los enlaces se reescriben en consecuencia.
Las páginas bloqueadas por robots.txt se listan, pero desmarcadas. Al mudar tu propio sitio web suelen formar parte de él, por ejemplo el aviso legal o la política de privacidad. Seleccionarlas también las incluye.

3. Importar. La importación se ejecuta en segundo plano con progreso y registro. Puedes salir de la página y volver más tarde.

4. Resultado. Resumen de las páginas nuevas, actualizadas y sin cambios, de los archivos y del CSS/JS, con enlaces al editor.

Qué adopta la importación

El árbol de páginas a partir de las rutas de URL. Los niveles intermedios que faltan (p. ej. /events en /events/berlin/x) se crean como borrador; sus subpáginas son accesibles igualmente.
El título, la descripción, el Head (metaetiquetas, Open Graph …), el HTML y los atributos de <html>/<body>.
El CSS/JS, en la biblioteca. Lo que es igual en todas las páginas se convierte en un archivo heredado en la página de destino; todo lo demás se queda exactamente en su sitio (mediante asset_url), para que el orden de carga sea correcto.
Las imágenes, fuentes, vídeos y PDF, en la gestión de archivos, carpeta Import <domain>. De las imágenes con srcset solo se descarga la versión más grande; el CMS genera sus propias variantes.
Los enlaces entre las páginas se reescriben a las nuevas rutas.
{{ … }} en el original se protege mediante verbatim.

Repetir importaciones

Una importación se puede repetir en cualquier momento para incorporar los cambios de la fuente, sin duplicados:

Estado en la selección	Significado
nueva	se crea
se sincronizará	ya importada; se actualiza si la fuente ha cambiado; si no, se omite
cambiada localmente – se mantiene	editada en el CMS después de la importación; se mantiene sin cambios, salvo que marques Sobrescribir también … editados en el CMS
sobrescribe	se reemplaza una página existente que nunca se ha editado (p. ej. la página de inicio vacía del principio)
otra importación – se mantiene	la ruta pertenece a una página importada desde otro sitio web; nunca se sobrescribe. Normalmente, el destino adecuado es entonces «Crear nuevo sitio web»

Los archivos y el CSS/JS se reconocen por su origen: los que no han cambiado se reutilizan (de las imágenes, el CMS solo pregunta al servidor en lugar de volver a descargarlas) y los modificados se actualizan en su sitio. Los archivos CSS/JS editados en el CMS se conservan. El estado de publicación de las páginas existentes se queda como lo hayas puesto.

Actualizar una sola página: en el editor, en Ajustes → Actualizar desde la fuente.

Límites

Las apps de JavaScript (React/Vue sin renderizado en el servidor) apenas entregan HTML; el análisis avisa de ello.
Los formularios, búsquedas, inicios de sesión y tiendas de la fuente solo se adoptan visualmente.
Los servicios vinculados a un dominio (banners de cookies como Cookiebot, frameworks de apps como Wized) solo funcionan cuando el sitio web se ejecuta en su dominio real; en una instancia de prueba en localhost quedan vacíos.
Los scripts que en tiempo de ejecución cargan más archivos relativos a su propia URL pueden necesitar ajustes.
Los contenidos de CMS de la fuente (p. ej. artículos de blog del CMS de Webflow) se importan como páginas estáticas individuales, no como Collection.

Lista de comprobación para la mudanza

Prueba en una subpágina vacía o en una instancia de prueba y revisa el resultado.
Importación real en la página de inicio, con todas las páginas bloqueadas por robots.txt que formen parte del sitio web.
Recorre en el navegador las páginas importantes y revisa los Avisos del resultado.
Cambia los formularios a una solución propia.
Traslada la cabecera y el pie a Snippets o componentes (poco a poco).
Cambia el dominio al servidor de IllusionCMS, configura HTTPS (consulta Puesta en marcha) y envía /sitemap.xml a Search Console.