Webflow Meta Description and Title Templates That Get Clicks

TL;DR: A Webflow meta description is the summary you write in Pages panel > Page settings > SEO settings, and Google may show it as the snippet under your title link. Webflow gives every page exactly two SEO fields, Title tag and Meta description, and there is no site-wide default, so a page nobody touched ships with no metadata at all. Webflow's own guidance is to keep the title tag under 60 characters, and Webflow states there is no character limit for meta descriptions.

• Webflow's SEO settings live in Pages panel > Page settings > SEO settings, one Title tag field and one Meta description field per page.
• Webflow recommends keeping the title tag under 60 characters.
• Google states there is no limit on how long a title element can be, and truncates the title link to fit the device width.
• Collection pages take a dynamic pattern assembled from CMS fields through the Add field control, so one pattern covers every item.
• Metadata edits can take days, weeks, or even months to appear in search results after you publish.
• Google rewrites titles it judges half-empty, obsolete, inaccurate or boilerplate, so the template matters more than the character count.

Where do you set a Webflow meta description?

A Webflow meta description is set per page in Pages panel > Page settings > SEO settings, in the Meta description field directly below the Title tag field. Webflow's help documentation states that SEO settings cannot be set globally and apply only to the page they are set on, which is why a 40-page site needs 40 pairs filled in rather than one global rule. Webflow also offers a Generate button that fills each field using Webflow AI, and that button needs a paid Site plan or paid Workspace, a page with enough content on it, and an empty field, because Webflow will not overwrite text you already wrote.

When I audit a Webflow site for a client, the first pass is not rewriting anything. It is opening every page's SEO settings and listing which ones are blank, because blank is far more common than badly written. If a page has no title tag at all, fix that before optimising a single word anywhere else.

What character limits actually apply to a Webflow title tag and meta description?

Webflow states that it is best practice to keep the title tag under 60 characters, and that there is no character limit for meta descriptions although search engines truncate long ones. Google's documentation goes further: there is no limit on how long a title element can be, and no limit on how long a meta description can be, with both truncated in search results as needed, typically to fit the device width.

What I see agencies get wrong is treating 60 characters as a rule Google enforces. It is not a rule, it is a display budget, and the budget is spent left to right. If the words that answer the searcher's question sit in the first 45 characters, a longer title costs nothing. If a brand name eats the first 18 characters, the topic gets cut off on a phone. The decision rule I apply on client projects is simple: front-load the specific noun, and only add the brand if characters are left over.

Meta title and description templates by page type

A reusable template gives each page type a fixed slot order, which is what stops a Webflow site from drifting into 40 titles written in 40 different styles. The patterns below are the ones I use as a starting point on client builds, and each one puts the distinguishing word first and the brand last, so truncation removes the least valuable part. Adapt the wording, keep the order.

How do you set SEO titles and descriptions for Webflow CMS Collection pages?

On a Webflow Collection page you define one pattern that every item in the Collection inherits, rather than writing metadata item by item. Webflow's documentation describes the mechanism: open the Collection page in Pages panel > Page settings > SEO settings, and use the Add field control to drop CMS field values into the title and description strings. A blog Collection can therefore use the post title field as the SEO title for every post automatically.

The pattern I use on Webflow builds is to bind the title slot to a short CMS field written for search, not to the display heading, because display headings run long and get truncated. On this site the post summary field feeds the description slot, which is why every post here has a distinct description without anyone writing one twice. If your Collection has 200 items, one good pattern is worth more than 200 hand-written strings you will never maintain. For the wider setup around Collections, see my guide on structuring a Webflow CMS.

Why does Google show a different title than the one you set?

Google generates title links automatically and may override your title element when it detects a problem with it. Google's title link documentation lists the sources it draws from, including the title element, the main visual title, heading elements such as the H1, og:title meta tags, other large and prominent text, and anchor text in links pointing at the page. It also documents the specific issues that trigger a rewrite: half-empty titles, obsolete titles carrying last year's date, inaccurate titles, micro-boilerplate repeated across a subset of pages, no clearly dominant heading, and a writing system that does not match the page.

The failure I run into most on Webflow sites is the last one on that list. A hero section with two headings at the same visual weight gives Google no obvious main title, so it picks one for you. If your title keeps getting rewritten, check whether your H1 and your title tag actually agree before you rewrite the title again.

Where the measured click-through gains actually come from

Metadata sets the baseline for a result, but the largest click-through differences Google has published come from structured data rather than from description wording. Google's structured data documentation cites Nestle measuring an 82% higher click-through rate on pages shown as rich results compared with non-rich results, and Rotten Tomatoes measuring a 25% higher click-through rate after adding structured data to 100,000 pages. Food Network reported a 35% increase in visits after converting 80% of its pages to enable search features.

Those figures are the reason I treat metadata and schema as one job rather than two on client sites. A well-written description improves a plain blue link; structured data changes what the result looks like. Webflow now ships a native Schema markup field in Page Settings with one-click AI generation, so both live in the same panel. If you have written good descriptions and seen little movement, the next lever is schema markup in Webflow, not another description rewrite.

The pass I run before calling a Webflow site's metadata done

The check I run at the end of a Webflow build takes about twenty minutes on a mid-sized site and catches almost everything that matters. It is deliberately mechanical, because metadata problems are rarely subtle and are almost always omissions.

• Every static page has a non-empty Title tag and a non-empty Meta description.
• No two pages share the same description string, which Google explicitly warns against.
• Each title's distinguishing words sit before character 50, with the brand name last or absent.
• Every Collection page template has a dynamic pattern bound to real CMS fields, with no empty slots.
• The H1 on each page agrees with the title tag rather than contradicting it.
• Utility pages such as thank-you and 404 pages have descriptions or are excluded from the sitemap.
• The site has been published after the edits, since SEO settings are not live until publish.

If you want this done as part of a Webflow build or an audit rather than as a task on your own list, tell me what the site is and I will give you a scope and a quote. It is usually a small piece of a larger build, and it is the piece most often skipped.