Cross icon
Prefer English?
Prefer English? Switch the website language for a better experience.
SEO & Webflow: Best practices to improve the visibility of your customer
Louis
0
mn read

SEO & Webflow: Best practices to improve the visibility of your customer

TL;DR

Solid Webflow SEO starts with clean technical foundations (SSL, minification, proper sitemap and canonical setup) and regular cleanup of unused CSS and interactions to keep the site lightweight. Content should follow a logical Hn hierarchy, with ALT text on images, breadcrumbs on blog posts, and proper schema.org markup. Compressing images to webp/avif and Lottie animations further reduces page weight. Finally, a successful migration relies on crawling the old site first, keeping existing URLs where possible, and setting up a solid 301 redirect table to preserve accumulated rankings.

Things you should always do before launching a website for a customer.

Basic settings

Here we share all our know-how and our routines in search engine optimization on Webflow.

Advanced publishing options

Check SSL, Minify HTML, Minify CSS, and Minify JS.

Webflow subdomain

Webflow subdomain indexing should always be disabled.

Robot.txt

You can use our robot.txt.

Sitemap

The sitemap generated automatically by Webflow is completely valid. If you want to exclude specific pages, you must deactivate the indexing of these pages directly in the settings of the page in question.

Canonical

Should match the default domain. It should start with https://and never end with a /.

Google Search Console

If possible, create a Google Search Console account for your client and force a crawl to speed up the indexing of your pages.

Clean up unnecessary interactions

Use the Webflow Interaction Cleaner to keep only the JavaScript you need.

Clean up unnecessary css

Use Webflow's CSS cleaner to keep only the classes you need.

A structure

If possible, use only one H1 per page. The H2, H3, etc., must follow each other. Avoid going directly from an H1 to an H3, for example.

{{webflow}}

Image compression

If it is not a vector, all your images must be in .webp or.avif format, except for your Open Graph images (WebP and AVIF are not always supported). Use Webflow compression in the asset panel, and don't forget to do it for the CMS as well.

ALT on images

Describe the content of your images in the asset panel.

Lazy load

Already by default on Webflow.

Schema.org

Use schema.org documentation, especially for your client's blog. Very important if you have an e-commerce site. Also use their validation tool.

Breadcrumb

Always add breadcrumbs to blog pages. Use your design creativity to integrate it in a harmonious way.

Lottie

If you use Lottie, consider subscribing to a paid plan and compressing to.lottie to reduce the size of your animations by almost 10x.

Item Best practice
Publishing SSL enabled, Minify HTML/CSS/JS checked
Webflow subdomain Indexing always disabled
Robots.txt Use a dedicated robots.txt file
Sitemap Native Webflow sitemap, exclude pages individually if needed
Canonical Default domain, must start with https://, never end with a /
Google Search Console Create a client account, force a crawl after launch
Interactions Clean up with the Webflow Interaction Cleaner
CSS Clean up with the Webflow CSS cleaner
Heading structure Only one H1, proper H2/H3 hierarchy without skipping levels
Images .webp or .avif format, except Open Graph, Webflow compression (assets + CMS)
Image ALT text Systematic description in the assets panel
Lazy load Already enabled by default on Webflow
Schema.org Follow official docs, validate with their tool, critical for e-commerce
Breadcrumbs Always present on blog pages
Lottie Paid plan + .lottie export to cut file size roughly 10x

In the case of a migration

Always start with a crawl of the current website (use Screaming Frog, for example).

Old sitemap

All old URLs should continue to work. If the content is the same keep the URL if possible, otherwise redirect with a 301.

301 redirects and historical content

Create a 301 redirect table for the old pages that won't be migrated. Always redirect to a page that has the same kind of content as the previous one if possible.

{{seo-aeo}}

Title and Meta description

The same title and meta description should be used for pages that existed before.

Code

Copy icon
Check box icon
Mazette.co
/
Blog
/

Get visible online

Impactful titles, polished meta descriptions, sitemaps, Schema.org, Hn structure, and audits: these are the SEO foundations that make your content readable by both Google AND generative AI. We cover both simultaneously.

Team global Mazette.co
Webflow premium partner badge

Get support from experts

With over 180 clients, our agency is one of the few in France to hold the Webflow Premium Partner label, supporting you in every area, including custom web design, sophisticated automation, conversion optimization, and SEO and GEO visibility.

Webflow logo fillWebflow logo stroke

Make your site unique

We create bespoke web designs focused on performance, user journeys, and conversion. Join over 180 clients who have trusted us to elevate their brand.

Team global Mazette.co