Análisis: ¿Es Webflow bueno para el SEO?

En esta serie de artículos sobre los gestores de contenido más populares del mundo, hemos analizado las capacidades SEO on-page de los 5 CMS más utilizados: Wix, Squarespace, GoDaddy, WordPress y Joomla.

Puedes consultar los resultados completos en esta comparativa, donde revelamos cuál fue el mejor CMS para SEO en 2024.

Ahora bien, aquí te dejamos un bonus track: Webflow. Aunque sigue siendo un CMS relativamente desconocido para muchas personas, ha crecido de forma constante en los últimos años. Y no es difícil entender por qué: si te apasionan el SEO y el diseño web, Webflow puede ser una alternativa muy interesante.

En este artículo descubrirás:

• qué tan bueno es Webflow para el SEO on-page en 2024, y
• cómo configurar tu sitio web de Webflow para mejorar tu posicionamiento en Google.

Además, aunque el artículo y el análisis originales se publicaron en 2022, hemos actualizado los datos y repetido todas las pruebas. Por ello, en algunos apartados encontrarás la opinión actualizada de Seobility, que no necesariamente coincide con la del autor original. Las secciones que han sido modificadas de forma sustancial están identificadas mediante una nota.

¿En qué se diferencia Webflow de otros CMS?

Webflow es una plataforma de desarrollo web visual que te permite crear sitios web mediante una interfaz gráfica, sin necesidad de escribir HTML, CSS o JavaScript desde cero.

De hecho, si tienes conocimientos básicos de HTML y CSS, puedes desarrollar diseños completamente personalizados con bastante libertad.

Además, la plataforma incluye un CMS integrado y toda la infraestructura de alojamiento necesaria para publicar tu sitio web, aunque no es de código abierto.

Eso sí, todas estas ventajas tienen un coste. Tanto los planes generales como los planes para ecommerce requieren una suscripción de pago para mantener tu sitio web publicado y operativo, aunque puedes probar la plataforma y familiarizarte con sus funciones mediante el plan gratuito.

Puedes consultar los precios de los planes generales aquí:

Y los planes específicos para ecommerce:

El alojamiento integrado de Webflow se apoya en la infraestructura global de Amazon Web Services (AWS) y Fastly, una combinación que permite distribuir contenido a través de una red de servidores repartidos por todo el mundo. Gracias a ello, la plataforma puede ofrecer tiempos de carga rápidos incluso en sitios web con un volumen elevado de tráfico.

Eso sí, en comparación con WordPress y otros CMS consolidados, Webflow sigue siendo una opción relativamente minoritaria. Según w3techs, actualmente cuenta con una cuota de mercado del 1,1%, una cifra muy alejada del 62,6% de WordPress.

Entonces, ¿por qué merece la pena tenerlo en cuenta? ¿Qué hace que Webflow resulte tan atractivo desde el punto de vista del SEO?

En resumen: ¿Es Webflow bueno para el SEO?

La gran ventaja de Webflow es el nivel de control que ofrece sobre la estructura y el código del sitio web. A diferencia de la mayoría de los constructores web, que abstraen por completo la capa técnica (como Wix o el constructor de GoDaddy), Webflow funciona como una herramienta de desarrollo visual que permite trabajar de una forma mucho más cercana al código.

Captura del Webflow Designer (izquierda: árbol de la página HTML; derecha: ajustes CSS)

Eso sí, quienes empiezan desde cero pueden encontrarse con una curva de aprendizaje más pronunciada. Sin embargo, esa complejidad también aporta ventajas importantes:

1. El código que genera Webflow puede llegar a ser tan limpio y semántico como el desarrollado manualmente por profesionales con experiencia. A diferencia de muchos constructores web, no genera código innecesario ni excesivamente complejo, lo que suele traducirse en sitios web más ligeros y rápidos.
2. Si tienes una idea de diseño ambiciosa, Webflow rara vez supone una limitación. Ya se trate de layouts complejos o animaciones avanzadas, puedes implementarlos sin recurrir a plugins adicionales ni modificar el código manualmente. Además, al personalizar la experiencia de uso o la interfaz según las necesidades de tu audiencia, no tendrás que depender de las restricciones habituales de las plantillas o los módulos predefinidos.

Más adelante analizaremos en detalle los factores de SEO on-page más importantes, pero ya podemos adelantar que Webflow obtiene muy buenos resultados en la mayoría de ellos.

¿Cómo hemos analizado las capacidades SEO de Webflow?

Al tratarse de un software propietario, probar Webflow resulta más sencillo que trabajar con la mayoría de los CMS de código abierto. Además, dispone de extensiones de terceros, denominadas Apps, que cumplen una función similar a la de los plugins de WordPress.

También incluye su propio servicio de alojamiento, por lo que no es necesario contratar un hosting externo ni configurar un servidor por cuenta propia.

Este fue nuestro proceso de análisis:

1. Mantuvimos la configuración predeterminada de Webflow y medimos el rendimiento de la plataforma.
2. Evaluamos las opciones disponibles para implementar las tareas SEO on-page más importantes.

Webflow SEO: lo bueno, lo feo y lo malo

En el siguiente apartado analizaremos en detalle cómo implementar las principales tareas de SEO on-page en Webflow. Pero antes, conviene repasar rápidamente cuáles son las principales fortalezas y limitaciones de la plataforma desde el punto de vista del SEO.

Lo bueno: velocidad de carga, código limpio y libertad creativa

El código que genera Webflow se acerca bastante al que produciría una desarrolladora o un desarrollador profesional trabajando directamente sobre el código. Como resultado, los sitios web suelen ser más limpios y eficientes, ya que solo cargan los recursos necesarios, lo que puede repercutir positivamente en el rendimiento.

Para comprobarlo, modificamos ligeramente una plantilla gratuita de Webflow y analizamos el resultado con Google PageSpeed Insights, sin aplicar ninguna optimización adicional.

¿El resultado en móviles? 84 puntos…

Y en escritorio: 96 puntos.

Gran parte del tiempo de carga se concentra en el Largest Contentful Paint (LCP), es decir, el tiempo que tarda en mostrarse el elemento principal de una página. Se trata de un aspecto que todavía puede optimizarse.

Experiencia de uso y libertad creativa

Otra ventaja de Webflow desde el punto de vista del SEO es la libertad creativa que ofrece tanto la plataforma como su CMS. A diferencia de otros sistemas, no estás condicionado por las limitaciones de un tema o un plugin: el diseño y la interfaz pueden adaptarse exactamente a las necesidades de tu audiencia.

Esta flexibilidad puede contribuir a mejorar la experiencia de uso y favorecer señales positivas de interacción, así como aumentar las tasas de conversión.

Lo feo: no todo viene listo de serie

Nota: Esta sección ha sido modificada en una actualización reciente del artículo y puede no reflejar la opinión del autor original.

En la mayoría de builders, casi todo viene configurado de serie. ¿Necesitas impedir que Google indexe una página concreta? Basta con activar una opción y listo.

En Webflow no siempre ocurre lo mismo. Aunque dispone de extensiones llamadas Apps, tanto gratuitas como de pago, se trata de una funcionalidad relativamente reciente y su ecosistema todavía está lejos de ofrecer la variedad disponible en WordPress.

Por ello, a diferencia de WordPress y otros CMS consolidados, no siempre encontrarás una solución lista para usar para cada necesidad.

En algunos casos, como la implementación de datos estructurados, existen apps específicas que facilitan la tarea, mientras que en otros la alternativa más práctica consiste en añadir código personalizado a la página. En cualquier caso, no supone un gran problema, pero sí resulta menos intuitivo que en plataformas donde estas funciones ya vienen integradas de forma nativa.

Lo malo: requiere conocimientos técnicos, lo que lo aleja si estás empezando desde cero

Webflow se presenta como una herramienta no-code, pero eso no significa que los conocimientos básicos de HTML y CSS no sean útiles. De hecho, en algunos casos son necesarios para aprovechar todo su potencial.

La curva de aprendizaje de Webflow es considerable. Puedes aprender los conceptos fundamentales de forma gratuita a través de Webflow University, su plataforma de formación en vídeo, pero la flexibilidad adicional que ofrece también implica un mayor número de opciones y configuraciones que aprender a manejar.

Por eso, si partes de cero tanto en Webflow como en programación y esperas crear tu sitio web simplemente arrastrando y soltando elementos, como ocurre en otros builders, conviene moderar las expectativas.

SEO on-page básico: ¿qué ofrece Webflow?

¿Cómo se comporta Webflow en los aspectos de SEO on-page más importantes? Veámoslo en detalle.

Webflow cubre la mayoría de los ajustes SEO básicos sin necesidad de recurrir a Apps ni extensiones de terceros. Aquí tienes de nuevo el resumen:

A continuación, los detalles.

Títulos SEO y meta descripciones

Control en Webflow: sí

Webflow permite definir el título meta y la meta descripción de forma individual para cada página. Además, incluye una vista previa del snippet tal y como aparecería en los resultados de búsqueda de Google para escritorio.

Designer > Pages > Edit Page Settings

Con Webflow también puedes utilizar plantillas para generar automáticamente títulos meta y meta descripciones, una función que no estaba disponible la última vez que analizamos la plataforma.

Estas plantillas se configuran en los ajustes de las páginas de colección, como las categorías del blog, tal y como se muestra a continuación.

Como puedes comprobar, también se muestra una previsualización básica de cómo quedarán el meta título y la descripción en las SERP.

Slug de página / URL

Control en Webflow: sí

Configurar un slug personalizado en Webflow es muy sencillo. Desde la misma sección en la que defines el título meta y la meta descripción, puedes establecer un slug específico para cada página o para las páginas de colección del CMS.

Designer > Pages > Edit Page Settings

URLs canónicas

Control en Webflow: sí, aunque con código personalizado para páginas individuales

Webflow permite definir una URL canónica base para todo el sitio web (por ejemplo, https://tusitio.com). A partir de ella, la plataforma genera automáticamente las etiquetas canónicas de cada página combinando esa URL con el slug correspondiente.

Site Settings > SEO

Además, puedes definir etiquetas canónicas personalizadas para páginas concretas mediante la herramienta de código personalizado (Page Settings). Solo tienes que añadir el siguiente fragmento de código en el apartado “Inside <head> tag”:

<link rel="canonical" ref="https://tusitio.com/tu-url-slug"/>

Designer > Pages > Edit Page Settings

Control de indexación (robots meta tag)

Control en Webflow: sí, mediante código personalizado

La etiqueta meta robots indica a los buscadores si una página debe indexarse o no:
<meta name="robots" content="index, follow">
Esta etiqueta indica a los buscadores que una página debe indexarse.
<meta name="robots" content="noindex, follow">
Mientras que esta otra indica a los buscadores que no indexen una página, aunque sí sigan sus enlaces.
<meta name="robots" content="noindex, nofollow">
Y por otro lado, esta indica a los buscadores que ni indexen la página ni sigan sus enlaces.

La primera opción no suele ser necesaria, ya que los buscadores indexan las páginas de forma predeterminada siempre que cumplan sus criterios de calidad. Aun así, incluirla tampoco supone ningún inconveniente.

Si no quieres que una página se indexe, puedes añadir la siguiente etiqueta en los ajustes de la página, dentro del apartado “Inside tag”:

<meta name="robots" content="noindex">

Designer > Pages > Edit Page Settings

No es tan cómodo como activar una opción integrada, pero tampoco representa un obstáculo significativo.

Etiquetas de encabezado (h1, h2, h3…)

Control en Webflow: sí

Cada vez que añades un encabezado en Webflow, puedes asignarle fácilmente cualquier etiqueta HTML, desde H1 hasta H6, y modificarla cuando lo necesites.

Además, el control sobre el aspecto visual de cada encabezado es total: tipografía, color, tamaño, interlineado, espaciado entre bloques, etc.

Datos estructurados (schema)

Control en Webflow: sí

Webflow no ofrece una forma visual especialmente intuitiva de implementar datos estructurados. Para añadirlos, tienes que utilizar la herramienta de código personalizado e insertarlo manualmente. Para ayudarte con el proceso, puedes trabajar con este generador de esquema.

No obstante, desde nuestra última revisión han aparecido varias apps que facilitan considerablemente esta tarea: entre las más populares se encuentran Flowtrix y FluidSEO.

Ambas ofrecen un plan gratuito y permiten tanto generar el marcado schema como incorporarlo automáticamente a las páginas.

SEO para imágenes

Control en Webflow: sí

Con Webflow puedes añadir texto alternativo a cada imagen.

Designer > Assets > Open Asset Settings

La plataforma también muestra el tamaño del archivo y el nombre de la imagen, que no se modifica automáticamente. Además, si el archivo es demasiado pesado o falta el texto alternativo, Webflow te lo indicará.

Por otro lado, genera automáticamente distintas versiones de cada imagen y sirve el tamaño más adecuado según el dispositivo desde el que se acceda al sitio web. También incorpora lazy loading de forma nativa, con la posibilidad de desactivarlo de manera individual para cada imagen.

Lo que Webflow no incluye es la compresión de imágenes, por lo que lo recomendable es que las optimices antes de subirlas con herramientas como TinyPNG.

HTTPS

¿Los sitios alojados en Webflow usan HTTPS? sí

Si utilizas el servicio de alojamiento integrado de Webflow, tu sitio web funcionará con HTTPS de forma predeterminada. Esto se aplica tanto al subdominio de pruebas que proporciona la plataforma como a cualquier dominio personalizado que hayas conectado a tu proyecto.

Archivo robots.txt

¿Se puede editar en Webflow? sí

Desde los ajustes del sitio accedes directamente al robots.txt y puedes modificarlo según tus necesidades.

Site Settings > SEO

Sitemaps XML

¿Los genera Webflow? sí

Webflow también genera automáticamente un sitemap XML y lo actualiza cada vez que realizas cambios en el sitio web. Si prefieres gestionarlo manualmente, puedes desactivar esta función desde la configuración.

Site Settings > SEO

También puedes excluir páginas individuales del sitemap desde los ajustes SEO de cada página (Designer > Pages > Edit Page Settings), una mejora respecto a nuestra última revisión del CMS.

¿Son los sitios de Webflow aptos para móvil?

Nota: Esta sección ha sido modificada en una actualización reciente del artículo y puede no reflejar la opinión del autor original.

¿De serie? no necesariamente

Las plantillas de Webflow y los sitios creados desde cero no siempre ofrecen una experiencia óptima en dispositivos móviles desde el primer momento. Algunas plantillas pueden verse correctamente en escritorio, pero requerir ajustes adicionales para móvil. Del mismo modo, los proyectos desarrollados desde cero necesitan una adaptación específica para distintos tamaños de pantalla, igual que ocurre en el desarrollo web tradicional.

Dicho esto, Webflow Designer permite alternar entre distintos breakpoints durante el proceso de diseño. Así, puedes previsualizar el sitio web en tablets y smartphones, tanto en orientación vertical como horizontal, y aplicar ajustes específicos para cada resolución.

Si quieres optimizar la experiencia de uso en dispositivos móviles, por ejemplo reorganizando determinados elementos o ocultándolos en pantallas más pequeñas, Webflow ofrece un nivel de flexibilidad muy elevado.

Desde una perspectiva SEO, esto supone una ventaja importante, ya que permite adaptar y optimizar la experiencia móvil con un alto grado de control.

Conclusión: Webflow puede ser una buena opción para el SEO, aunque exige cierta experiencia técnica

Webflow llegó al mercado en 2013, pero su popularidad no ha dejado de crecer, especialmente en los últimos años. De hecho, su cuota de mercado ha aumentado más de un 50% desde que lo analizamos por primera vez.

Como señalábamos al principio, Webflow destaca por dos aspectos especialmente relevantes para el SEO: genera un código limpio y optimizado para los buscadores, sin el código innecesario que suele producirse en otras plataformas, y ofrece una gran libertad para diseñar y adaptar la experiencia de uso y la interfaz a cualquier dispositivo.

¿Sus principales inconvenientes? Su ecosistema de Apps y extensiones de terceros sigue siendo reducido en comparación con WordPress y, además, presenta una curva de aprendizaje considerable. No es la mejor opción para quienes buscan crear un sitio web rápidamente y con el mínimo esfuerzo.

En definitiva, Webflow es una alternativa sólida para quienes necesitan un alto grado de control sobre el diseño y están dispuestos a invertir tiempo en aprender a utilizar la plataforma.

¿Te gustaría saber cómo se compara Webflow con otros CMS? Hemos actualizado recientemente nuestra serie, en la que analizamos el SEO on-page de Squarespace, Wix, GoDaddy, WordPress y Joomla.

Échales un vistazo y descubre cuál se adapta mejor a tus necesidades.

Nota: Este análisis fue escrito originalmente en 2022 por Armin Ramoser y actualizado para 2024 por Bram Vergouwen. Bram es especialista en SEO con más de 6 años de experiencia trabajando con empresas de distintos sectores y países, ofreciendo soluciones y estrategias SEO personalizadas para aumentar la visibilidad online.