SEO programático: cómo crear 300 páginas de destino en una semana

A través de una exhaustiva investigación de palabras clave, descubrimos un tesoro de más de 300 palabras clave de cola larga relacionadas con la frase “mejores aplicaciones de Shopify”, que creíamos que el público objetivo de DelightChat —propietarios de tiendas de comercio electrónico que usan la plataforma Shopify— estaba buscando.

La forma habitual de atender estas palabras clave habría sido recopilar los datos, escribir el contenido de cada página de destino y publicar las más de 300 páginas a lo largo de varios meses. Sin embargo, queríamos movernos rápido y encontrar una manera de ejecutar este proyecto en 1 semana. Ideamos una forma de aprovechar nuestras capacidades de ingeniería para rastrear internet en busca de datos sin procesar, que luego pudimos categorizar y etiquetar manualmente, e incluso reescribir donde fuera necesario.

Esta metodología se llama SEO programático, y es como empresas como Tripadvisor, Thomas Cook, Nomad List y otras generan miles de páginas de destino dirigidas a palabras clave de cola larga. Si buscas aprender más, aquí tienes un estudio de caso detallado de Marketing Examples.

¿El resultado final? Echa un vistazo a la página principal del proyecto Best Shopify Apps, que contiene las 324 páginas de destino que creamos en este proyecto.

Por qué elegimos Webflow para este proyecto

El sitio web de DelightChat funciona con Webflow. Aunque nuestra primera idea fue crear este proyecto de SEO programático usando código, decidimos investigar a fondo y encontrar una manera de hacerlo usando Webflow.

Había numerosas ventajas para seguir usando Webflow, pero las siguientes me llamaron la atención:

• Un diseño y una experiencia consistentes para los visitantes del sitio web
• La capacidad de nuestro equipo de marketing para cambiar el diseño de las páginas del proyecto sin la ayuda del equipo de ingeniería
  

Resulta que Webflow tiene una potente API de CMS y documentación extensa que es fácil de navegar. Nuestros requisitos eran:

• Crear nuevos elementos de colección CMS con un slug definido
• Añadir contenido variado como campos de texto, texto enriquecido e imágenes a cada elemento
• Usar la función de referencia múltiple para conectar dos colecciones CMS separadas (por razones explicadas en la siguiente sección)
  

Después de una lectura rápida, supimos que podíamos ejecutar el proyecto a la perfección usando Webflow.

Estructurar la colección CMS con precisión para adaptarla a nuestro proyecto

Antes de poder enviar datos a Webflow, primero tuvimos que crear la estructura de colección CMS adecuada para nuestro proyecto.

Nuestro proyecto tenía dos componentes clave:

1. Aplicaciones individuales de Shopify y sus datos asociados: "Apps"

2. Páginas de destino que contendrían una o más aplicaciones de Shopify: "Best Shopify Apps"

Almacenar la información sobre cada aplicación y las páginas de destino en una sola colección resultó ser un engorro.

Afortunadamente, el CMS de Webflow tiene un elemento llamado campo de referencia múltiple, que permite hacer referencia rápidamente a elementos de una colección CMS diferente y mostrar todos sus datos dentro de la colección principal.

Creamos 2 colecciones, que luego pudimos conectar mediante la función de campo de referencia múltiple.

La primera colección, llamada Apps, contiene todos los datos de las aplicaciones individuales de Shopify. La segunda colección, llamada Best Shopify Apps, tiene artículos de listas que contienen varias aplicaciones de Shopify mediante referencias a la colección Apps.

Generación de páginas mediante la API del CMS de Webflow

Leer la documentación de la API del CMS fue fácil y directo. El código que utilizamos en nuestro proyecto no es muy diferente de los fragmentos de código de ejemplo de la página de documentación. Esto se debe a que copiamos y pegamos el código de ejemplo de Webflow y solo lo modificamos cuando fue necesario. Fácil, ¿verdad?

Creación de un nuevo elemento de colección CMS

Utilizamos los fragmentos de código mencionados en la página de documentación de la API de Webflow, modificamos el código ligeramente y empezamos a crear nuevos elementos de colección en un abrir y cerrar de ojos.

Se utilizó la misma llamada a la API para rellenar todos los campos de la colección en cada elemento, y pudimos enviar todo tipo de datos, como un número en el campo de calificación promedio o texto en el campo de descripción corta. Subir una imagen es tan sencillo como proporcionar una URL de imagen al campo de imagen de la aplicación.

Para nosotros era vital definir el slug de cada URL, lo cual pudimos hacer usando el campo slug en la API.

Adición de elementos de referencia múltiple en cada elemento de colección

Como explicamos anteriormente, nuestro proyecto tenía dos componentes clave. Necesitábamos vincular los 2 usando un campo de referencia múltiple en los elementos de la colección Best Shopify Apps.

Hacerlo fue muy fácil con la API. Para añadir una referencia, todo lo que necesitábamos era el ID de elemento único del elemento de la colección Apps.

Nuestro equipo de ingeniería señaló que usar la API del CMS de Webflow fue rápido y sencillo. La extensa documentación facilitó mucho el inicio. Podíamos subir 8 elementos de colección CMS por segundo, lo que significa que, teóricamente, se pueden generar 4800 páginas en 10 minutos.

Creación de páginas de destino en el Editor de Webflow

Una vez que tuvimos todos los datos en su lugar, diseñar las páginas de destino fue la parte más sencilla del proceso.

El marketplace de Webflow ofrece decenas de plantillas de alta calidad, además de estupendos tutoriales sobre cómo crear sitios web increíbles. Así que no nos detendremos demasiado en la parte del diseño.

Sin embargo, te mostraremos lo fácil que fue extraer todos los datos necesarios a la página, incluso los datos de elementos vinculados en el campo de referencia múltiple.

Primero, optamos por un diseño sencillo que hiciera que las páginas de destino de Best Shopify Apps parecieran entradas de blog. Fue muy fácil completar la página con datos de los campos de la colección. Solo tuvimos que seleccionar el campo de la colección.

Después, fue igual de sencillo extraer datos del campo de referencia múltiple Linked Apps, que, en nuestro caso, obtuvo toda la información necesaria sobre cada aplicación. ¡Así de fácil!

Dado que el objetivo principal de nuestro proyecto era posicionarnos en las búsquedas de Google, es fundamental configurar el meta título y la meta descripción de cada página para que coincidan con la intención de búsqueda del usuario.

Webflow lo hace extremadamente sencillo al permitirte hacer referencia a campos de colección del CMS en los metadatos. Esto significa que cada página de destino tenía un meta título y una descripción únicos. ¡Zas!

Un CMS compatible con SEO programático

Nuestra experiencia con Webflow ha sido fenomenal. Sin la API del CMS, no habríamos podido publicar más de 300 páginas en solo una semana. Como ya sabrás, las páginas de Webflow son rápidas y están optimizadas para SEO. Esto nos ayudó a alcanzar las 6000 impresiones de búsqueda diarias en solo 6 semanas.

Si planeas aprovechar el SEO programático y escalar tus esfuerzos de crecimiento orgánico, el CMS de Webflow es una opción muy atractiva.