Optimize, quality-check, & publish your site

Login with your Webflow account to track your progress

Optimize, quality-check, & publish your site

Learn how to review, optimize, and confidently publish your site using Webflow’s built-in tools and best practices.

Webflow has a new UI, so visuals may vary slightly, but the course content is still relevant.

Before launching your site, it’s important to pause and make sure everything’s truly ready from design and responsiveness to SEO, accessibility, and performance. In this course, you’ll learn how to optimize your Webflow site, quality-check key areas, and use staging and publishing tools to confidently go live.

This course is designed for website builders — designers, editors, and developers who are hands-on in Webflow and responsible for getting a site ready to publish.

By the end of this course, you’ll have the skills to:

Review and refine your site’s visual design and layout
Optimize site performance, accessibility, and search visibility
Use staging to test functionality and gather feedback
Publish your site to a custom domain with confidence
Follow a pre-launch checklist to catch issues before going live

Table of contents

1

Getting started

Coming soon

1

Background & preview

Background & preview

Coming soon

2

Design review

Coming soon

2

Site design review

Site design review

Coming soon

3

Optimize for SEO, accessibility, and performance

Coming soon

3

SEO tools in Webflow

SEO tools in Webflow

Coming soon

3

Accessibility in Webflow

Accessibility in Webflow

Coming soon

3

Improve your site performance

Improve your site performance

Coming soon

3

Review: SEO, accessibility, and performance optimization

Review: SEO, accessibility, and performance optimization

Coming soon

4

Publish your site

Coming soon

4

Hosting with Webflow

Hosting with Webflow

Coming soon

4

Publish to staging & production

Publish to staging & production

Coming soon

4

Staging & publishing best practices

Staging & publishing best practices

Coming soon

5

Wrap up

Coming soon

5

Additional resources

Additional resources

Coming soon

Progress

0%

Details

Beginner - Intermediate

37m

10

Lessons

Assets & links

Assessment

Test your knowledge

Continue learning

CSS styling

Take a closer look at all the creative styling possibilities that CSS offers. Learn how to style elements visually, with the power of Webflow.

Getting started with Webflow Enterprise

Get familiar with Webflow’s website experience platform and Enterprise features.

Webflow Ecommerce

Learn how to build and design your Webflow Ecommerce store. Customize every detail and launch a fully functional online store — without writing code.

Webflow 101

Introducing Webflow 101, the ultimate course to learn the fundamentals of web design and development.

CSS grid in Webflow

An overview of CSS grid. Use the grid layout in Webflow to get more control over your designs and create powerful, responsive layouts — faster.

Localize your site in Webflow

Learn how to localize a site for different languages and regions. Translate text, customize and manage content, and optimize SEO settings, so your site reaches a wider audience.

Landing page generator for Ryan Reynolds

Learn how to build a dynamic landing page generator in under 30 minutes.

CSS layout & positioning

Dig into the world of HTML and CSS layouts — learn how they work together and get an overview of display properties like inline block and flexbox.

Welcome to Optimize

Learn how to use Webflow Optimize to improve your site's conversion rate using testing, personalization, and the power of AI.

21-day design portfolio course

Build and visually design a full portfolio website within the span of 21 days.

Web animations with After Effects & Lottie

Create animations in Adobe After Effects — the industry standard for motion graphics. Embed and animate them in your Webflow site.

Getting started with Webflow

Get familiar with Webflow’s website experience platform.

Design systems in Webflow

Learn how to create a design system in Webflow for consistent and scalable site building.

Figma to Webflow

Learn the entire design process from idea to final output as we take you through Figma, Cinema 4D and Octane, and Webflow.

Welcome to Webflow

Discover what Webflow offers, how it works behind-the-scenes, and tips and tricks for starting your learning journey.

Accessibility on the web

Learn about accessibility on the web and how to create inclusive and accessible sites without writing code.

Interactions & animations course

Learn how to animate multiple elements managed on a single timeline — bring your designs to life with rich, sequenced interactions and animations.

Build & structure your site

Learn how to add different types of HTML elements to structure pages on your site.

Freelance web design boot camp

The Freelancer’s Journey is a free, comprehensive course to help you build a successful, fulfilling freelance career in web design.

Design & manage CMS content in Webflow

Learn how to create, manage, and style dynamic content and collections on your site using Webflow’s CMS.

Ultimate web design course

From the fundamentals to advanced topics — learn how to build sites in Webflow and become the designer you always wanted to be.

Client's guide to the Editor

This is the Client's guide to the Webflow Editor. Share these lessons to get your clients up and running.

Moving your business online

A free course on how to take your business online. Serve more clients and generate more revenue in this new environment.

Full site build

Learn how to design and develop a CMS-driven website built around the needs of your client and their audience — and execute a successful launch.