How to Set Dynamic SEO Titles and Descriptions in Webflow CMS

Why a fixed template title hurts every CMS page

A Webflow collection template is one page design used by every item: every blog post, case study or location page. Whatever you type in its SEO settings applies to all of them. If the Title tag box holds fixed text like "Blog | Northwind Outdoors", then 200 posts share one title tag.

Google uses your <title> as one of the main sources for the title link in results, and it rewrites titles that are missing, repeated across pages or that do not describe the page (Google, influencing title links). It does the same with descriptions: if the meta description does not fit the page, Google writes its own snippet from the page text (Google, snippets). Duplicate titles across a whole collection are one of the most common findings on Webflow audits.

Step 1: add SEO fields to the collection

Binding the item Name works, but a separate field gives you control. Names are written for the page; titles are written for the search result.

1. Open the CMS panel and the collection, then Collection settings.
2. Add a Plain text field called SEO title. In its settings, set a maximum character count of 60.
3. Add a Plain text field called Meta description. Set a maximum of 160.
4. If you want a different social share image, add an Image field called Social image.
5. Save the collection.

The limits are not Google rules. Google has no fixed length limit and truncates by screen width. The limits keep most titles and descriptions from being cut off.

Step 2: bind the template's title and description

1. Open the collection template page in the Designer (for example Blog Posts Template).
2. Open Page settings (the gear icon on the page in the Pages panel).
3. Under SEO settings, click into Title tag, then + Add Field and choose SEO title.
4. Type | Northwind Outdoors after the field.
5. In Meta description, click + Add Field and choose Meta description.
6. Save, then publish.

Keep the brand short. A 60-character title with a 22-character brand leaves 38 for the words people search.

Step 3: bind the Open Graph fields

Below SEO settings are Open Graph settings. Do the same there: bind the Open Graph title and description to the same fields (or tick the options to reuse the SEO title and description), and bind the Open Graph image to your Social image or main image field. Shared links on LinkedIn, Slack and other apps then show the right title and picture per item. Use JPG or PNG for social images; some networks do not read WebP or AVIF for link previews.

Step 4: fill hundreds of items without doing it by hand

Empty fields mean empty tags. For a large collection, use CSV:

1. In the collection, click Export to download a CSV. It includes each item's Item ID.
2. Open it in a spreadsheet. Fill SEO title and Meta description for each row. Keep the Item ID column.
3. Import the CSV into the same collection. When Webflow finds items whose Item ID matches, choose to update the matching items instead of importing them as new.
4. Publish.

Do not match on slug alone: an import without Item IDs can create duplicate items (Webflow Help, importing content).

Which items first? Open Search Console > Performance > Pages, filter to the collection's folder (for example /blog/), and sort by impressions. Items with many impressions and a low click-through rate for their position gain the most from a better title. Our title and meta swipe file has 100 patterns to start from, and the free title tag generator helps with single pages.

Worked example (fictional site). northwind-outdoors.com had 140 blog posts, all titled "Journal | Northwind Outdoors" because the template held fixed text. The team added the two fields, bound them, and filled the 30 posts with the most impressions first, like "Tent Footprint vs Tarp: Which to Pack | Northwind". The other 110 got the post name as a stopgap through the same CSV.

Step 5: check it worked

1. Open three items on the live site and view source. Search for <title> and name="description". Each should be different and filled.
2. Check an item with an empty field. If the tag is blank, fill the field or make the field required.
3. Run the URL through URL Inspection in Search Console and request indexing for your most important items.
4. After two to four weeks, compare clicks for the collection folder in Search Console against the previous period.

Common mistakes

• Binding the Name field and stopping there. Fine as a fallback, but names are often too long or too vague for a result.
• Leaving fields empty. Webflow does not fall back to another field for you in a bound title. Make the SEO fields required, or fill them all by CSV.
• The brand typed in the field and again in the template. You get "Tent guide | Northwind | Northwind".
• Quotes and ampersands in titles bound into JSON-LD. Test one such item in the Rich Results Test if you also bind fields into custom schema code.
• Forgetting to publish. Designer changes are not live until you publish to your custom domain.