Preferences

Privacy is important to us, so you have the option of disabling certain types of storage that may not be necessary for the basic functioning of the website. Blocking categories may impact your experience on the website. More information

Accept all cookies
You are here
All guides
Need Help ?
Settings SEO for Webflow

Follow these steps to create a blog collection on your Webflow site and connect it to Sorank so articles are published directly to your CMS.

Step 1: Open the CMS Panel

Open your Webflow Designer. Click CMS in the top navigation bar. Click the + button next to "CMS Collections". Select Create collection.

Step 1 - Open CMS and click + to create a collection

Step 2: Create a Blog Collection

In the "New Collection" dialog, click the Blog Posts template. Set the Collection Name to Blog. The URL becomes /blog automatically. Click Create Collection.

Step 2 - Name the collection Blog and click Create Collection

⚠️ The collection name must be exactly Blog. Sorank uses this name to identify your collection.

Step 3: Add the Required Custom Fields

Click + Add new field. You need to create 3 custom fields one by one.

Field 1: Post body

Click + Add new field. Select Rich text. Name it Post body. Click Save Field.

Step 3a - Select Rich text field type for Post body
Step 3b - Name the field Post body and save

Field 2: Image

Click + Add new field again. Select Image. Name it Image. Click Save Field.

Step 3c - Select Image field type
Step 3d - Name the field Image and save

Field 3: Metadescription

Click + Add new field again. Select Plain text. Name it Metadescription. Set the text field type to Multiple line. Click Save Field.

Step 3e - Select Plain text, name it Metadescription, set to Multiple line

Click Save Collection. The fields Name and Slug are created by default. Do not delete them.

Step 4: Configure SEO Settings on the Blog Template Page

Click the Pages icon in the top-left of the Designer. Under "CMS collection pages", click Blog geos Template. In the right panel, go to Settings. Scroll down to SEO settings.

Step 4a - Open Pages, select Blog geos Template, go to Settings then SEO settings

Title tag

Click + Add field and select Name.

Meta description

Click + Add field and select META SEO. Click Save.

Step 4b - Link Name to Title tag and META SEO to Meta description, then Save

This ensures every article Sorank publishes gets its own unique title and meta description in Google search results.

Step 5: Publish Your Webflow Site

Click Publish in the top-right corner of the Designer. Select your live domain and confirm. Your blog collection is now live and ready to receive articles from Sorank.

Step 6: Connect Webflow to Sorank

Go to your Sorank account. Click Publish on any article, or go to Settings > Integration. Click Webflow then Connect your CMS. Authorize Sorank to access your Webflow account. Select your Blog collection. Map each Sorank field to the corresponding Webflow field. Click Confirm setup.

Every article you generate in Sorank can now be published directly to your Webflow blog in one click, with images, meta tags, and slug included.