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

# Richten Sie Ihren Webflow-Blog ein

> Doc Sorank - Ihren Webflow-Blog einrichten

Folgen Sie diesen Schritten, um eine Blog-Collection auf Ihrer Webflow-Website zu erstellen und sie mit Sorank zu verbinden, sodass Artikel direkt in Ihrem CMS veröffentlicht werden.

## Schritt 1: Öffnen Sie das CMS-Panel

Öffnen Sie Ihren Webflow Designer. Klicken Sie in der oberen Navigationsleiste auf **CMS**. Klicken Sie auf die Schaltfläche **+** neben "CMS Collections". Wählen Sie **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" />

## Schritt 2: Erstellen Sie eine Blog-Collection

Klicken Sie im Dialog "New Collection" auf die Vorlage **Blog Posts**. Setzen Sie den Collection-Namen auf **Blog**. Die URL wird automatisch zu **/blog**. Klicken Sie auf **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" />

⚠️ Der Collection-Name muss exakt **Blog** lauten. Sorank verwendet diesen Namen, um Ihre Collection zu identifizieren.

## Schritt 3: Fügen Sie die erforderlichen benutzerdefinierten Felder hinzu

Klicken Sie auf **+ Add new field**. Sie müssen 3 benutzerdefinierte Felder einzeln erstellen.

### Feld 1: Post body

Klicken Sie auf **+ Add new field**. Wählen Sie **Rich text**. Benennen Sie es **Post body**. Klicken Sie auf **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" />

### Feld 2: Image

Klicken Sie erneut auf **+ Add new field**. Wählen Sie **Image**. Benennen Sie es **Image**. Klicken Sie auf **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" />

### Feld 3: Metadescription

Klicken Sie erneut auf **+ Add new field**. Wählen Sie **Plain text**. Benennen Sie es **Metadescription**. Stellen Sie den Textfeldtyp auf **Multiple line**. Klicken Sie auf **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" />

Klicken Sie auf **Save Collection**. Die Felder **Name** und **Slug** werden standardmäßig erstellt. Löschen Sie sie nicht.

## Schritt 4: Konfigurieren Sie die SEO-Einstellungen auf der Blog-Vorlagenseite

Klicken Sie oben links im Designer auf das Symbol **Pages**. Klicken Sie unter "CMS collection pages" auf **Blog geos Template**. Gehen Sie im rechten Panel zu **Settings**. Scrollen Sie nach unten zu **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

Klicken Sie auf **+ Add field** und wählen Sie **Name**.

### Meta description

Klicken Sie auf **+ Add field** und wählen Sie **META SEO**. Klicken Sie auf **Speichern**.

<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" />

So erhält jeder Artikel, den Sorank veröffentlicht, seinen eigenen, einzigartigen Titel und seine eigene Meta-Beschreibung in den Google-Suchergebnissen.

## Schritt 5: Veröffentlichen Sie Ihre Webflow-Website

Klicken Sie oben rechts im Designer auf **Veröffentlichen**. Wählen Sie Ihre Live-Domain und bestätigen Sie. Ihre Blog-Collection ist jetzt live und bereit, Artikel von Sorank zu empfangen.

## Schritt 6: Verbinden Sie Webflow mit Sorank

Gehen Sie zu Ihrem Sorank-Konto. Klicken Sie bei einem beliebigen Artikel auf **Veröffentlichen** oder gehen Sie zu **Einstellungen > Integration**. Klicken Sie auf **Webflow** und dann auf **Connect your CMS**. Autorisieren Sie Sorank, auf Ihr Webflow-Konto zuzugreifen. Wählen Sie Ihre **Blog**-Collection. Ordnen Sie jedes Sorank-Feld dem entsprechenden Webflow-Feld zu. Klicken Sie auf **Confirm setup**.

Jeder Artikel, den Sie in Sorank generieren, kann nun mit einem Klick direkt in Ihrem Webflow-Blog veröffentlicht werden, einschließlich Bildern, Meta-Tags und Slug.