Webflow Meta Titles and Descriptions: A Field-by-Field Guide to Higher Click-Through Rates
Your title tag and meta description are the ad Google shows for free. Here is exactly where to set them in Webflow, static pages and CMS collections alike, and how to write them so people actually click.
Webflow Meta Titles and Descriptions: Turning Search Impressions Into Clicks
Two fields decide whether a search impression becomes a visit: the title tag and the meta description. They are the headline and subhead of the free ad Google runs for your page. You can rank third and still win the click if your snippet is sharper than the two results above you — or rank first and lose it if your title reads like a database entry.
Webflow gives you full control over both, on static pages and across entire CMS collections. Most sites leave that control on the table. This is a field-by-field walkthrough plus the copywriting rules that actually move click-through rate.
Where to set them on a static page
For any static page, open the page settings (the gear icon next to the page in the Pages panel) and scroll to the SEO Settings section.
- Title Tag — this is the clickable blue headline in search results and the label on the browser tab. Aim for roughly 50 to 60 characters so it does not truncate.
- Meta Description — the gray summary beneath the title. Around 140 to 160 characters is the sweet spot before Google cuts it off with an ellipsis.
Webflow shows a live Google preview as you type, which is the fastest way to check for truncation. If the tail of your title disappears in the preview, tighten it.
Where to set them across a CMS collection
This is where Webflow is genuinely powerful and where most SEO wins hide. For a collection page template — a blog post, a product, a location — you do not write titles one by one. You bind the title and description fields to CMS fields so every item generates its own optimized snippet automatically.
- Open the collection page template and go to its page settings.
- In the Title Tag field, click the purple 'Add Field' button and insert the item's Name field. Add static text around it for a consistent format, such as: Name + ' — Quilly'.
- In the Meta Description field, bind a dedicated 'Meta Description' or 'Summary' field from the collection rather than reusing the full post body.
The mistake to avoid: binding the meta description to your rich-text body field. Webflow will dump the first 160 characters of raw content, which is almost never a compelling summary. Add a short plain-text field to the collection specifically for the meta description and write it deliberately.
A title tag is not a label. It is a promise about what the searcher will get if they click. Write it for the human, then make sure the keyword is in it.
Copywriting rules that lift click-through rate
- Lead with the primary keyword. Front-loading the term the person searched for confirms they are in the right place before their eyes drift.
- Promise a specific outcome. 'Webflow SEO Settings: The 12-Point Setup Checklist' beats 'Webflow SEO Settings' because it signals depth and effort.
- Use numbers and brackets. Counts, years, and qualifiers like [Guide] or [2026] create visual anchors that pull the eye.
- Match search intent, not just the keyword. If people search 'how to,' the snippet should promise steps. If they search 'best,' it should promise a comparison.
- Make every description unique. Duplicate descriptions across pages tell Google your pages are interchangeable — and Google will often rewrite them for you, poorly.
How to know if it is working
Google Search Console's Performance report shows impressions and click-through rate per page. Sort by high impressions and low CTR: those are pages ranking well but losing the click. They are your highest-leverage rewrites — you already earned the visibility, you are just failing to convert it.
Change one snippet, wait two to three weeks for Google to recrawl and for enough impressions to accumulate, then compare CTR before and after. Small wording changes routinely move CTR by a point or two, which compounds across thousands of impressions.
Quilly is the AI content engine that writes, publishes, and ranks CMS content on autopilot — pulling real keyword demand, drafting on-brand articles, and pushing them straight to Webflow, WordPress, or a headless CMS. If you would rather rank than spend your week wrestling with SEO settings, start free.