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.

Los resultados completos los encontrarás en esta comparativa, donde desvelamos cuál es el mejor CMS para el SEO en 2024.

Ahora bien, aquí te dejamos un bonus track: Webflow, un CMS emergente que, aunque aún no goza de mucha notoriedad, no ha cesado de crecer en los últimos años, y con razón, porque si el SEO y el diseño web son tu pasión, Webflow puede ser una opción muy atractiva.

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.

Asimismo, a pesar de que el artículo y análisis original datan del 2022, hemos actualizado los datos y renovado los tests, por lo que algunas veces verás la opinión de Seobility y no necesariamente la del autor (las secciones que hemos modificado sustancialmente están marcadas con una nota).

¿En qué se diferencia Webflow de otros CMS?

Webflow es una plataforma de desarrollo web visual porque, en lugar de escribir HTML, CSS o JavaScript desde cero, trabajas todo el rato a través de una interfaz muy gráfica.

Tanto es así que, si cuentas con nociones básicas de HTML y CSS, puedes incluso desarrollar diseños de sitio web completamente personalizados.

La herramienta incluye además un CMS y toda la infraestructura de alojamiento necesaria, aunque no es de código abierto.

Eso sí, tantas ventajas suponen un coste: tanto si te suscribes a los planes generales como a los de ecommerce debes abonar una mensualidad para que tu sitio web permanezca activo (puedes probar la plataforma y dar los primeros pasos con el registro gratuito).

Consultar aquí los precios de los planes generales:

Y los planes específicos para ecommerce:

El alojamiento integrado de Webflow se sustenta en la CDN (red de distribución de contenidos) global de Amazon Web Services (AWS) y Fastly: una infraestructura a escala mundial que da soporte a millones de sitios web y garantiza tiempos de carga óptimos sea cual sea el volumen de tráfico.

Eso sí, comparado con WordPress u otros CMS populares, Webflow dista mucho de ser el más extendido. Según w3techs, su cuota de mercado actual es del 1,1 %, que parece un error de redondeo frente al 62,6 % de WordPress. Entonces, ¿por qué merece la pena tenerlo en cuenta? ¿Qué lo hace tan interesante para el SEO?

En resumen: ¿Es Webflow bueno para el SEO?

La gran baza de Webflow es que permite acercarse mucho al código. Al contrario que la mayoría de builders —que lo ocultan por completo, como Wix o el builder de GoDaddy—, Webflow es una herramienta de programación visual.

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

Eso sí, quienes empiezan desde cero lo tendrán más difícil. Ahora bien, esa exigencia se traduce en dos ventajas importantes:

1. El código que genera Webflow puede ser tan limpio y semántico como el de un desarrollador con años de experiencia. A diferencia de los builders habituales, no produce código inflado, lo que se traduce en sitios más rápidos y limpios.
2. Si tienes una idea de diseño ambiciosa, Webflow rara vez se interpone en tu camino. ¿Layouts complejos o animaciones sofisticadas? Los implementas sin plugins adicionales ni retoques manuales en el código. Al personalizar la UX o la UI para tu audiencia, las plantillas prefabricadas o los módulos predefinidos no suponen ningún obstáculo.

Más adelante analizamos en detalle los factores SEO on-page más importantes, pero ya adelantamos que Webflow sale bastante bien parado.

Cómo hemos testeado las capacidades SEO de Webflow

Al ser software propietario, probar Webflow de forma aislada resulta más sencillo que con cualquier CMS de código abierto. Cuenta además con plugins de terceros —llamados Apps— similares a los del ecosistema de WordPress.

Incluye también su propio servicio de alojamiento, así que no hace falta contratar un plan de hosting externo ni configurar ningún servidor.

Así fue nuestro proceso:

1. Dejamos Webflow en su estado original y medimos la velocidad 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 analizamos en detalle cómo implementar las tareas SEO on-page más importantes en Webflow. Pero antes, un repaso rápido a los puntos fuertes y débiles 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 aproxima bastante al que produciría un programador profesional trabajando a mano. El resultado: sitios limpios y fluidos que solo cargan el código estrictamente necesario, lo que repercute directamente en el rendimiento. Para comprobarlo, editamos ligeramente una plantilla gratuita de Webflow y la sometimos a Google PageSpeed Insights, aún sin ninguna optimización adicional.

El resultado para móvil: 84 puntos…

Y en desktop: 96.

Gran parte del tiempo de carga corresponde al elemento con el mayor renderizado de contenido (Largest Contentful Paint), algo susceptible de optimización.

UX y libertad creativa

Otra ventaja de Webflow para el SEO es la libertad creativa que ofrece tanto el software como el CMS. No existen los límites de un tema ni de un plugin: el diseño de la interfaz visual responde únicamente a lo que mejor se adapta a tu audiencia.

Una libertad que puede traducirse en mejores señales de usuario y 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 que Google no indexe una página concreta? Activas un interruptor y listo…

En Webflow no siempre es así. Aunque existen complementos llamados Apps (gratuitos y de pago), se trata de una funcionalidad bastante reciente, y la selección aún no alcanza la variedad que ofrece WordPress.

Por eso, a diferencia de WordPress y otros CMS consolidados, no siempre existe una solución para cada funcionalidad que puedas necesitar.

Para algunas funciones, como los datos estructurados, sí existen Apps disponibles. Para otras, la solución más sencilla pasa por añadir código personalizado a la página. No es ningún drama, pero resulta bastante menos intuitivo que en plataformas donde esas funciones vienen integradas de serie.

Lo malo: requiere conocimientos técnicos, lo que lo aleja de quienes empiezan 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: en algunos casos, resultan imprescindibles para sacarle el máximo partido. Seré honesto: la curva de aprendizaje de Webflow es pronunciada. Puedes aprender lo esencial de forma gratuita a través de Webflow University, su portal de cursos en vídeo, pero la flexibilidad extra que ofrece trae consigo muchos más controles que dominar.

Así que si partes de cero en Webflow y en programación y esperas construir tu sitio arrastrando y soltando elementos como en otros builders, llévate las expectativas a la baja.

SEO on-page básico: ¿cómo se defiende Webflow?

¿Y cómo responde Webflow ante los factores 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 configurar el título SEO y la meta descripción de forma individual para cada página, con una previsualización del snippet tal como aparecería en los resultados de Google para desktop.

Designer > Pages > Edit Page Settings

Webflow también admite plantillas para títulos y descripciones, algo que no era posible la última vez que lo analizamos.

Estas plantillas se configuran en los ajustes de la página de colección —como la página principal de categorías del blog—, tal como se ve 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 SERPs.

Slug de página / URL

Control en Webflow: sí

Definir un slug personalizado en Webflow es sencillo: en el mismo lugar donde configuras el título SEO y la meta descripción, puedes establecer tu propio slug para cada página o página 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

En Webflow puedes añadir la URL base de tu sitio web (por ejemplo, https://tusitio.com) como etiqueta canónica global. Esta URL se combina con el slug único de cada página para generar las etiquetas canónicas correspondientes.

Site Settings > SEO

Además, puedes añadir etiquetas canónicas para páginas concretas mediante el editor de código personalizado de Webflow (Page Settings). Basta con insertar el siguiente código en el área «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 Google si debe indexar (1) o no (2) una página:

• <meta name="robots" content="index, follow"> — indexa esta página, Google
• <meta name="robots" content="noindex, follow"> — ignora esta página, Google (pero sigue sus enlaces)

La primera opción no es estrictamente necesaria —Google indexa por defecto cuando la página cumple sus estándares de calidad—, aunque tampoco perjudica incluirla.

Si no deseas que una página quede indexada, añade este código en los ajustes de la página, en el área «Inside <head> tag»:

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

Designer > Pages > Edit Page Settings

Algo más laborioso que activar un interruptor, aunque tampoco es un gran escollo.

Etiquetas de encabezado (h1, h2, h3…)

Control en Webflow: sí

Cada vez que añades un encabezado HTML en Webflow, puedes elegir la etiqueta correspondiente, de H1 a H6, con la posibilidad de modificarla en cualquier momento.

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 e intuitiva de configurar los datos estructurados: hay que añadirlos manualmente a la página mediante la función de código personalizado. Generadores de código como este pueden facilitar la tarea.

Respecto a nuestra última revisión, ahora existen varias Apps que simplifican la implementación de schema en Webflow, como Flowtrix y FluidSEO.

Ambas cuentan con un plan gratuito y se encargan tanto de generar el schema como de añadirlo a la página.

SEO para imágenes

Control en Webflow: sí

Webflow permite añadir texto alternativo a cada imagen.

Designer > Assets > Open Asset Settings

La plataforma también muestra el peso del archivo y el nombre de la imagen (que no se modifica automáticamente). Si el archivo pesa demasiado o has olvidado añadir texto alternativo, Webflow te lo recordará.

Además, escala las imágenes automáticamente y sirve distintos tamaños según el dispositivo, una funcionalidad muy útil. También admite lazy loading de serie, con la opción de desactivarlo imagen por imagen.

Lo que no ofrece Webflow es compresión de imágenes: deberás optimizarlas antes de subirlas, por ejemplo con una herramienta como TinyPNG.

HTTPS

¿Los sitios alojados en Webflow usan HTTPS? sí

Si utilizas el servicio de alojamiento integrado de Webflow, tu sitio web usará HTTPS por defecto. Esto aplica tanto al subdominio de pruebas de Webflow como a los dominios personalizados que hayas adquirido y vinculado.

Archivo robots.txt

¿Se puede editar en Webflow? sí

Desde los ajustes del sitio accedes directamente al robots.txt y puedes modificarlo a tu gusto.

Site Settings > SEO

Sitemaps XML

¿Los genera Webflow? sí

Webflow genera un sitemap XML de forma automática y lo actualiza cada vez que realizas cambios en el sitio. Si prefieres gestionarlo tú mismo, puedes desactivar esta función desde los ajustes.

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 construidos desde cero no siempre son aptos para móvil por defecto. Algunos temas lucen bien en desktop pero no en móvil, y los proyectos creados desde cero requieren adaptación específica para dispositivos móviles, igual que en el desarrollo tradicional.

Dicho esto, el Webflow Designer permite cambiar entre distintos breakpoints durante el desarrollo, de forma que puedes previsualizar el sitio en tablet o smartphone (vertical u horizontal) e implementar decisiones de diseño específicas para cada resolución.

Si quieres optimizar la experiencia de quienes visitan tu sitio desde móvil —por ejemplo, reorganizando ciertos elementos en smartphones o ocultándolos directamente—, Webflow ofrece una libertad casi total.

Un enfoque muy cercano al ideal para el SEO, ya que permite personalizar y optimizar por completo la experiencia móvil.

Conclusión: Webflow puede ser una buena opción para el SEO, aunque no es apto para quienes empiezan desde cero

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

Como apuntábamos al inicio, Webflow resulta atractivo para el SEO por dos razones: código limpio y optimizado para buscadores sin código inflado, y una gran libertad creativa para el diseño UX/UI en cualquier pantalla.

¿Sus puntos débiles? El ecosistema de extensiones de terceros sigue siendo limitado comparado con WordPress, y la curva de aprendizaje es pronunciada: no es la opción para quienes buscan montar un sitio rápido y sin complicaciones.

En definitiva, Webflow es una opción sólida para quienes cuentan con los conocimientos y la experiencia necesarios para manejarlo con soltura.

¿Quieres ver 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. ¡Consúltalos y descubre cuál es la mejor opción para ti!

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.