> ## Documentation Index
> Fetch the complete documentation index at: https://sorank.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Configura tu blog de Webflow

> Doc Sorank - Configurar tu blog de Webflow

Sigue estos pasos para crear una colección de blog en tu sitio Webflow y conectarla a Sorank para que los artículos se publiquen directamente en tu CMS.

## Paso 1: Abre el panel CMS

Abre tu Webflow Designer. Haz clic en **CMS** en la barra de navegación superior. Haz clic en el botón **+** junto a "CMS Collections". Selecciona **Create collection**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/b1811ff01cdc66e3e4f5.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=4d664d2f205d4f0ca932c128c1214dca" alt="Step 1 - Open CMS and click + to create a collection" width="918" height="298" data-path="images/documentation/b1811ff01cdc66e3e4f5.jpg" />

## Paso 2: Crea una colección de blog

En el cuadro de diálogo "New Collection", haz clic en la plantilla **Blog Posts**. Establece el Collection Name como **Blog**. La URL se convierte en **/blog** automáticamente. Haz clic en **Create Collection**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/11feaaecf2eff29d0e60.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=53d173e2022e8939ce764eae4197d0a3" alt="Step 2 - Name the collection Blog and click Create Collection" width="3840" height="1900" data-path="images/documentation/11feaaecf2eff29d0e60.jpg" />

⚠️ El nombre de la colección debe ser exactamente **Blog**. Sorank usa este nombre para identificar tu colección.

## Paso 3: Añade los campos personalizados necesarios

Haz clic en **+ Add new field**. Necesitas crear 3 campos personalizados uno por uno.

### Campo 1: Post body

Haz clic en **+ Add new field**. Selecciona **Rich text**. Nómbralo **Post body**. Haz clic en **Save Field**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/f50a9678310e57590480.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=75e9ac68a056debf4989bb67a5f20b08" alt="Step 3a - Select Rich text field type for Post body" width="3840" height="1900" data-path="images/documentation/f50a9678310e57590480.jpg" />

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/e71b147bccea006ac2aa.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=741d63f9f42c2cd0f5d315db59d8e884" alt="Step 3b - Name the field Post body and save" width="3840" height="1900" data-path="images/documentation/e71b147bccea006ac2aa.jpg" />

### Campo 2: Image

Haz clic de nuevo en **+ Add new field**. Selecciona **Image**. Nómbralo **Image**. Haz clic en **Save Field**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/751efd5493c9cb253a12.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=984592635c70cb673e784f061754911d" alt="Step 3c - Select Image field type" width="3840" height="1900" data-path="images/documentation/751efd5493c9cb253a12.jpg" />

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/5656f10462d9994a5c21.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=1afa6d069ff2c5202bd52577a229da48" alt="Step 3d - Name the field Image and save" width="3840" height="1900" data-path="images/documentation/5656f10462d9994a5c21.jpg" />

### Campo 3: Metadescription

Haz clic de nuevo en **+ Add new field**. Selecciona **Plain text**. Nómbralo **Metadescription**. Establece el tipo de campo de texto en **Multiple line**. Haz clic en **Save Field**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/e0cb0c57e6a31505af72.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=5d9c36370517f81d05a7ce942c4104c2" alt="Step 3e - Select Plain text, name it Metadescription, set to Multiple line" width="3840" height="1900" data-path="images/documentation/e0cb0c57e6a31505af72.jpg" />

Haz clic en **Save Collection**. Los campos **Name** y **Slug** se crean por defecto. No los elimines.

## Paso 4: Configura los ajustes de SEO en la página de plantilla del blog

Haz clic en el icono **Pages** en la parte superior izquierda del Designer. En "CMS collection pages", haz clic en **Blog geos Template**. En el panel derecho, ve a **Settings**. Desplázate hacia abajo hasta **SEO settings**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/7c993629c27982500d5f.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=f534bf73620bd63e0ed94eed6f9b1ec2" alt="Step 4a - Open Pages, select Blog geos Template, go to Settings then SEO settings" width="3840" height="1900" data-path="images/documentation/7c993629c27982500d5f.jpg" />

### Title tag

Haz clic en **+ Add field** y selecciona **Name**.

### Meta description

Haz clic en **+ Add field** y selecciona **META SEO**. Haz clic en **Save**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/5633f9d595e34d010143.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=6aa6af37c91189c9e3041be0cb2da016" alt="Step 4b - Link Name to Title tag and META SEO to Meta description, then Save" width="3840" height="1900" data-path="images/documentation/5633f9d595e34d010143.jpg" />

Esto garantiza que cada artículo que Sorank publica obtenga su propio título y meta descripción únicos en los resultados de búsqueda de Google.

## Paso 5: Publica tu sitio Webflow

Haz clic en **Publish** en la esquina superior derecha del Designer. Selecciona tu dominio en producción y confirma. Tu colección de blog ya está en línea y lista para recibir artículos de Sorank.

## Paso 6: Conecta Webflow a Sorank

Ve a tu cuenta de Sorank. Haz clic en **Publicar** en cualquier artículo, o ve a **Ajustes > Integración**. Haz clic en **Webflow** y luego en **Conectar tu CMS**. Autoriza a Sorank a acceder a tu cuenta de Webflow. Selecciona tu colección **Blog**. Asigna cada campo de Sorank al campo correspondiente de Webflow. Haz clic en **Confirm setup**.

Cada artículo que generes en Sorank ahora se puede publicar directamente en tu blog de Webflow con un solo clic, con imágenes, metaetiquetas y slug incluidos.