Hoy en día existen muchas alternativas para desarrollar webs, pero ¿cuál es la mejor?.
En este post vamos a comparar las dos opciones más utilizadas para el desarrollo web y te contaremos porqué debes elegir Webflow como tu herramienta para diseñar tus páginas webs.
En este contexto te vamos a hablar de dos grandes plataformas para desarrollar sitios webs:
Wordpress y Webflow
Ya seas diseñador web, propietario de una agencia o un negocio que necesite de una web está atento, porque vamos a ver cuál es la mejor plataforma para el desarrollo de una web.
Mis comienzos fueron con Wordpress
He de decir que con Wordpress he creado grandes proyectos, es una herramienta muy buena para desarrollar webs.
Pero aun así, siempre existen limitaciones: respecto al diseño, o sobre todo problemas con la seguridad, actualizaciones o mantenimiento.
Buscando otras soluciones
Descubrí Webflow, que para mí es la mejor alternativa a Wordpress hoy en día.
Esto es lo que quiero contarte hoy, esa comparativa entre Wordpress y Webflow y cuál es la mejor plataforma en mi opinión y por qué.
1. Diseño y Código Webflow vs Wordpress
Empecemos con uno de los aspectos más importantes: La herramienta de diseño.
Cuando hablamos de diseño ambas herramientas son parecidas, ambas te permiten desarrollar una web totalmente personalizada aunque Wordpress con algún pero.
Y es que si eres diseñador web seguro que te has sentido súper frustrado cuando has intentado pasar tu diseño desde un Mockup de Figma, Sketch o Adobe XD a Wordpress.
Y hay partes que no has podido hacer o no tienes los conocimientos en programación para ajustar el diseño como te gustaría.
1.1 Diseño y código en Wordpress
Es verdad que Wordpress cuenta con varias alternativas de builders como Elementor Pro o Divi, que ofrecen la posibilidad de desarrollar una página web personalizada.
Pero cuando hablamos de una web y de su diseño también tenemos que hablar del código, ¿y por qué digo eso?
Pues porque estos builders como son Elementor o Divi tienen las desventajas de que no ofrecen un código muy limpio.
Además de que son muy pesados por la cantidad de librerías y código Javascript.
1.2 Diseño y código en Webflow
Webflow en cambio ofrece un código muy limpio y bien estructurado, no te genera más contenidos del que la web necesita.
Con esto quiero decir que si por ejemplo añadimos un bloque Div en Webflow, en nuestro diseño aparecerá solo un div y no varios elementos.
Además, las posibilidades y opciones de diseño que nos ofrece Webflow son infinitas, tanto a la hora de estructurar nuestra web y la creación de componentes como la de crear animaciones e interacciones.
Veamos un ejemplo de una comparativa de una misma web creada con Wordpress, Elementor y otra con Webflow
Aquí he creado una pequeña página en Elementor con tres elementos, uno que es párrafo, un botón y una imagen.
Como vemos en la anterior imagen, donde se encuentra el párrafo, Elementor nos añade hasta tres bloques Div antes del párrafo, lo cual no tiene ningún sentido.
Después en el botón, de la misma manera nos añade otros cuatro elementos.
En definitiva, nos está añadiendo muchísimo contenido que no necesitamos realmente.
En Webflow si añadimos los mismos elementos, quedaría así:
Como vemos en la anterior imagen, en Webflow en este caso, se ha añadido también un elemento de párrafo, un botón y un div con una imagen.
Y vemos que en este caso, nos queda exactamente los elementos que hemos añadido en Webflow.
El div de la izquierda con el párrafo y el botón, y el div de la derecha con una imagen, no hay nada más, no hay ningún elemento adicional.
En este apartado como hemos visto la mejor opción en mi opinión es Webflow.
Porque no existen casi limitaciones a la hora de hacer diseños y porque además la estructura de nuestro código será más limpia y la web menos pesada, cosa que le encanta a Google.
2. Velocidad de Desarrollo
Otro de los aspectos importantes es el tiempo que tardamos en desarrollar nuestra web,
Con Wordpress primeramente tenemos que instalar Wordpress en el Hosting.
Instalar los plugins y temas necesarios para arrancar; parece poco pero lleva tiempo hacer ese setup.
En cambio cuando queremos realizar un nuevo proyecto en Webflow, sólo tenemos que clicar en nuevo proyecto y ya podemos empezar a desarrollar nuestro sitio web.
Así de sencillo, sin la necesidad de instalar plugins o configuraciones para empezar a diseñar nuestra web.
Además un punto que agiliza bastante el desarrollo de la web es el uso de comandos, como copiar y pegar, añadir elementos, entre otros.
Por otro lado también nos permite navegar entre las diferentes páginas de forma super rápida y sin tener que volver al apartado de páginas, dando bastante velocidad a nuestro desarrollo.
3. SEO entre Wordpress y Webflow
Este es uno de los puntos fuertes de Wordpress, pero ¿es imbatible?,
Es verdad que existen una gran cantidad de plugins muy optimizados para ayudarnos en el posicionamiento SEO en Wordpress.
Como son Yoast SEO, All in one SEO o SEOPress, entre un largo etcétera. Por lo tanto con Wordpress y sus plugins SEO puedes dejar muy bien optimizada y configurada tu web para el SEO.
Desde lo más sencillo como son los cambios de meta title y su meta descripción hasta hacer configuraciones de schema de tu web.
En cambio en Webflow nos ofrece dentro de su herramienta unas amplias opciones de configuración SEO, incluidas las opciones de redireccionamiento 301, Open Graph, canonical, creación de sitemap, robots.txt, meta title, entre otras.
Por lo tanto Webflow cuenta con todas las opciones de configuración SEO para una web sin la necesidad de hacer ningún uso de herramientas o plugins externos.
4. Plugins Wordpress Vs Webflow
Si por algo destaca Wordpress respecto a su competencia son los plugins y es que cuenta con una comunidad gigante de casi 60.000 plugins activos que puedes utilizar como por ejemplo:
- Formularios
- Google maps
- Sliders
Comparada con Webflow esta no dispone de plugins y es que Wordpress al ser una plataforma abierta, cualquiera puede desarrollar un plugin y subirlo a diferencia de Webflow que es una plataforma cerrada.
Lo que quiere decir es que su propio equipo quien hace todos los desarrollos.
Esto tiene sus pros y sus contras. Sus pro es que aquello que quieras desarrollar por difícil que parezca, lo más seguro es que exista un plugin para ello.
Respecto a sus contras, está genial que puedas utilizar plugins para hacer un desarrollo web, pero quiere decir que estás añadiendo código a tu sitio web de ese autor y si es un plugin Premium de pago como puede ser Elementor Pro, Yoast SEO o WP Rocket, esos plugin no van a tener código malicioso.
Pero en cambio sí son plugin que no son tan conocidos, no sabes si contienen código malicioso o no y vulnerabilidades que pueden afectar a tu web.
Otra cosa a tener en cuenta, es que la cantidad de de código que tienen esos plugin, algunos pesan muchísimo ralentizando mucho la velocidad de tu sitio web.
Plugins que más utilizan los usuarios en Wordpress
Me gustaría comparar los plugins de Wordpress con las funcionalidades que ofrece Webflow y te darás cuenta que Webflow dispone de todas las funcionalidades más importantes que ofrecen los principales plugins de Wordpress, por ejemplo:
- Formularios:
En Wordpress está por ejemplo Contact form. En Webflow lo puedes crear y diseñar tus formularios dándole un estilo completamente personalizado. - SEO:
Yoast SEO para Wordpress. Como hemos comentado antes, Webflow ofrece dentro de su herramienta todas las configuraciones necesarias para optimizar tu web para SEO. - Copias de seguridad:
En Wordpress se utiliza Duplicator entre otros. Webflow ofrece una solución nativa para eso, puedes crear copias de seguridad o crearlas automáticamente.
Además de que puedes traspasar una web a otra cuenta fácilmente también. - Seguridad:
Para Wordpress podemos utilizar Akisnet. Webflow dispone de su propio sistema de seguridad. - Google Analytics:
En Webflow puedes añadir el tracking ID de Google Analytics fácilmente. - Ecommerce:
Webflow también cuenta con su propia alternativa para ecommerce.
En definitiva la mayoría de los plugins y los más importantes están disponibles en Webflow.
5. Mantenimiento Wordpress Vs Webflow
Si eres desarrollador Wordpress estoy seguro de que has visto alguna vez esta imagen:
A veces da terror actualizar nuestros plugins y/o la versión de Wordpress y no saber qué es lo que va a pasar.
Esto es una de las principales debilidades que le veo a Wordpress y es el mantenimiento de la web cuando llega la hora de actualizar Wordpress o los plugins.
En ese momento lo mejor es rezar para que por favor no se caiga la página o nos de un error o desaparezca alguno de los componentes.
Seguro que alguna vez has sufrido errores de servidor 501, u otros errores en la base de datos.
Esto en cambio no ocurre cuando hacemos uso de Webflow, es más, no es necesario hacer ni un solo mantenimiento del sitio web, versiones o plugins.
De todo eso se ocupa completamente la plataforma, con lo cual no existe ningún tipo de riesgo como por ejemplo por caída de la página web o de seguridad.
6. Hosting Wordpress Vs Webflow
Uno de los puntos débiles de Webflow para algunas personas es su precio, si lo comparamos con el abanico de precios que existen de hosting para Wordpress.
Está claro que Wordpress es más económico, pero no siempre tenemos que ver el hosting como un gasto, sino como una inversión, aunque siempre dependerá del proyecto que vayamos a realizar.
Si le echas un vistazo a los precios de Webflow vemos que una de las opciones más recomendadas es la de 16 dólares mensuales si se hace un pago anual.
Estoy seguro que estás pensando, qué caro ¿no?
Déjame que te diga algo antes:
Todas las páginas de Webflow cuentan con un Hosting de Amazon Web Services, uno de los mejores Hosting que hay actualmente, sobre todo por seguridad web.
Imagínate por un segundo que los servidores de Amazon se cayeran, imagínatelo; imposible ¿verdad?,
Además del hosting de Amazon Web Services todo el contenido web, las páginas, los componentes etc, se enviarán a Fastly.
¿Qué es Fastly?
Fastly es un CDN que hace que nuestra web no solo este en un solo servidor sino que también esté en muchos servidores por distintos lugares del mundo.
Lo que quiere decir, es que si por ejemplo algún usuario entra en nuestra web desde Canadá, este usuario se conecta a un servidor cercano donde está hospedada nuestra web.
Por lo que la velocidad de entrega de la web no se verá afectada.
Existe otra opción también para alojar Webflow exportando el código y hospedando la web en un hosting gratuito o más económico.
Lo único es que en esta opción perderás el CMS y el editor, aunque existe una opción para hospedar nuestra web hecha con Webflow gratis y conectarla a un CMS.
Tutorial: Cómo alojar tu web hecha en Webflow Gratis
7. Traspaso de la web al cliente
Por experiencia te digo que una de las cosas que más preocupa es traspasar al cliente la web que has desarrollado y que le haga algún cambio por error porque no sabe utilizar Wordpress.
En Wordpress es súper necesario formar a los clientes sobre cómo hacer las modificaciones del contenido de su web, añadir nuevos contenidos, hacer gestión de lo pedido, comentar, entre otros.
Cuesta mucho más aún cuando se trata de alguien que no tiene mucha idea de tecnología y hay que informarle de todas las funcionalidades del panel de control de Wordpress y digamos que el panel de control no es muy intuitivo.
Para que el cliente pueda hacer cambios en la página Wordpress o añadir nuevos posts o elementos tiene que hacer uso de algún editor como por ejemplo Gutenberg o el mismo editor de Wordpress
Al igual que el panel de control no es nada intuitivo y muchas veces no resulta nada fácil para los clientes poder hacer los cambios necesarios.
Webflow en cambio cuenta con un editor visual permite a los clientes hacer los cambios que necesitan de forma intuitiva y muy sencilla.
Tan solo deberán entrar a la URL y empezar a hacer los cambios y publicarlos.
Ya sea hacer un cambio de cualquier página de la web, añadir un post de blog o hacer cambios en los productos de la tienda online.
8. CMS Webflow vs Wordpress
Otra funcionalidad súper atractiva de Webflow es su CMS, que no es un cms sólo para añadir blogs.
También puedes añadir cualquier tipo de contenido dinámico que quieras, desde un blog hasta apartado de equipo, fichas de servicios o productos, portfolio, categorías entre otros.
Esto también es posible con Wordpress, pero para añadir campos personalizados requiere instalar un plugins para poder hacer todo eso.
9. Animaciones Wordpress Vs Webflow
Algo que me encanta de Webflow es la capacidad de crear animaciones e interacciones.
Con Webflow puedes crear interacciones de forma super sencilla y nativamente dentro de Webflow.
Puedes crear eventos de clic, scroll, hover, mouseover entre otras muchas más.
En este apartado no existe competencia alguna entre ambas plataformas, Webflow es de lejos la mejor opción si quieres que tu página tenga animaciones e interacciones.
Wordpress en cambio tiene builders que permiten añadir animaciones fácilmente, como animaciones de scroll.
Pero no tiene las opciones avanzadas de personalización que si tiene Webflow en este caso.
Otra gran funcionalidad que tiene Webflow es la posibilidad de usar animaciones Lottie y hacer animaciones e interacciones con ellas.
¿Qué son animaciones Lottie?
Las animaciones lottie son animaciones creadas con After Effects y que se pueden añadir a nuestro sitio web.
Sé que ahora sé que estás pensando, bueno ¿y tengo que aprender After Effect para eso?
Para nada, no es necesario que seamos unos master en After Effect.
Existen librerías de lottie gratuitas como son Lottie Files y LottieFlow que tienen miles de animaciones gratuitas que puedes usar.
10. Webflow vs otras herramientas
Y ahora viene la pregunta del millón. ¿Qué diferencia hay entre Webflow y Squarespace, Wix u otras herramientas de diseño?
Esta es una duda que tiene mucha gente a la hora de elegir una plataforma u otra, veámoslo gráficamente:
En este gráfico vemos las diferentes opciones que existen para desarrollar una página web.
Por un lado se encuentra el código. En una web todo está hecho a través de código y es la forma más personalizada de desarrollar una web pero requiere tiempo y conocimiento sobre la maquetación y la programación.
En la parte opuesta se encuentran las herramientas de Drag & Drop (Herramientas de arrastrar y soltar), como pueden ser Wix o Squarespace.
Estas herramientas transforman el código en templates o en componentes listos para ser usados.
Incluso personas que no tengan ningún tipo de conocimiento sobre diseño o programación, pueden crear un sitio web de forma muy sencilla soltando elementos en la página.
Esto por un lado es ventajoso pero por otro estas perdiendo mucho control sobre la personalización en el diseño de la web.
En medio se encuentra Webflow, que no es ni un builder como puede ser Wix o Squarespace, sino que se encuentra entre el código y estas herramientas.
A diferencia de Wix o Squarespace que lo que hacen es transformar el código en componentes listos para usar.
Webflow lo que hace es que es una herramienta de interfaz de usuario, en vez de escribir líneas de código solo tienes que clicar botones para obtener el mismo resultado.
No tienes porqué saber programación, pero si en cambio deberías de conocer los conceptos, porque en realidad estas maquetando y programando una página pero sin hacerlo a código, es decir lo haces visualmente.
En definitiva existen muchísimas opciones en el mercado para desarrollar una web sin código.
Te sugiero que pruebes Webflow y veas si es lo que mejor se ajusta para tus proyectos.
Después de esta comparativa profunda entre Wordpress y Webflow quiero saber tu opinión..
¿Utilizarías Webflow para desarrollar tus páginas web o prefieres utilizar Wordpress en tus proyectos?
Déjanos un comentario al respecto.
Si tienes alguna duda, además de los comentarios, puedes unirte a nuestra Comunidad No-Code.
