Webflow · Visual web platform

Webflow SEO Audit: the issues built into Webflow — and how to fix them

A visual development platform that outputs clean, semantic HTML — strong SEO foundations, but its CMS Collections and designer-driven assets create their own gotchas.

How Webflow's architecture shapes your SEO

Webflow is hosted, but unlike most builders it generates clean, standards-based HTML/CSS you'd be happy to ship by hand, and gives you full control over meta tags, canonicals, redirects, and robots. The SEO issues are therefore less about platform limits and more about how the site is built: CMS Collection lists paginate and filter into duplicate URLs, structured data isn't emitted automatically (you add it via custom code embeds), and designer-heavy pages with large interactions can drag performance. There's no server-side logic, so anything dynamic is client-rendered.

Reference: Webflow SEO docs

The issues we see most on Webflow stores

Why these happen on Webflow

Specific to how Webflow is built — not generic checklist advice.

AEO

No automatic structured data

Webflow won't emit Product, Article, or FAQ JSON-LD for you. You add it through custom code embeds, often pulling CMS field values into a script. Many Webflow sites ship with zero structured data — invisible to rich results and AI answers. Add JSON-LD embeds bound to your CMS fields.

Full fix guide →
SEO

CMS Collection pagination and filtering

Collection List pagination and filter states generate additional URLs of the same content. Without canonicals pointing back to the primary collection URL, these compete for ranking. Set canonicals and keep paginated/filtered variants out of the index.

Full fix guide →
SEO

Interaction and asset weight

Webflow's designer makes it easy to stack interactions, video backgrounds, and large images that inflate page weight and hurt LCP/INP on mobile. Compress and lazy-load assets, limit heavy interactions above the fold, and audit what's loading on every page.

Fixes written for Webflow

We catalog 167 Webflow fixes — exact steps for Webflow's admin and theme, each with a link to the official docs.

Catalog coverageSEO

Ensure every product and category page is crawlable and discoverable by submitting a complete XML sitemap, fixing internal links, and removing any crawl blocks so Google can index your full catalog.

On Webflow
  1. 1Sitemap: In Webflow Designer → Project Settings → SEO tab → enable 'Auto-generate sitemap'. Publish the site and submit the sitemap URL (/sitemap.xml) to Google Search Console.
  2. 2Noindex on Collection pages: In the Designer, open your Products Collection page template → Page Settings (gear icon) → SEO tab → ensure 'Exclude this page from search results' is NOT checked. Do the same for Category collection templates.
  3. 3robots.txt: Project Settings → SEO → edit the robots.txt field. Ensure there are no Disallow rules blocking your /products or /shop paths.
  4. 4Internal linking: In the Designer, open your Navbar component and add Collection List links pointing to your Products and Categories collections. Ensure the CMS Collection pages are linked from the main navigation.
  5. 5CMS items published: In the Webflow CMS (Editor or Designer → CMS), ensure all Product and Category items are set to 'Published' — unpublished CMS items are excluded from the sitemap and site.
Webflow docs →
Cwv clsSEO

Eliminate unexpected layout shifts by reserving explicit space for every image, video, embed, ad, and late-loading widget before it loads, so nothing on your page jumps around as it renders.

On Webflow
  1. 1Images: In the Webflow Designer, click any Image element > Settings panel (gear icon). Set an explicit Width and Height, or use the Style panel to add an aspect-ratio property (e.g. aspect-ratio: 4/3) to the image's wrapper div. This ensures the browser reserves the right space.
  2. 2CMS images: For CMS Collection images (e.g. product photos), select the image in the Collection List and in the Style panel set the image wrapper to a fixed aspect-ratio or percentage-based height. Do not leave image wrappers at height: auto without a defined aspect ratio.
  3. 3Fonts: Go to Project Settings > Fonts. Webflow loads Google Fonts and Adobe Fonts automatically with font-display: swap for Google Fonts. For custom uploaded fonts, go to Project Settings > Fonts > Upload Font and ensure font-display is set (add custom CSS in the global stylesheet: @font-face { font-display: swap; }).
  4. 4Announcement bars and sticky headers: Build announcement bars as a fixed-height Section at the top. Set an explicit min-height in the Style panel so the space is always reserved, even before any CMS content or dynamic text loads.
  5. 5Third-party embeds and scripts: Add non-critical third-party scripts (chat, analytics, reviews) via Project Settings > Custom Code > Footer Code section, not the Head section, so they load after the main content is painted.
  6. 6Interactions/animations: In the Webflow Interactions panel, avoid 'Move' or 'Size' entrance animations on above-the-fold elements that trigger on page load — these count as layout shifts. Use opacity-only animations for reveal effects instead.
Webflow docs →
Cwv lcpSEO

Reduce Largest Contentful Paint (LCP) to under 2.5 seconds by serving your hero image in a modern format, preloading it, and eliminating render-blocking resources.

On Webflow
  1. 1In the Webflow Designer, select your hero image element → in the Settings panel (right sidebar, gear icon) → upload a WebP version of the image, or use the Asset Manager (left panel → Assets) to replace the existing image with a WebP file.
  2. 2Set 'Loading' to 'Eager' (not Lazy) for the hero image: in the Image Settings panel → Loading dropdown → select 'Eager'. Also set 'Preload' to 'High Priority' if available in your Webflow plan.
  3. 3Add a preload link via Project Settings → Custom Code → Head Code: <link rel='preload' as='image' href='YOUR-WEBP-CDN-URL' fetchpriority='high'>. Get the CDN URL from the published page's source or the Assets panel.
  4. 4Defer non-critical JS: in Project Settings → Custom Code, ensure third-party <script> tags in the Head have 'defer' added. Move non-critical scripts to the Footer Code field instead.
  5. 5Review and remove unused Webflow interactions/animations on the hero section — heavy GSAP or Lottie animations above the fold significantly delay LCP. Delete or move them below the fold.
  6. 6Publish and verify with PageSpeed Insights (mobile). Webflow's CDN (via Fastly) handles global delivery; the main wins are format, preload, and removing blocking resources.
Webflow docs →
Duplicate meta descriptionSEO

Write a unique, page-specific meta description for every page on your store so Google can display a relevant snippet in search results.

On Webflow
  1. 1For static pages: Webflow Designer → left panel → Pages (book icon) → hover over the page → Settings gear → SEO Settings section → 'Meta Description' field → publish.
  2. 2For CMS Collection pages (e.g. Products, Blog Posts): Designer → CMS → open the Collection → click into an individual item → find the 'SEO Settings' section → fill in the 'Meta Description' field, OR use a dynamic bind: in the Collection Template page settings, bind the Meta Description field to a CMS field (e.g. a 'SEO Description' plain-text field you create in the collection schema) so each item auto-populates a unique description.
  3. 3To add a dedicated SEO description field: CMS → Collections → edit the collection schema → Add Field → Plain Text → name it 'SEO Description' → then bind it in the template page's SEO settings.
  4. 4Bulk-fill CMS content: export the collection as CSV (CMS → Collections → Export), fill the SEO Description column in a spreadsheet, then re-import.
Webflow docs →

Browse all 167 Webflow fixes →

Benchmark data not yet available for Webflow.

Be the first to scan your Webflow store →

⚠ What SEOLZ can't modify on Webflow

We still flag these issues — but the fix lives outside what Webflow lets you change.

Security headers

Webflow's hosting doesn't allow custom server-level headers. CSP, HSTS, and X-Frame-Options must be set via meta tags (limited effectiveness) or by proxying through Cloudflare.

robots.txt

Webflow allows editing robots.txt via Project Settings → SEO, but the format is restricted.

Every scan checks all six pillars

🔍
SEO

Search engines need to crawl and understand your catalog. We check every page for indexability, metadata, canonical tags, Core Web Vitals, internal linking, and faceted navigation — the issues that silently kill organic traffic.

Learn how to fix SEO issues →
Answer Engine (AEO)

AI tools like ChatGPT and Google's AI Overviews pull from structured data. We audit your product schema, FAQ markup, brand signals, and E-E-A-T indicators — so your products show up where shoppers are increasingly searching.

Learn how to fix Answer Engine (AEO) issues →
🌐
AI Visibility (GEO)

Is your brand mentioned when someone asks an AI assistant for product recommendations? We track your presence across ChatGPT, Perplexity, and other AI engines — and tell you what's driving mentions up or down.

Learn how to fix AI Visibility (GEO) issues →
Accessibility (WCAG)

1 in 4 adults has a disability. Inaccessible sites face ADA lawsuits — and lose customers. We run WCAG 2.1 AA checks across your catalog pages and tell you exactly what to fix.

Learn how to fix Accessibility (WCAG) issues →
🛡️
Security (OWASP)

Security headers, SSL configuration, email authentication, and server misconfigs — issues that erode customer trust and tank your search rankings if Google flags you.

Learn how to fix Security (OWASP) issues →
Site Lifecycle

SSL expiry, outdated CMS versions, unverified GTM containers. The operational health checks that fall through the cracks — until they cause an outage or a ranking drop.

Learn how to fix Site Lifecycle issues →

Start free. Upgrade when ready.

Scout
Free
1 site · 50 pages/audit · monthly audits
SEO only
  • Composite + pillar scores
  • Issue counts
  • Free forever
Start free
Recommended
Starter
$49/mo
1 site · 500 pages/audit · weekly audits
All 6 pillars
  • Every finding + platform-specific fixes
  • Action plan & Today's Focus
  • ADA risk + AI visibility
  • Export reports
Choose Starter

Questions about Webflow audits

Technically yes — it outputs clean semantic HTML and gives you full control over meta, canonicals, redirects, and robots. The gaps we usually find are missing structured data and CMS-generated duplicate URLs, not platform limitations.

See what's holding back your Webflow store

Free scan. No credit card. Results in minutes.

Scan My Webflow Store Free