How can I redirect my old site with .html extensions to a new Webflow site without the extensions?

Published on
September 22, 2023

To redirect your old site with .html extensions to a new Webflow site without the extensions, you can follow these steps:

  1. Set up custom domains in Webflow: First, make sure you have set up the custom domain for your new Webflow site. This involves adding the appropriate DNS records to your domain provider's settings.

  2. Enable SSL: Enable SSL for your Webflow site to ensure it is secure. This can be done in the project settings within Webflow.

  3. Create 301 redirects: Now, you'll need to create 301 redirects for all the pages on your old site to redirect them to the appropriate pages in your new Webflow site. 301 redirects inform search engines and browsers that the page has permanently moved to a new location. You can create redirects using Webflow's built-in redirect feature.

    • In your Webflow project, go to your Project Settings.
    • Select the Hosting tab.
    • Scroll down to the "Redirects" section.
    • Click on the "Add Redirect" button.
    • Enter the old URL (with .html extension) in the "From" field.
    • Enter the new URL (without the .html extension) in the "To" field.
    • Check the "Redirect with 301 status code" box.
    • Click the "Save" button to create the redirect.
  4. Test the redirects: After creating the redirects, it's crucial to test them to ensure they are working correctly. Open a browser and enter one of the old URLs with .html extension. The page should automatically redirect to the corresponding page on your new Webflow site without the .html extension.

  5. Update internal links: Lastly, update any internal links within your new Webflow site to reflect the new URLs without the .html extension. Ensure that all your navigation menus, buttons, and links point to the updated URLs. This will also help with SEO, ensuring that search engines are properly indexing and ranking your pages.

By following these steps, you can seamlessly redirect your old site with .html extensions to your new Webflow site without the extensions. This will help retain your existing SEO authority and ensure a smooth transition for your visitors.

Additional Questions:

  1. How do I enable SSL for my Webflow site?
  2. What is a 301 redirect and how does it impact SEO?
  3. How can I update internal links in Webflow?