How to Add Title Tags and Meta Descriptions to Collection Pages in Webflow

Karr Fager
November 29, 2019
April 17, 2020

Adding title tags and meta descriptions to “regular” pages is simple enough. 

However, what if you have a blog set up through Collections, and you want to add meta tags?

Let’s get into it!

Step 1: Add Fields to Your Collection Pages

To do this, simply go to your Blog Posts Collections settings.

cms collections settings

Click “Add New Field”.

blog post settings in webflow

Select “Plain text”, and label the new field “Title Tag”.

add plain text field in webflow

Add another “Plain text” field and label it “Meta Description”.

Step 2: Make Meta Tags Dynamically Pull from Collections

Go to your Blog Posts Template settings.

blog post template settings

Click “Add Field” for the title tag and select “Title Tag" from the dropdown.

seo settings for blog posts

Do the same for meta description except select “Meta Description” from the dropdown.

Step 3: Adding Your Custom Title Tags and Meta Descriptions on Blog Posts

Go to “Collections” and select “Blog Posts”.

blog post in webflow

Click on an article and scroll down to the bottom.

blog post in webflow

You can now add a title tag and meta description, which will automatically pull into the blog posts' code.

About the Author:
Karr Fager
Karr is the owner and digital marketer of Digital Red Panther, providing sleek online marketing services for small business.
Keep Learning About Web Design + SEO