Hace unos meses, renovamos una entrada del blog en el sitio web de Sweor con el objetivo de aprovechar algunas posiciones en palabras clave e impresiones que eran buenas, pero no excelentes. Los resultados fueron alucinantes.
Esto fue lo que vimos:
- 209% de aumento en visitas únicas a la página
- 46% de aumento en el tiempo promedio en la página
- 151% de aumento en clics totales
- 366% de aumento en impresiones
- 52% de aumento en enlaces externos totales
¿Lo mejor de todo?
Todo ocurrió en menos de un mes.
Gran parte de este éxito fue resultado directo del papel que desempeña Webflow en nuestro negocio como plataforma de diseño, desarrollo, CMS y marketing de contenidos.
Sí, lo dije: marketing de contenidos.
La plataforma que utiliza un diseñador web para crear y gestionar un sitio tiene un impacto significativo en su éxito. Nadie me va a llevar la contraria en esto (espero). Un CMS visual e intuitivo ayuda a crear páginas nuevas y a categorizar el contenido sin complicaciones. Un diseñador visual integra los procesos de diseño y desarrollo, lo que da como resultado un producto final coherente.
Pero, ¿qué pasa con lo demás? ¿Con aquello que realmente hace que la gente vea tu maravillosa creación? Como todos sabemos, hasta el sitio web más bonito es inútil si nadie lo encuentra.
Aquí vienen las buenas noticias:
Webflow también puede ayudarte a dominar el SEO y el marketing de contenidos.
En esta publicación, analizaremos cómo logramos resultados tan significativos en tan poco tiempo. También veremos el papel fundamental de Webflow para impulsar el éxito de nuestro contenido.
Adiós al contenido antiguo (bueno, más o menos)
En Sweor, desarrollamos un proceso especial para insuflar nueva vida al contenido existente con gran potencial, tanto para nuestro contenido como para el de nuestros clientes. Lo llamamos La técnica del inflador.
Nosotros también usamos esta técnica. –Editor
El proceso comienza identificando contenido con gran potencial que ya posiciona para palabras clave de mucho tráfico. Ese tipo de contenido que recibe muchísimas impresiones, pero que se queda atrás en métricas como la tasa de clics (CTR), la tasa de rebote y el tiempo de permanencia en la página.
Una vez localizado este contenido, podemos reelaborarlo para aprovechar su éxito actual y mejorar esas métricas clave que no están rindiendo como deberían.
Lo que revelaron nuestros datos de búsqueda
Al revisar los datos de búsqueda del contenido existente en nuestro blog, notamos que un artículo de 2015 titulado “8 Staggering Statistics About Responsive Web Design” estaba superando significativamente a contenidos similares en nuestro blog.
Y cuando digo “significativamente”, no es ninguna broma.
En el transcurso de dos años y medio, obtuvo un 8,057% más de impresiones que el promedio de las publicaciones del blog y consiguió 25 enlaces externos sin haber hecho ninguna promoción del contenido.
Un análisis más detallado sacó a la luz los defectos fatales del artículo.
Posicionaba para muchísimas palabras clave y obtenía una cantidad masiva de impresiones en comparación con nuestro otro contenido, pero casi nadie que lo encontraba en las páginas de resultados de los motores de búsqueda (SERP) hacía clic. Más del 80% de los que sí lo hacían, rebotaban. Nada bueno.
En lugar de dejar que el artículo siguiera ahí, estancado en esa incómoda combinación de alto potencial y bajos resultados, decidimos hacer algo al respecto.
Nota al margen: estos resultados de contenido desequilibrados no son exclusivos de nuestro blog. Las auditorías de sitios revelan que la mayoría tiene al menos uno o dos casos atípicos que superan las expectativas, pero que no alcanzan su verdadero potencial.
Lo que pones en tu sitio importa tanto como el sitio en sí.
Dando paso al nuevo contenido
“8 Staggering Statistics About Responsive Web Design” rebosaba potencial, pero también necesitaba un buen lavado de cara, tanto visual como técnico. Nos embarcamos en la misión de reescribir y rediseñar el artículo mientras ajustábamos su SEO técnico.
El resultado, “13 Mind-Blowing Statistics About Responsive Web Design In 2018: Entering A Mobile-First World”, superó todas nuestras expectativas. Más que duplicó su tráfico y sus enlaces externos, y mejoró todas las métricas de interacción importantes.
De hecho, nos inspiró a crear el estudio de caso de marketing de contenidos e implementar la estrategia en nuestras operaciones habituales de marketing.
A la hora de preparar nuestro artículo actualizado para el éxito en SEO y la interacción del usuario, la versatilidad de diseño de Webflow y sus intuitivas herramientas de SEO demostraron ser nuestra mayor arma secreta. Webflow no solo nos permite crear contenido atractivo y visualmente impactante, sino que también nos da la flexibilidad de ajustar configuraciones SEO importantes tanto antes como después de la publicación.
Esto elimina las barreras entre la redacción, el diseño y los aspectos técnicos del contenido.
Cómo usamos Webflow para potenciar el SEO de nuestro contenido
Antes de profundizar en cómo Webflow beneficia a los especialistas en marketing de contenidos, es importante reconocer el simple hecho de que el buen contenido no se escribe solo.
Existen varias claves para crear contenido que genere resultados SEO y conecte con la audiencia. Para leer sobre cómo implementamos estas técnicas de creación de contenido y búsqueda de palabras clave en nuestro artículo mejorado, echa un vistazo al estudio de caso original.
Hoy nos centraremos en el aspecto web, concretamente en el diseño y el SEO on-page.
Webflow nos brinda las herramientas necesarias para lograr un éxito sostenido en SEO y marketing de contenidos. Vamos a repasar algunas de estas herramientas y cómo pueden potenciar drásticamente la eficacia del contenido estancado de cualquier sitio web.
Crea contenido visualmente atractivo
No debería sorprender a nadie que incluir elementos visuales en el contenido lo haga más interesante, memorable y fácil de consumir. Ya sea un vídeo, un gráfico personalizado o una captura de pantalla, los apoyos visuales refuerzan los argumentos, se adaptan a diferentes estilos de aprendizaje y eliminan esos bloques de texto que agobian a cualquiera.
Nuestro artículo original era lamentablemente insuficiente en este aspecto. De hecho, aquí tienes una captura de pantalla de todo el post, que apenas llegaba a las 355 palabras:
No te juzgaré si no lo lees. Yo tampoco lo haría.
El artículo había logrado obtener impresiones porque posicionaba para numerosas palabras clave relacionadas con el diseño web adaptativo. Por desgracia, esas impresiones rara vez se convertían en clics, y los pocos usuarios que hacían clic apenas se quedaban o interactuaban con el contenido.
¿Por qué? Porque conseguir el clic es solo la mitad de la batalla.
Al crear contenido, es importante tener en cuenta cómo la intención de búsqueda —lo que la gente busca específicamente— influye en que el usuario interactúe positivamente con tu artículo.
¿Has respondido a todas las preguntas que plantean las posibles consultas de búsqueda para las que tu artículo podría posicionar? ¿Las has respondido de forma más eficaz y completa que los otros recursos que aparecerán junto al tuyo en las páginas de resultados?
Si el enfoque de tu contenido no se alinea con lo que buscan tus usuarios, estos reaccionarán en consecuencia y, tarde o temprano (probablemente temprano), el algoritmo RankBrain de Google lo hará desaparecer.
En nuestra versión reescrita y rediseñada, usamos Webflow para crear un diseño más dinámico, incluyendo gráficos personalizados para apoyar nuestro contenido y mejorar la interacción. El editor de Webflow no solo facilita la inserción de imágenes, sino que también ofrece acceso rápido a ajustes SEO importantes, como el texto alternativo.
Considera el contenido estático frente al dinámico
Las colecciones del CMS son una forma excelente de organizar y crear nuevas páginas sin tener que rediseñarlas desde cero; Webflow tiene un recurso fantástico sobre las colecciones del CMS. Estas colecciones también nos permiten crear etiquetas específicas para distintas categorías de contenido. Usamos muchas páginas dinámicas tanto en los sitios web de nuestros clientes como en el nuestro.
A veces, optamos por usar páginas estáticas para nuestro contenido extenso y detallado, ya que nos da más flexibilidad a nivel de página para crear diseños personalizados. Por ejemplo, este artículo extenso con una infografía web utiliza Interactions 2.0 para crear una representación más atractiva de las estadísticas y cifras incluidas en el post.
Nuestro diseñador trasladó nuestra versión mejorada a una página estática para obtener más opciones de personalización, utilizando bloques de color para mejorar la legibilidad.
Diseña interacciones y animaciones sin escribir código
Crea interacciones y animaciones complejas sin tener que tocar ni una línea de código.
Optimiza las etiquetas de título y descripción para lograr un CTR brillante
Las etiquetas de título y las meta descripciones son la fruta al alcance de la mano en el mundo del SEO.
Cambiar las etiquetas de título y descripción antiguas por otras más relevantes y atractivas puede tener un impacto enorme en el número de impresiones que recibe tu contenido, por no hablar del CTR de una página determinada. Afortunadamente, Webflow nos da todas las herramientas necesarias para crear y publicar al instante etiquetas de título y descripción para contenido nuevo y existente.
En una página estática, podrás crear y editar las etiquetas de título y las meta descripciones en la configuración de la página:
Dentro de una colección del CMS, puedes definir un patrón que todas las páginas de la colección utilicen para las etiquetas de título y descripción. Esto hará que esas páginas nuevas generen ambas etiquetas automáticamente al crearlas.
Alternativamente, puedes usar el Diseñador para añadir campos personalizables de "Meta Título" y "Meta Descripción" a la colección:
De esa forma, puedes añadir y editar las etiquetas de título y descripción dentro del elemento de la colección antes de publicar la entrada.
En Webflow, usamos el título y el subtítulo dirigidos al lector para completar los campos de meta título y descripción. –Editor
Tanto si estás creando una página estática para alojar tu contenido como si se trata de una página dinámica dentro de una colección, es fundamental contar con unas buenas etiquetas de título y descripción.
Webflow también puede ayudarte con los aspectos técnicos de la creación de tus etiquetas SEO. En el Editor y en el Diseñador, puedes ver vistas previas de cómo aparecerá tu página en los resultados de búsqueda, para que te asegures de que tus etiquetas se ven como quieres y tienen la longitud adecuada.
Google suele cortar los meta títulos a los 60 caracteres aproximadamente, y las meta descripciones, a finales de 2017, podían llegar a tener hasta 300 caracteres.
Optimiza la información de Open Graph
Del mismo modo que las etiquetas de título y las meta descripciones son importantes para definir el rendimiento de un contenido en los resultados de búsqueda, la información de Open Graph decide cómo aparecerá tu contenido cuando se comparta en redes sociales.
No rellenar los campos de título, descripción e imagen de Open Graph te hace perder el control sobre cómo se muestra tu contenido en las plataformas sociales. Esto puede influir significativamente en la interacción.
Afortunadamente, Webflow facilita rellenar la información de Open Graph. En las páginas estáticas, puedes acceder a la configuración de Open Graph en el Editor, dentro de la configuración de la página:
También puedes acceder a la configuración de Open Graph desde el Diseñador:
Disfruta de tranquilidad con un alojamiento de calidad
Esto no se refiere necesariamente a un contenido en particular, pero el alojamiento de Webflow es rápido, fiable y seguro. Las empresas con sitios web cargados de contenido no tienen que preocuparse por la velocidad o las caídas, algo muy importante para el SEO, ya que afectan a las tasas de rebote.
Optimiza las imágenes
Al añadir una imagen en el Editor, verás su tamaño. Esto evitará que añadas imágenes enormes que ralenticen la página y afecten negativamente al SEO.
Configura los enlaces para que se abran en una pestaña nueva (o no)
El Editor facilita tu estrategia de enlaces internos y externos. Puedes convertir fácilmente cualquier línea en el texto ancla de un enlace.
También puedes hacer clic en el icono de ajustes y configurar el enlace para que se abra en una pestaña nueva, por si no quieres que los usuarios abandonen tu contenido:
Sácale partido al código personalizado
El código personalizado facilita la implementación de etiquetas de seguimiento y análisis. Nosotros usamos Google Analytics, Google Tag Manager, Facebook Pixel y AdRoll en los sitios de nuestros clientes.
Webflow no es solo un creador de sitios web, es un creador de presencia digital
Tanto si eres un diseñador web profesional como si acabas de empezar en Webflow, sabes que crear un sitio es solo una parte de la ecuación digital. Lo que incluyes en tu sitio es tan importante como el sitio en sí. Influye en quién encuentra tu negocio y qué hace cuando llega a tu puerta virtual.
Todo el que se dedica a crear contenido tiene dos objetivos principales:
- Llevar gente al contenido
- Conseguir que la gente responda al contenido
Webflow es fundamental para reforzar estos dos objetivos, ya que permite un diseño visual atractivo, una edición de contenido sencilla en la página y ajustes de SEO fáciles de usar al alcance de la mano.
Aprende más con SEO y Webflow: la guía esencial.
