How can I make the URLs clean when exporting a website in Webflow?

Published on
September 22, 2023

When exporting a website in Webflow, the default URLs are automatically generated based on the page and element names. However, if you want to make the URLs clean and user-friendly, you can follow these steps:

  1. Use meaningful page and element names: When creating pages and elements in Webflow, make sure to use descriptive and relevant names that accurately represent the content or functionality they contain. Avoid using generic or cryptic names that don't provide any context.

  2. Update the slug: Webflow generates a default slug for each page based on the page name. You can modify the slug to make it more concise and clean. To update the slug, select the page in the Navigator panel, go to the Settings tab in the right sidebar, and edit the "Webflow.io subdomain" field.

  3. Enable clean URLs: By default, Webflow appends ".html" to the end of each exported page's URL. To make the URLs clean and remove the ".html" extension, you can enable clean URLs. To do this, go to Project Settings > Hosting > Clean URLs and toggle the switch to enable it. This will make the URLs more search engine friendly and improve the user experience.

  4. Set up redirects: If you have existing URLs that you want to redirect to the new clean URLs, you can set up 301 redirects. This is particularly important if you have an existing website and are migrating to Webflow. By setting up redirects, you ensure that users and search engines are seamlessly redirected to the new URLs without encountering broken links or losing SEO value.

By following these steps, you can ensure that the URLs of your exported Webflow website are clean, user-friendly, and optimized for search engines.

Additional Questions:

  • How can I modify the slug of a page in Webflow?
  • What are clean URLs in Webflow?
  • How do I set up redirects in Webflow?