¿Cómo migrar de Squarespace a Webflow? Guía 2023

Squarespace y Webflow son plataformas de creación de sitios web Nocode que ofrecen funciones de diseño y desarrollo web. Webflow es más adecuada para usuarios que buscan libertad de personalización, mientras que Squarespace se utiliza por su sencillez.

Dicho esto, vemos que cada vez más gente quiere migrar a Webflow. Por eso nos pareció interesante escribir un artículo sobre el tema.

¿Por qué migrar de Squarespace a Webflow?

• Rendimiento SEO: Con uRoot, una agencia especializada en SEO, realizamos un estudio SEO de todas las herramientas Nocode. Dedujimos una puntuación "Web Vitals" de 77/100 a favor de Webflow y de 49/100 para Squarespace.

• Personalización de la página: Webflow permite un alto grado de personalización - sin codificación - mientras que para Squarespace, se necesitará un desarrollador para la personalización avanzada.

• Comunidad activa: Webflow tiene una comunidad activa que incluye una página para mostrar el trabajo de los usuarios, una página de diseñadores para autónomos y un foro muy rico. Squarespace, por su parte, no ofrece un espacio comunitario de esta envergadura.

Si quieres ir más allá, hemos escrito una comparación completa entre estas dos herramientas.

Exporta tu contenido desde Squarespace

Los pasos a seguir

Antes de empezar a exportar, guarde su sitio web para poder volver atrás si tiene algún problema.

Para exportar tu contenido desde Squarespace, sigue estos pasos:

1. Haz clic en el icono de Configuración en la esquina inferior izquierda de la pantalla.
2. Haga clic en el botón Avanzado.
3. Haga clic en Exportar/Importar.
4. Seleccione Exportar.
5. Haga clic en el icono Wordpress, el archivo se exportará en formato Wordpress pero podrá importarlo a Webflow sin ningún problema.

6. Elija los elementos que desea exportar (páginas, entradas de blog, productos, etc.).
7. Haga clic en Exportar.

Se creará un archivo XML con todos los elementos que hayas elegido. Este archivo contendrá toda la información para tu sitio Squarespace, incluyendo texto e imágenes.

A continuación, convierta su archivo XML en un archivo .csv utilizando un conversor en línea.

A continuación figura una lista no exhaustiva de contenidos que pueden exportarse o no.

Contenidos exportables

En la siguiente lista, puede ver todo el contenido que se puede exportar desde su sitio Squarespace a Webflow.

• Una página de blog, incluidos todos sus artículos y hasta 1.000 comentarios por artículo.
• Bloques de texto.
• Bloques de imágenes.
• El texto de otros bloques, como los de Incrustar, Twitter e Instagram, se exportará con una estructura mínima.
• Páginas de la Galería

Contenidos que no pueden exportarse

Lamentablemente, algunos contenidos no estarán disponibles durante la migración a Webflow. A continuación se muestra la lista:

• Diferentes tipos de páginas como Álbum, Portada, Índice, Información, Eventos, Portafolio y Tienda.
• Contenido de los encabezados, pies de página y barras laterales específicos de cada página.
• Múltiples páginas de blog. La extracción sólo puede hacerse en un blog. Tendrá que repetir la operación dos veces si tiene dos blogs (lo cual es bastante raro).
• Los expedientes.
• Bloques de audio.
• Bloques de productos.
• Bloques de vídeo.
• Los borradores.
• Los parámetros de estilo.
• CSS personalizado".

Recomendación: durante todo el proceso de migración, mantenga activa su suscripción a Squarespace hasta que su nuevo sitio web esté en línea en Webflow.

En cuanto a la migración de estos elementos, podemos ayudarle a desarrollarlos en Webflow. Hemos trabajado en más de 50 proyectos en esta herramienta, por lo que podremos responder rápidamente a sus necesidades.

Pasos a seguir para una importación en Webflow 

Importe su contenido a Webflow

Para importar su contenido a Webflow, primero debe crear o iniciar sesión en su cuenta Webflow. Una vez conectado, siga estos pasos:

1. Cree un nuevo proyecto en Webflow.
2. Haga clic en la pestaña CMS de la barra lateral.
3. Haga clic en Importar contenido.
4. Selecciona el archivo XML que has exportado desde Squarespace.
5. Seleccione los elementos que desea importar (páginas, entradas de blog, productos, etc.).
6. Haga clic en Importar.
7. Webflow importará todo su contenido desde el archivo XML, y podrá empezar a trabajar en él en Webflow.
8. Crear una nueva colección y configurarla previamente

Para completar esta migración, deberá hacer coincidir los campos de su antigua colección (los campos proceden de su archivo .csv) con los de su nueva colección en Webflow.

Cree su diseño en Webflow

En Webflow, crearás un nuevo diseño utilizando las herramientas a tu disposición. Utiliza la información que has recopilado sobre tu diseño de Squarespace para reproducir el mismo aspecto en Webflow. 

• Personalice su diseño: Una vez creado el diseño inicial, puede personalizarlo aún más añadiendo efectos de transición, cambiando los colores, la tipografía y ajustando los márgenes y el relleno para conseguir el diseño deseado.

• Pruebe su diseño: Pruébelo para asegurarse de que es funcional y está optimizado para todos los dispositivos.

Una vez más, si tiene alguna duda o si desea ahorrar tiempo delegando, Alegria.solution está ahí para ayudarle con su proyecto.

Imagen

Al importar imágenes en un CMS como Webflow, es importante asegurarse de que las imágenes se migran correctamente. Existen dos casos: 

1. Las imágenes se asocian a campos "imagen" en el CMS
2. Las imágenes se asocian al campo "texto enriquecido".

En el primer caso, la descarga será automática.

En el segundo caso, las imágenes se importarán desde sus URL originales, lo que puede causar problemas si se elimina el sitio original. Para evitarlo, es aconsejable descargar manualmente cada imagen del campo de texto enriquecido e importarlas al CMS.

SEO

El mapa del sitio es un elemento clave para mejorar la referenciación natural (SEO) de un sitio web. Permite a Google rastrear las páginas del sitio de forma más eficaz y analizar su contenido. En resumen, el mapa del sitio ayuda a Google a comprender mejor la estructura y el contenido de su sitio web.

Para generar un mapa del sitio en Webflow, siga estos 7 pasos:

1. Conéctese a su cuenta Webflow y acceda a su proyecto.
2. Haga clic en el icono del mapa del sitio en el menú principal de la izquierda.
3. Pulse el botón "Generar" en la esquina superior derecha de la pantalla.
4. Webflow empezará a generar su mapa del sitio y esto puede tardar unos minutos dependiendo del tamaño de su sitio.
5. Una vez finalizada la generación, puede previsualizar su mapa del sitio y ver todos los enlaces de su sitio web haciendo clic en "Ver mapa del sitio" en la parte superior derecha de la pantalla.
6. Puede descargar su mapa del sitio haciendo clic en el botón "Exportar XML" situado en la parte superior derecha de la pantalla.
7. Copie el enlace de su mapa del sitio XML y envíelo a Google Search Console u otras herramientas SEO.

Redirección

Si ha estado utilizando URLs personalizadas en su sitio Squarespace, es importante redirigir esas URLs a las nuevas URLs en su sitio Webflow. Por ejemplo, si su página "Acerca de" tenía la URL "www.monsite.com/about" en Squarespace, tendrá que asegurarse de que esta página tiene una nueva URL en Webflow, como "www.monsite.com/a-propos".

Para redirigir URL antiguas a otras nuevas, puede utilizar redireccionamientos 301. Una redirección 301 es una declaración que indica a los navegadores web que la URL se ha trasladado permanentemente a una nueva URL. Las redirecciones 301 garantizan que los visitantes de su sitio que hayan guardado las URL antiguas puedan seguir accediendo a su contenido sin encontrarse con errores 404.

Puede crear redireccionamientos 301 en Webflow utilizando la función de redireccionamientos 301 en la configuración del proyecto.

Este paso es crucial si no quieres perder tráfico y SEO.

Compruebe su sitio antes de publicarlo

Antes de publicar su sitio Webflow, debe asegurarse de que todo está en orden. He aquí una lista de comprobación no exhaustiva:

‍

• Compruebe que todas las páginas funcionan correctamente, que las imágenes y los vídeos se muestran correctamente.
• Pruebe su sitio en distintos navegadores y dispositivos para asegurarse de que está optimizado y responde a todo tipo de visitantes. 
• Si utiliza funciones avanzadas, como formularios de contacto, integraciones de terceros o animaciones complejas, también tendrá que probarlas.
• También puede utilizar herramientas de pruebas de rendimiento como PageSpeed Insight para comprobar que su sitio se carga rápidamente y no tiene problemas de rendimiento. 

‍

Una vez que esté seguro de que todo funciona correctamente, puede publicar su sitio Webflow y ponerlo a disposición del público.

Conclusión

Migrar su sitio web de Squarespace a Webflow puede parecer complicado al principio. Pero si sigues los pasos que te hemos indicado, podrás migrar con éxito tu sitio conservando tu SEO y disfrutando de las numerosas ventajas de la plataforma Webflow.

‍

Tenga en cuenta que la migración es un paso crucial y puede resultar difícil pensar en todos los detalles para garantizar que todo salga según lo previsto.

‍

En Alegría, tenemos experiencia en el desarrollo de sitios web con Webflow, con más de 50 proyectos realizados en menos de 2 años. Si está buscando un proveedor de servicios para discutir su proyecto de creación o migración de un sitio web, no dude en ponerse en contacto con nosotros. Estamos aquí para ayudarle a alcanzar sus objetivos.