How To Redesign a Website Without Losing SEO (Step By Step Guide)
Do you want to redesign your website but are afraid that you might lose your SEO rankings?
Many site owners are afraid to redesign their websites because of this fear. It makes sense that you want to hold onto your rankings after you’ve put so much time and effort into your digital marketing.
But the truth is, peoples’ tastes change, and the longer you leave your redesign, the more outdated your site will look. What’s more, newer design methods often improve the functionality and experience of your site for users.
So redesigning can not only make your site look more modern and up-to-date it can make your visitors happier too. And happier visitors make for more leads!
In this article, we share our step-by-step guide for how to redesign a website without losing SEO rankings.
How to Redesign a Website Without Losing SEO
Here’s a quick rundown of the steps we’ll cover today:
We know all this may sound overwhelming but don’t worry. We’ll discuss each of these in detail and make it as simple as possible.
1. Make a Back-Up of Your Website
As a precautionary measure, it is always good to create a backup of your existing website before you start a site redesign. You should make a backup of your theme files, plugins, and database. That way, if things go sideways, you can revert the website to the previous version.
Creating a backup is actually pretty easy. In this guide, you can create a backup of your website using a plugin called UpdraftPlus if you follow the simple steps.
2. Create a “Site Under Maintenance” Page
You don’t want your visitors to see a broken page or broken links when they visit your website. So, it would be best if you turned on maintenance mode for as long as it takes to make the changes to your page content.
Creating a maintenance mode page is simple with SeedProd, the best landing page builder for WordPress. Even though it’s a powerful landing page plugin, it also includes a pre-built coming soon page, a 404 error page, and a maintenance mode page for WordPress. You can turn these modes on and off with a quick click and zero fuss.
SeedProd includes everything you need to enable maintenance mode on your website. You can choose from its growing library of maintenance mode templates to get a head start.
Or you can start from scratch using the ready-made page sections and page blocks to build your page without any code. These sections and blocks even come with their own templates, so you won’t need to be a design expert to get things looking great.
Plus, you can grow your email list while redesigning your site by adding optin forms, giveaways, or contact forms to your maintenance page.
You can learn how to put your site into maintenance mode here.
Make sure that you’ve tested everything in the staging environment before you take down the maintenance page.
3. Check Your Current SEO Standings
After setting up your maintenance page, it’s important to collect your website’s SEO data before changing your site’s design. This will help you compare your site’s performance after you’ve made your changes.
Then head to the Google Search Console or whichever tool you use to track your keyword’s ranking and individual page ranks. Once you have that data download it and keep it safe so that you can compare it after you have made the changes in your design.
4. Keep the Same Content and Structure
Moving on from gathering your SEO data, you next need to consider your site’s content and structure. To put it simply, you should keep your web pages’ content as unchanged as possible when updating your design.
Your site structure refers to the hierarchy of your site pages and the URL structure.
So you shouldn’t add or remove any pages of your website or change the URLs. If you do, you’ll have to implement 301 redirects, which can make things more complicated than they need to be.
However, if you decide to change some of your pages or the URL structure then do follow the steps below:
- Download the sitemap of your website. Go to https://www.yoursite.com/sitemap.xml
- Redirect the old URL to the new URL and make a spreadsheet to keep track of your progress.
- Create a new sitemap with the updated URLs and upload it to the Google Search Console.
- Audit the URLs after you have implemented the changes to see if they are working properly.
5. Do On-Page Optimization of Your Content
With your design changes in place, you’ll now need to do an on-page analysis of your content. If you need help with the optimization, then refer to this detailed SEO guide for beginners.
Try to keep the title, headers, meta-descriptions, and the body of the content the same while you are designing your website. You should also make a spreadsheet that can help you compare the changes that might have occurred during the redesigning process. You can make a similar spreadsheet shown in the screenshot below.
6. Test Your new Design on a Staging Site.
This next step is very important! Make sure you read this twice.
Whenever you are developing or redesigning a website, it should usually be done on a staging server. This is typically so you can audit your website and test its functionality. If you find any errors, you can then easily solve them before you take your site live.
An SEO’s biggest nightmare is when he forgets to check the box, discouraging search engines from indexing this site.
If you forget to check this box, your staging site will also get indexed, and Google may drop your rankings for duplicate content.
You absolutely don’t want that to happen!
Make sure you double-check before you start working on your staging site.
7. Launch the Site
Now it’s time to put all your hard work to the test.
Publish your new site to the live server and remove it from the staging environment.
Turn off maintenance mode and let your visitors know about the new design. They might be able to help you by reporting bugs that might turn up.
8. Post Launch Audit
Your job is far from over even when you take your site live. You still have to check for any errors.
You might be wondering, “but I just checked for errors on the staging site.” But trust us when we say this because you can never be too sure when making design changes.
There are a few things you need to check during the auditing process. Take a closer look at the following:
- Test the top-performing content and make sure that it’s working. An SEO checklist will help with this.
- Check all redirects if you have implemented any.
- Check if the meta descriptions, titles, and headings are exactly the way they are supposed to be.
- Compare the page speed of your new website with the old one. You can use various tools to test the page speed like this WordPress speed test tool.
- Remove the WordPress plugins that you don’t need anymore. They might slow down your website.
- Check the sitemap.xml and look for any 404 errors. Fix them if you find any.
- Test the cross-browser compatibility. The easiest way to do this is to open the same page on different browsers and check if they load properly.
- Make sure your website is 100% responsive on mobile devices.
- Copy the tracking codes to the new website design so that you don’t lose any valuable data.
You are now done with the auditing process. Yet, even after all these checks and double-checks, there may still be some errors on your website.
Like we have mentioned before, the best way to find these errors is to ask your visitors. They will send you bug reports for free.
All you have to do is make it easy for them to report them. You can ask them to comment or send you an email, or you can build a bug reporting form.
A Final Note on Website Redesigning
Website redesigning without losing your SEO can be very hard if you don’t have a road-map. Make sure you do your homework before you even decide to make a new design for your website.
Monitor the staging environment as well as the new production environment. Remove any errors you find on the staging site before you take the new design live.
You’ll also have to conduct audits now and then until you are sure that there aren’t any errors left.
We hope that our guide has helped you in streamlining the process. And if you want to learn how to market your website before you launch, this step-by-step guide will show you how.