Marketing | 3 min read

Website Design and SEO: 5 Tips For SEO Marketing in Hong Kong

Are website design and SEO maintenance your priority? Grab your 5-step SEO website relaunch plan today from the top name in SEO marketing in Hong Kong!
How to Redesign Website Without Losing SEO
Tiffany Pau
By Tiffany Pau
December 03, 2021

Has your website started to look a bit boring or outdated? Or perhaps you need to fine-tune it to make it more appealing to the visitor. Has the thought of messing up your hard-earned SEO rankings made you stop in your tracks? Well, your concern has a point.

Your audience's tastes vary over time, and the longer you wait to revamp your site, the more obsolete it will appear. On top of that, contemporary design strategies frequently enhance the functionality and user experience of your site. Redesigning your website not only makes it look more trendy and appealing, but it also makes your visitors happy. And more happy visitors equals more leads.

Now that we've got the reasons to redesign, let's look at making sure your SEO rankings are protected. Here is your 5-step website SEO redesign checklist that our experts have compiled to keep your SEO rankings intact.

Back-ups Make Your Websites Bulletproof

It's always a good idea to make a backup of your present website before starting a site redesign as a precaution. Your theme files, plugins, and, database should all be backed up. That way, if things go wrong, you can go back to the prior version of the website.

Since the Craft CMS tool is commonly used to develop websites, we recommend you install Enupal. Enupal is the plugin to use if you want to back up your site for $49. It is the most popular and reliable scheduled backup plugin if you have built a website using Craft CMS.

  • It simplifies backups for Craft CMS.
  • It helps schedule your backups and upload them securely using OpenSSL.
  • It enables you to choose the files you want to backup.
  • It sends an email notification for when the backup process has finished.

Add a "Site Under Maintenance" Sign

Site under maintenance

When visitors come to your website, you don't want them to encounter a broken page or broken links. We strongly recommend you enable maintenance mode for as long as you need to make the necessary modifications to your page's content.

You can also start from scratch, build your pages without any code by using the ready-made page parts and page blocks. These sections and blocks even have their own templates, so you won't need to be a design pro to make things seem professional. Plus, by including option forms, prizes, or contact forms on your maintenance page, you can expand your email list while rebuilding your site. Win-win, if you ask us!

In fact, here are a few ideas that we found on for a website under construction:

Check Your SEO and Do Not Disturb Your Content & Structure

Do not disturb

After setting up your maintenance page, collect your website's SEO data before making any changes to the design. This helps in comparing the performance of your site after you've made your adjustments. Here's how you do it:

  • Go to your Google Analytics tracking tool and export a list of your most popular blog posts and pages.
  • Visit Google Search Console or any other tool you use to track the rankings of your keywords and individual pages. Once you have that data, save it somewhere secure so you can compare it after you've made your design adjustments.
  • After you've gathered your SEO data, you'll need to think about the content and structure of your website. Simply put, when altering your design, you should keep the content of your web pages as untouched as possible.
  • The hierarchy of your site pages and the URL structure are referred to as your site structure. As a result, you should neither add or remove any pages from your website nor should you alter the URLs. If you do, you'll have to use 301 redirects, which can make things more difficult than necessary.

However, if you want to change the structure of some of your pages or the URLs, follow the instructions below:

  • Download your website's sitemap. Go to and fill out the form.
  • Make a spreadsheet to track your progress and redirect the old URL to the new one.
  • Create a new sitemap and submit it to Google Search Console with the changed URLs.
  • After you've made the modifications, test the URLs to make sure they're operating properly.

Hope that helps!

On-Page SEO Optimization

You'll need to undertake an on-page examination of your content now that your design adjustments are in place. If you need assistance with optimization, check out this comprehensive SEO guide for beginners.

While designing your website, try to keep the title, headers, meta-descriptions, and content body the same. You should also create a spreadsheet to aid in comparing the changes that occurred during the redesigning process.

Testing, Launching and Audit

Testing, Launching and Audit

This is a critical next step! Make sure to read this one carefully.

Whenever you're building or rebuilding a website, you should do it on a staging server. This is usually done so that you may audit and test your website's functionality. If any issues are discovered, they can be readily corrected before your site goes live.

Now it's time to put everything you've worked so hard for to the test.

Remove your new site from the staging environment and publish it to the live server. Disable "site in maintenance mode" and inform your visitors of the new look. They might be able to assist you by reporting any bugs that arise.

Even when you launch your website, your work is far from done. You must still audit the following processes:

  • Make sure the best-performing content is still working by testing it. This might be aided by using an SEO checklist.
  • If you've used any redirects, double-check them.
  • Examine the meta descriptions, titles, and headings to ensure that they are correct.
  • Compare the page speeds of your new and old websites. You can test the page speed using a variety of tools, such as this WordPress speed test tool.
  • Remove any plugins that are no longer in use. They could slow your website down.
  • Look for any 404 errors in the sitemap.xml. If you find any, fix them.
  • Cross-browser compatibility should be checked. The simplest approach to do this is to open the same page in various browsers and see if it loads properly in each one.
  • Make sure that your website is fully responsive on mobile devices.
  • To avoid losing any essential data, copy the tracking codes to the new website design.

The auditing procedure is now complete. And with that, you've completed the entire Website backup procedure.

Final Thoughts

We hope that our information has helped you in making the process of website design and SEO maintenance go more smoothly. This step-by-step instruction will also show you how to market your website before it goes live.

If you found the above process quite challenging, feel free to contact us. We are one of the leading names in SEO Marketing in Hong Kong. Let our experts help you with services such as Website development and SEO management.

Tiffany Pau
By Tiffany Pau
Digital Strategist
Tiffany is a Biochemistry graduate from CUHK. After graduation, she worked as a Digital & Analytics intern at L'Oréal APAC for more than a year before joining Butter as part of the Graduate Programme. Tiffany now works closely with the Strategy and Business Development Team to meet output expectations and contributes to managing client projects within Butter.
Clinking beer bottles
Join us

We’re always wanting to meet talented people who would enjoy working with us, while helping us be better at what we do.

View Jobs
Conversation bubbles
Get in touch

Looking for a strategic Digital Marketing Agency in Hong Kong? Reach out and talk to us today!

Contact Us