Como era bastante escéptico, decidí que para poner a prueba las capacidades de SEO de Webflow, tenía que migrar mi blog de WordPress.
Esto fue en 2017 y me sentía estancado, ya que intentaba escalar mi sitio web mientras trataba de depender de menos herramientas.
Estaba convencido de que Webflow era la solución, pero también me aterraba la migración porque posicionaba para muchas palabras clave.
En aquel entonces, mi sitio acababa de ser hackeado y estaba harto de depender de tantos plugins de terceros para crear landing pages (más o menos) personalizadas sin saber programar.
Así que decidí apostar todo por Webflow. Solo era cuestión de tiempo saber si había tomado la mejor o la peor decisión de SEO de mi vida.
Durante los siguientes fines de semana, migré mi sitio de WordPress a Webflow. Vi videos de YouTube de Webflow University, Flux, CharlieMarieTV, pixelgeek y Timothy Ricks para entender cómo funcionaba todo.
A los pocos días de lanzar mi nuevo sitio en Webflow, descubrí que no solo mantuve todas mis posiciones, sino que incluso mejoré algunas. Por ejemplo, antes de migrar a Webflow, ocupaba el puesto número 8 para una palabra clave muy competitiva y, tras la migración, subí al número 2.
Esto me llevó a investigar a fondo por qué sucedió y qué era realmente Webflow. Sabía que era una gran herramienta para diseñadores y desarrolladores front-end, ¿pero era también el secreto mejor guardado de los especialistas en marketing? Sin duda, no sería el primero en decirte que Webflow tiene algunas de las mejores funciones de SEO que existen.
Webflow es una herramienta infravalorada para los especialistas en marketing
Para ser totalmente transparente, en el momento de escribir esto, trabajo en Webflow y ayudo a liderar iniciativas de SEO. Es casi imposible no sonar parcial a veces, ya que llevo usando Webflow bastante tiempo, incluso antes de trabajar para la empresa.
Pero incluso si no trabajara en Webflow, estoy seguro de que seguiría siendo mi herramienta principal para crear sitios web y gestionar contenido en un CMS.
Porque, como especialista en marketing, necesito una plataforma que maximice mis esfuerzos de SEO, me permita crear rápidamente landing pages personalizadas para campañas y me dé la capacidad de diseñar experiencias a medida sin tener que involucrar a ingenieros.
Y no soy el único: los especialistas en marketing que han usado Webflow han descubierto que tienen control total sobre el sitio web de su empresa. No hace falta recurrir a los equipos de desarrollo cuando el equipo de marketing necesita editar contenido, añadir códigos de seguimiento o crear nuevas páginas.
Esto permite que incluso un solo especialista en marketing pueda crear desde cero un sitio web corporativo rápido y optimizado para SEO.
«Webflow simplemente me permite hacer lo que quiero. No hace falta subir nada a un entorno de pruebas ni llamar a un amigo programador para que monte un prototipo. Con Webflow, puedo hacerlo todo yo mismo con total confianza».
Ha sido increíble ver cómo la migración a Webflow ha mejorado el tráfico SEO de muchas empresas. Sus sitios no solo son más rápidos y ligeros en Webflow, sino que también tienen una mejor estructura de contenido, lo que facilita que Google rastree e indexe las páginas.
Incluso en Webflow, usamos el CMS de Webflow para crear landing pages y artículos de blog, todo impulsado por Webflow Hosting.
Y en el último año, hemos podido usar las funciones de SEO de Webflow para hacer crecer nuestro blog —el que estás leyendo ahora mismo— a más de 300,000 visitas al mes:
Y sí, Webflow.com está creado y alojado completamente en Webflow, así que eso debería decirte algo sobre su potencia.
Entonces, ¿es Webflow bueno para el SEO? Yo diría que es una de las mejores opciones disponibles. Incluso Astawa estaría de acuerdo:
Para los especialistas en marketing, el SEO es crucial; sin esfuerzos sólidos de SEO, te costará mucho conseguir visitas orgánicas desde los motores de búsqueda. Por desgracia, si buscas guías de SEO o factores de posicionamiento en internet, encontrarás mucho ruido.
Simplifiquémoslo. Si quieres un sitio web bien optimizado, estas son las preguntas más importantes que debes hacerte:
- ¿Tiene mi sitio web un diseño adaptable?
- ¿Estoy limitando el número de scripts que uso y es el código ligero?
- ¿Tengo un proveedor de alojamiento seguro y rápido?
- ¿Puedo crear diferentes formatos de contenido como blogs, páginas de categorías, páginas de productos, páginas de destino, etc.?
- ¿Puedo añadir y editar fácilmente meta títulos, descripciones y etiquetas alt?
- ¿Puedo editar ajustes técnicos de SEO como etiquetas canónicas, mapas del sitio, archivos robots.txt, proxies inversos y código personalizado?
Si puedes responder "sí" a las seis preguntas, tienes todos los controles necesarios para crear un sitio web optimizado para SEO.
Por suerte, en Webflow podemos decir "sí" a las seis. Pero te preguntarás, ¿cómo puedo maximizar mis esfuerzos de SEO en Webflow? Déjame explicártelo.
Webflow: tu plataforma integral para un sitio optimizado para SEO
No puedes tener un buen SEO si tu sitio web es lento o difícil de indexar y clasificar para Google. Por eso el equipo de Webflow ha puesto tanto empeño y dedicación en hacer que Webflow sea rápido y ligero.
Con Webflow, puedes asegurarte de que todos tus sitios web utilicen un alojamiento de nivel empresarial (basado en AWS), produzcan código semántico limpio, te permitan ajustar los ajustes de SEO sin añadir plugins y te den más flexibilidad con las estructuras de contenido y el diseño web.
Aquí tienes por qué Webflow es la mejor opción para tu sitio web en cuanto a SEO.
Diseño adaptable
No es ninguna sorpresa que a Google le guste posicionar sitios web que ofrecen una buena experiencia de usuario. Pero, ¿cómo juzga Google algo tan subjetivo?
Una de las cosas clave que busca Google es el diseño web adaptable. Esto significa que las páginas de un sitio web deben sentirse como si estuvieran diseñadas específicamente para la pantalla en la que se están viendo, ya sea un ordenador de escritorio, una tableta o un dispositivo móvil.
Webflow tiene un montón de elementos HTML y diseños preconfigurados que son totalmente adaptables. Y si eliges una plantilla del mercado de plantillas, o sigues un tutorial en Webflow University, puedes estar seguro de que todo es adaptable.
Marcado de esquema y código personalizado
Poder añadir código personalizado a un proyecto es importante. En Webflow, si quieres añadir código personalizado a todo tu sitio web (todas las páginas), puedes hacerlo en los ajustes de tu proyecto.
Si quieres añadir código personalizado a páginas individuales (estáticas o dinámicas), puedes hacerlo en los ajustes de página dentro del Diseñador.
El código personalizado que añades a los ajustes de tu página puede ser cualquier cosa, desde añadir una etiqueta canónica (hablaremos de esto pronto) hasta código JavaScript.
Debido a que hay tantos tipos de contenido diferentes en la web, es una buena práctica proporcionar a Google tanta información sobre tu contenido como sea posible. De esta manera, Google puede estar más seguro de cuál es el propósito de tu contenido y cómo clasificarlo adecuadamente.
Una forma de abordar esto es añadir marcado de esquema a tu sitio web. Lo que hace el marcado de esquema es “mejorar la forma en que los motores de búsqueda leen y representan tu página en los resultados de búsqueda (SERP).” En Webflow, puedes añadir el código personalizado de esquema para una entrada de blog directamente en la sección de código personalizado de la configuración de tu página de plantilla del CMS. Al hacerlo, no solo obtendrás una mejor representación de la información en las búsquedas, sino que también tendrás más posibilidades de conseguir el codiciado fragmento destacado de Google.
Títulos y descripciones meta
Webflow te permite editar los títulos y descripciones meta de cada página que crees, ya sea estática o dinámica (CMS). En Webflow, también puedes ver una vista previa de cómo se vería el enlace en los resultados de búsqueda de Google accediendo a la vista que se muestra a continuación.
Poder editarlos no solo te ayudará a posicionarte con ciertas palabras clave y a que tus usuarios encuentren fácilmente lo que buscan, sino que también te dará la oportunidad de realizar pruebas A/B en titulares y descripciones para mejorar la tasa de clics (CTR) de tus páginas.
Es importante que todas tus páginas activas tengan etiquetas de título y descripciones meta precisas. Por lo general, conviene mantenerse por debajo de los 60 caracteres para las etiquetas de título y por debajo de los 155 caracteres para las descripciones meta.
Aquí tienes un ejemplo de cómo podría verse esto para una página estática:
Título y descripción meta para páginas de colección del CMS
Para contenido dinámico, como entradas de blog o páginas de destino basadas en el CMS, deberás editar las páginas de colección del CMS.
Para ello, definirás un patrón que todas las páginas de una colección utilizarán para su etiqueta de título y descripción meta. De esta forma, todos los elementos de la colección extraerán automáticamente su configuración SEO de cada colección basándose en el patrón que definas.
Para definir tu patrón, ve a la configuración de la plantilla de tu colección en el panel de páginas y añade los campos de la colección que quieras usar para tu título y descripción meta SEO en la sección de configuración SEO.
Por ejemplo, podrías añadir el campo “Nombre” de tu entrada de blog como etiqueta de título. De esta manera, cada entrada de blog tendrá automáticamente el nombre establecido como etiqueta de título.
Para la descripción meta, harás lo mismo. Haz referencia al "resumen" de tu entrada de blog.
También puedes combinar campos e incluso escribir texto personalizado para que funcione con ellos; son como variables entre las que puedes alternar para previsualizar todos los elementos de tu colección.
Gestión robusta de redirecciones 301
A veces las URL cambian. Ya sea por una migración de plataforma, de dominio o por una actualización de contenido, es importante asegurarse de que las URL obsoletas redirijan a las nuevas.
En la configuración de tu proyecto Webflow, puedes configurar fácilmente redirecciones 301.
Esta es una función muy útil si vas a migrar desde otra plataforma o si decides actualizar las URL para impulsar el tráfico SEO.
Históricamente, hemos visto saltos en el tráfico de las entradas de blog cuando las actualizamos para optimizarlas en torno a una palabra clave específica.
Por ejemplo, una vez actualizamos el slug de una entrada de blog para que fuera más amigable con el SEO y, tras publicar la actualización, configuramos una redirección 301 del slug antiguo al nuevo. Esto garantizó que todo el valor SEO del enlace antiguo se transfiriera al nuevo. Así es como afectó al tráfico de la entrada de blog:
El tráfico se duplicó de inmediato. Y lo mejor es que pudimos configurar la redirección 301 sin necesidad de involucrar al equipo de ingeniería. Pudimos ajustarlo todo directamente en la configuración de nuestro proyecto de Webflow y publicar el cambio en cuestión de segundos.
Edición sencilla de etiquetas alt de imágenes
Las etiquetas alt desempeñan un papel importante tanto en las estrategias de SEO como en la accesibilidad web. Añadir texto alternativo descriptivo a las imágenes ayuda a Google a entender de qué tratan la imagen y el contenido asociado, lo que influye en el posicionamiento del contenido. Además, ese mismo texto alternativo garantiza que los visitantes que utilizan lectores de pantalla reciban una descripción de la imagen.
Incluir etiquetas alt también contribuye a la experiencia de usuario general: los sitios web accesibles para más personas ofrecen una mejor experiencia que los que no lo son.
Cuando subes un recurso de imagen al Diseñador, puedes establecer fácilmente una etiqueta alt como descripción de la imagen.
Controles de indexación y sitemap
Indicarle a Google qué páginas quieres que rastree y cuáles no es vital para la salud SEO de tu sitio web.
En Webflow, puedes establecer preferencias de indexación e incluso crear un archivo robots.txt donde definir qué páginas no quieres que Google indexe ni posicione en los resultados de búsqueda.
Consulta la guía completa sobre cómo configurar tu archivo robots.txt en Webflow University.
Aunque es importante decirle a Google qué páginas no quieres que indexe, también puede ser útil indicarle cuáles sí quieres que tenga en cuenta. Para ello, crea un sitemap y envíalo a Google Search Console.
En la configuración de tu proyecto de Webflow, tienes la opción de generar un sitemap automáticamente o crearlo manualmente.
En la mayoría de los casos, lo ideal es generar el sitemap automáticamente. Pero para sitios más grandes y complejos, puede tener sentido hacerlo de forma manual, ya que podrás excluir páginas que no quieres que Google indexe, como las de "iniciar sesión" o el "panel de control de la aplicación".
Una vez que publiques tu sitemap, podrás encontrarlo en tusitio.com/sitemap.xml; esta es también la URL que enviarás a Search Console para notificar a Google sobre las páginas más importantes de tu sitio.
Etiquetas canónicas
Aunque el algoritmo de Google ha avanzado hasta el punto de poder identificar contenido duplicado por sí mismo, la mejor forma de ir un paso por delante es establecer enlaces canónicos.
Cuando añades una etiqueta canónica a una página web, básicamente le dices a Google que esa es la página original. Es un poco como acuñar una página, para todos los fans de los NFT que nos leen.
De esta forma, si tienes problemas de migración de enlaces o alguien copia tu contenido, podrás indicarle a Google cuál es la fuente original.
Las etiquetas canónicas son tan importantes que las usamos en casi todas las páginas del sitio de Webflow. Hay dos formas de añadir una etiqueta canónica a una página: mediante código personalizado o a través de la configuración del proyecto.
La vía más manual consiste en añadir esta línea de código a una página individual:
La imagen de arriba muestra cómo está configurado nuestro blog. "Canonical" es un campo de colección personalizado que definimos aquí como la URL de una entrada del blog.
La configuración para una página estática se vería así:
Pero todo esto es manual y un poco anticuado.
Por eso, creamos una función que te permite añadir una etiqueta canónica global en la configuración de tu proyecto. Esto establece una etiqueta canónica para todo tu proyecto.
Simplemente define tu URL en la configuración del proyecto una vez y Webflow creará automáticamente la etiqueta canónica adecuada para cada página de tu sitio, ya sea estática o dinámica.
Todo lo que tienes que hacer es ir a la pestaña SEO en la configuración principal de tu proyecto e introducir tu dominio principal.
Nota: la etiqueta canónica se establece a nivel de proyecto, algo a tener en cuenta si estás configurando proxies inversos con Webflow.
Proxy inverso
En casos de uso empresarial más complejos, es posible que tengas un sitio web grande con una base de datos extensa que esté alojada parcialmente fuera de Webflow. O quizás tengas varios proyectos de Webflow que quieras unir y alojar como un solo sitio web.
Para tener una configuración así, necesitarás configurar proxies inversos o usar el prefijo href en la configuración de tu proyecto.
Con los proxies inversos, necesitarás involucrar a un equipo de desarrollo para configurarlos. Pero puedes estar tranquilo sabiendo que, si se hacen correctamente, no afectan negativamente a tu posicionamiento SEO.
Para obtener más información sobre cómo configurar proxies inversos con Webflow, consulta estos recursos:
Opciones de publicación avanzadas
En la pestaña de alojamiento de la configuración de tu proyecto, si bajas hasta el final verás esto:
Aquí puedes activar (o desactivar) algunas funciones que ayudarán a acelerar tu sitio web. Es una buena práctica de SEO activar todas ellas. De esta forma, puedes mantener tu sitio web protegido con SSL y ayudar a acelerar tus sitios web minificando HTML, CSS y JS.
Alojamiento increíblemente rápido utilizado por grandes marcas
Todas las funciones mencionadas anteriormente son geniales y vitales para optimizar correctamente tu sitio web. Pero si tu sitio web no puede llegar a personas de todo el mundo —ya sea porque alguien tiene una conexión a internet lenta o porque está demasiado lejos de tu servidor— ninguna de las optimizaciones importa.
Por eso el alojamiento web es tan importante.
Para maximizar tus esfuerzos de SEO técnico y on-page, el hosting de Webflow ha sido diseñado para ser serverless y extremadamente rápido.
Esto significa que Webflow cuenta con un tiempo de actividad del 99.99% y nunca tendrás que actualizar nada en el servidor de tu sitio web.
Webflow.com está alojado completamente en Webflow y recibimos millones de visitas al mes. Así que puedes estar seguro de que cada sitio que construyas en Webflow contará con un hosting seguro, de nivel empresarial y escalable.
SEO y Webflow: la guía esencial
Descubre 13 consejos clave sobre SEO para sitios web, tanto si usas Webflow como si no.
Aumenta el tráfico orgánico escalando la producción de contenido
Saber cómo optimizar tu sitio web para los motores de búsqueda es importante. Pero saber cómo atraer tráfico SEO a tu sitio es fundamental.
Existen dos palancas principales que puedes mover para hacer crecer tu tráfico orgánico:
- La creación de nuevas páginas en tu sitio
- La obtención de nuevos backlinks.
Más páginas significan más oportunidades para que alguien haga clic en tu URL en los resultados de búsqueda de Google, y más backlinks significan una mayor autoridad de dominio para que esas URLs se posicionen mejor en los resultados.
No entraremos en detalles sobre los backlinks (a veces llamados SEO off-page) en este artículo porque es un tema aparte y no depende de Webflow en absoluto.
Pero lo más importante que podemos controlar es la creación de nuevas páginas, y eso se puede hacer en Webflow. Descubrirás que Webflow es también una plataforma creada para el especialista en marketing de contenidos moderno.
Las herramientas flexibles de gestión de contenidos de Webflow te permiten crear cualquier tipo de contenido que tu sitio necesite. Puedes fácilmente:
- Crear una interfaz intuitiva para que los equipos de contenido añadan y editen material
- Añadir campos personalizados sin plugins
- Diseñar visualmente layouts basados en contenido
- Importar contenido mediante un CSV
Mientras los diseñadores trabajan en el Webflow Designer, los especialistas en marketing y gestores de contenido pueden trabajar en el Webflow Editor. De esta forma, los equipos (y las personas) tienen el poder de producir contenido a gran escala. El Editor hace que añadir nuevo contenido sea tan sencillo como rellenar un formulario. Además, te permite editar etiquetas SEO y Open Graph.
Entonces, ¿qué tipo de contenido ayuda a aumentar el tráfico SEO?
Ejemplos de tipos de contenido para aumentar el tráfico orgánico
Aquí tienes algunos tipos de contenido para diferentes páginas que podrías crear para atraer tráfico SEO relevante:
- Páginas de producto (ver ejemplo)
- Páginas de casos de uso (ver ejemplo)
- Páginas de audiencia (ver ejemplo)
- Páginas comparativas (ver ejemplos)
- Entradas de blog (ver ejemplo)
Estas páginas ricas en contenido te ayudarán a posicionarte por más palabras clave y darán a los usuarios la oportunidad de descubrir tu contenido en Google cuando busquen una solución a su problema.
Si tu sitio es nuevo, considera crear entradas de blog para atraer tráfico SEO de la parte superior del embudo. Por lo general, los artículos de blog son los que generan la mayor cantidad de tráfico SEO no relacionado con la marca hacia tu sitio web.
No entraremos en cómo escribir la entrada de blog perfecta en este artículo, pero tenemos una guía completa sobre cómo crear una que posicione en Google.
Crea páginas nuevas de forma programática
Crear páginas de forma programática también puede ser otra manera de atraer un volumen importante de tráfico SEO a tu sitio web.
No solo eso, sino que puede ser una forma extremadamente eficiente de crear páginas nuevas en tu sitio. Todas las páginas de productos, casos de uso, audiencias y comparativas pueden crearse de forma programática, lo que te libera de tener que hacerlas una por una.
Lo mejor del CMS de Webflow es que puedes crear estas páginas en casi el mismo tiempo que tardas en publicar una entrada de blog.
Crear una lista de colección CMS para cada categoría, página de producto, caso de uso, audiencia y comparativa te permite diseñar una plantilla de sistema de diseño de landing pages para cada categoría.
Una vez que tengas tus plantillas de diseño, podrás sacar nuevas landing pages a una velocidad de vértigo y sin necesidad de un diseñador.
Puedes crear un sistema de diseño de landing pages para cualquier tipo de página en tu sitio. Imagina que quieres apostar por el SEO local y posicionarte para servicios en diferentes ciudades.
Lo único que tendrías que hacer es diseñar una página de plantilla CMS y configurar los campos desde donde se extraerá el contenido dinámicamente para cada página nueva.
De esta forma, podrías importar, por ejemplo, un archivo CSV con 100 nombres de ciudades diferentes y, con un solo clic, ¡generar 100 landing pages distintas!
Lecturas relacionadas: SEO programático: cómo crear 300 landing pages en una semana
Haz seguimiento de tus esfuerzos SEO con analíticas
Por último, es fundamental contar con mecanismos de retroalimentación que te indiquen si tu estrategia SEO está funcionando o no.
Aquí es donde entran en juego las analíticas. Aunque existen muchísimas herramientas externas de seguimiento SEO, solo las necesitas realmente si te estás enfocando de forma agresiva en ciertas palabras clave. Además, estas herramientas no siempre son precisas.
Google Search Console y Google Analytics son fuentes de información mucho más fiables para entender si los usuarios llegan a tu sitio a través de los motores de búsqueda.
Configurar tu código de seguimiento de Google Analytics en Webflow es tan sencillo como ir a la configuración de tu proyecto y añadir tu ID de seguimiento.
También puedes usar la pestaña de código personalizado en la configuración de tu proyecto para añadir otros códigos de analítica de marketing, como Tag Manager, Segment, Mixpanel, Amplitude y otras herramientas de terceros.
Gestión SEO diseñada para particulares y equipos
Como profesionales del marketing, tenemos una gran responsabilidad a la hora de mantener la salud y el éxito de las empresas.
Si lo piensas bien, la mayoría de las empresas tienen tres problemas fundamentales que intentan resolver constantemente: capital, contratación y captación de clientes.
Son problemas muy importantes para cualquier negocio, y el marketing desempeña un papel clave en la resolución de uno de esos pilares fundamentales: la captación de clientes.
Los profesionales del marketing no solo aportan un gran valor a las empresas, sino también a la sociedad al conectar a las personas con productos que pueden necesitar. Y eso es, literalmente, el SEO: crear y optimizar contenido para que aparezca en los motores de búsqueda cuando la gente busca algo.
La cantidad de tráfico SEO que un profesional puede generar depende de muchos factores, como el equipo, la estrategia y las herramientas utilizadas. Aunque las herramientas por sí solas no bastan, la combinación de buenas herramientas y una estrategia de contenidos puede ser muy potente.
Piénsalo como en una carrera de la NASCAR:
- El piloto: la estrategia de SEO y marketing de contenidos
- El coche: una plataforma como Webflow que permitirá al piloto ganar
- Paradas en boxes: herramientas de SEO de terceros
Todos estos elementos deben funcionar bien, tanto individualmente como en conjunto, para alcanzar el éxito.
Esta guía muestra cómo utilizar las herramientas de SEO integradas de Webflow para gestionar meta títulos, descripciones, indexación y optimizaciones de todo el sitio. Todo ello sin depender de plugins.
