Webflow SEO: the settings that matter, in the order to set them
Every SEO control Webflow gives you, where it lives, and the four mistakes that undo the platform's good defaults.
Published by AI Knows Us · Updated 21 October 2026
Webflow SEO comes down to a short list of settings and a habit. Set a unique SEO title and meta description for every static page in Page Settings, make them dynamic from CMS fields for every collection template, turn on the automatic sitemap, add a 301 redirect every time you change a slug, and switch off indexing of your webflow.io staging subdomain. Then publish pages that answer what your buyers search for. Webflow hosts the site and serves clean HTML, so the technical floor is high. What it cannot do for you is choose the words, write the pages and earn the links.
Everything below comes from Webflow University's own SEO checklist and its SEO tools video, both read on 21 October 2026.
The first hour on a Webflow site
Do these in order. Each one takes minutes, and together they cover most of what an SEO audit of a Webflow site finds.
- Connect Google Search Console. Add the site in Search Console, paste the verification ID into Webflow's Site Settings, then finish verifying. Webflow's checklist also points to its Google site tools app, which brings Search Console and Analytics data into Webflow.
- Submit the sitemap. Webflow generates sitemap.xml automatically and updates it each time you publish. You still have to tell Google about it, so submit it in Search Console once.
- Disable indexing of the staging subdomain. Every Webflow project has a yoursite.webflow.io address. If Google indexes it, it competes with your real domain. One toggle in Site Settings stops that.
- Set a global canonical tag. Webflow can write a canonical tag on every page automatically, which tells search engines which address is the main one.
- Turn on SSL. Hosting with Webflow includes a free certificate. Make sure it is enabled in Site Settings before launch.
- Run the Audit panel. In the Designer, it flags missing alt text, missing meta titles and skipped heading levels before you publish.
Page Settings: titles, descriptions, slugs and Open Graph
Each static page has its own SEO settings. The SEO title shows in the browser tab and as the blue headline in search results. The meta description is the snippet under it. Webflow's checklist suggests keeping titles under 60 characters and descriptions under 160, with a different title and description on every page.
The slug, which is the end of the page address, is edited in the same panel. Webflow recommends short, descriptive slugs under 75 characters, with hyphens rather than underscores. If you change a slug on a page that already has traffic or links, add a 301 redirect from the old address at the same time. A changed slug without a redirect turns every old link into a 404.
Open Graph settings control the title, description and image shown when someone shares the page on LinkedIn, Facebook or X. They are set per page, and Webflow is clear that they cannot be set globally. A page with no Open Graph content shares badly, so fill them in on the pages people actually share: the home page, pricing, and your best articles.
CMS collections: where most Webflow SEO is won or lost
Blog posts, case studies, team bios and product pages usually live in CMS collections. Each collection has one template page, and every item uses it. That is efficient and it is also the main risk: a mistake in the template repeats on every item.
- Make titles and descriptions dynamic. In the template's Page Settings, pull the SEO title and meta description from CMS fields. A common pattern is a dedicated SEO Title field and a Summary field on each item, so writers control them without touching the Designer.
- Make Open Graph dynamic too. Point the Open Graph image at the item's main image field, so every shared post gets its own preview.
- Check the heading on the template. The item name is usually the H1. Make sure the rich text body starts at H2, or every post ends up with two H1s.
- Plan the collection URL once. Items take their address from the collection, such as /blog/item-slug. Changing the collection's base later means redirecting every item, so settle it before you publish at volume.
Images, speed and code
Webflow handles much of the speed work if you use its tools. The checklist covers three:
- Alt text. Describe what the image shows and why it is there, in about 125 characters or fewer. Skip phrases like "image of", because screen readers already say it is an image.
- Image conversion. Webflow can convert JPEG, PNG and WebP assets to AVIF or WebP, which keeps quality and cuts file size. The conversion updates the asset everywhere it is used.
- Minification. Turn on minified HTML, CSS and JavaScript so files are smaller.
The bigger speed risk on most Webflow sites is not Webflow. It is third party scripts added through custom code: chat widgets, several analytics tags, heavy embeds. Webflow's checklist suggests Google Tag Manager to keep tracking scripts in one place. Whatever you use, list every script on the site once a quarter and remove the ones nobody can explain.
Indexing control, 404s and redirects
| Task | Where it is handled in Webflow | When to use it |
|---|---|---|
| Keep one page out of search | A noindex setting on the page, or a robots.txt rule | Thank you pages, internal tools, thin tag pages |
| Keep staging out of search | Disable subdomain indexing, in Site Settings | Always, before launch |
| Move a page | 301 redirects, in Site Settings | Every time a slug or folder changes |
| Help lost visitors | The 404 page under Utility Pages in the Pages panel | Design it with links to your main sections |
| Pick the main address | Global canonical tag, in Site Settings | Set once, at launch |
One caution on robots.txt: blocking a page from crawling does not reliably keep it out of the index if other sites link to it. To keep a page out of search results, use noindex and leave it crawlable so search engines can see the instruction.
Structured data and localisation
Webflow's checklist lists schema markup as an ongoing step, for things like FAQs, breadcrumbs, products and business details. On a Webflow site it is usually added as JSON-LD in the page's custom code, and on CMS templates the values can come from CMS fields. Test what you add with validator.schema.org before you trust it.
If you sell in more than one language, Webflow Localization does a lot of the work. It creates language folders such as /es/, adds hreflang annotations in the sitemap and the page tags, and sets the HTML lang attribute for each locale. On higher plans you can also translate the slugs themselves. Translate the SEO title and description for each locale too, because an English title on a Spanish page wastes the page.
The four mistakes that undo good defaults
- Duplicate titles on CMS items. A template with a fixed title gives every post the same headline in search. Bind it to a field.
- A live staging subdomain. The webflow.io copy gets indexed and splits signals with the real domain.
- Slugs changed with no redirect. Links and rankings built over years go to a 404 overnight.
- Design headings that are not real headings. Text styled to look like a heading but tagged as a paragraph or div tells search engines nothing. Use the real H1 to H6 tags, one H1 per page.
If you would rather pay someone to set this up, the checklist above is also the brief. Our guide to choosing a Webflow SEO agency covers what to buy once these settings are in place.
Webflow SEO questions, answered
Is Webflow good for SEO?
Yes. It serves clean HTML from its own hosting, generates a sitemap, gives full control of titles, descriptions, slugs, canonicals and redirects, and needs no plugins for the basics. Results still depend on content and links, which no platform supplies.
Do I need an SEO app for Webflow?
Not for the basics, which are built in. Apps from the Webflow Marketplace help with keyword tracking, backlink data and bulk edits on large sites.
How do I add a 301 redirect in Webflow?
In Site Settings, in the redirects section, enter the old path and the new one, then publish. Add it at the same moment you change the slug.
Why is my webflow.io address showing in Google?
Subdomain indexing is still on. Turn it off in Site Settings and publish. The staging address then tells search engines not to index it.
Does Webflow add schema markup automatically?
Its checklist treats schema as a step you take yourself. Add JSON-LD through custom code, bind it to CMS fields on templates, and validate it.
What an assistant says when someone asks for a site like yours
Webflow now sells an AEO product alongside its SEO tools, and its University video on it, read on 21 October 2026, describes a loop of measuring whether AI tools mention your site, getting recommendations, and acting on them. That is a fair signal of where search is heading: the buyer who used to type a query into Google now asks ChatGPT or Gemini, gets a short list, and never sees a results page. Every setting above still matters, because assistants read the same pages. What changes is the test. A clean Webflow site can rank on page one and still be missing from the answer an assistant gives. Asking the assistants the questions your buyers ask, and seeing who they name, is a separate check from Search Console, and AI Knows Us is built to run it.