In light of the recent COVID-19 pandemic - OPTASY would like to offer DRUPAL website support for any Healthcare, Government, Education and Non-Profit Organization(s) with critical crisis communication websites or organizations directly providing relief. Stay Safe and Stay Well.

How to Keep Your SEO When Redesigning a Website: 12 Things to Check

How to Keep Your SEO When Redesigning a Website: 12 Things to Check

by Adriana Cacoveanu on Jun 08 2020

What's the best approach? The foolproof methods to keep your SEO when redesigning a website?

And the chances that things go wrong are high:

  • indexing issues
  • traffic drop after the redesign
  • ranking going down
  • ...

You need something like a... checklist. One that includes all the key elements to monitor during and after revamping your website, right?

This is precisely what you'll get in this post:

A 12-point list to check off along the way, so you can redesign your website without losing SEO rankings and traffic.

But Does a Website Redesign (Really) Affect SEO?

"If I change my website, will I lose my Google ranking?"

Yes, you stand all the chances.

Here are just some of the changes applied to your website that pose the biggest "threats" for your Google ranking:

  • you remove/change content
  • you change the current on-page optimization process
  • you change your URL structure
  • you change your domain/subdomain
  • you move content around, to suit your website's new sitemap or navigation structure 

From the:

  • updates that you make for improving the user experience on your website
  • to those aimed at rebranding
  • to those changes that you apply to your backend

... it all bubbles up to your SEO ranking, traffic, and overall long-term growth of your website.

How to Keep Your SEO When Redesigning a Website: The Biggest Risk Is Google Not Indexing Your Website

Step 1: Audit Your Current Website

This first step on your website redesign SEO checklist will help you gain a bird's eye view of:

  • what needs to be improved/fixed about your existing website
  • what are the high ranking areas that you shouldn't touch

Use Screaming Frog data to inspect your website and put together an inventory of all the:

  • duplicate page titles
  • missing, multiple, or duplicate H1 tags
  • missing Image ALT texts
  • broken internal/external links
  • missing or duplicate meta descriptions
  • page titles over 512 pixels
  • meta descriptions over 923 pixels

Furthermore, manually scan key elements like:

  • sitemap
  • URL structure
  • page loading speed (use Google’s PageSpeed Tools)
  • duplicate content
  • Google-indexed pages 
  • robots.txt

Tip: download and back up the URL structure of your "old" website; you can use a plugin like Yoast SEO to download the updated sitemap of your website.

Step 2: Make Sure Your Test Website Is Not Being Indexed

For you don't want the risk of Google indexing your test website to add to the pile of... other things that could go wrong during the redesign process.

How do you prevent your test site from being indexed?

  • you either block it in the robots.txt file
  • or you click the noindex box in your CMS

Step 3: Match Up The Old and the New Pages to Keep Your SEO When Redesigning a Website

"How do I preserve rankings and traffic during a website redesign and rebuild?"

By making sure that the data on your current website — meta descriptions, word counts, canonical tags, etc. — remain as such on the new site, as well.

For this, crawl your test website and put it against the "old" website to identify all the "missing parts" and the areas that need improvement.

This is a foolproof method to ensure that the updates that you're about to make are truly needed.

How to Keep Your SEO When Redesigning a Website: Match Up the Old and the New Pages

Step 4: Check Your New Website for Broken Links

Another critical step to put on your website redesign SEO checklist is crawling your new website for broken links. 

Use Google Webmaster Tools for this.

Step 5: Address The 404 Error Pages

One of the major website redesign considerations to keep in mind is that you'll need to handle the 404 issues popping up on your new website.

There are 2 ways that you can address a 404 URL:

  • redirect the old URL to the new URL of your test server
  • set up this URL on your test server

Step 6: See that Your Live URLs Are Optimized, As Well 

A foolproof method for keeping your SEO when redesigning a website is to make sure that those live URLs, that aren't yet on your current website (the most recently added ones) are properly optimized.

Just use the following on-page optimization checklist, which includes all the key areas where you should add your focus keywords (or semantic keywords):

  • page title tag
  • H1 tag
  • page URL
  • H2, H3, H4 tags
  • meta description 
  • body content 
  • image ALT tag

Step 7: Keep the URL Architecture Identical 

Since the SEO impact of changing URL is huge.

Do you remember that you've downloaded the URL structure while auditing the old website (see Step 1)?

Make sure to back it up and stick to it after the redesign process, as well.

Step 8: If Some of Them Do Change, Set Up 301 Redirects

If the unwanted scenario does happen and some of your URLs do change, keep in mind to map out 301s to their corresponding new URLs.

That, if you do want to preserve your rankings and traffic, of course...

How?

  • by manually updating your .htaccess file: Redirect301/old/oldsite.html http://www.yoursite.com/newurl.html  
  • by using a redirect plugin: the process is no more complicated than filling in a form

Step 9: Leave the Content Unchanged on Your High Ranking Pages 

One of the things to watch out for in order to keep your SEO when redesigning a website is the "temptation" of changing content on your high ranking pages.

How to Keep Your SEO When Redesigning a Website: Don't Change Content on Your High Ranking Pages

Tip! A safe way to redesign your website without losing SEO is to make changes to the pages' design elements only. Once you've launched the new website, monitor your rankings for a while and, unless you notice some alarming drops, go ahead and apply (some) changes to the written content, as well (if absolutely necessary).

Step 10: Check Your Robots.txt File

Make sure that your robots.txt file didn't get corrupted during the website redesign and rebuild process.

Just click on the “robots.txt” option under the crawl section.

Step 11: Resubmit Your Sitemap to Google

A key step to take for avoiding new website Google ranking issues.

Submit your new website's XML to Google (and Bing) so that its new structure gets crawled and indexed in due time. 

Step 12: Check and Monitor Your Ranking Position

So, you've finally launched the improved version of your old website. Your team's hard work over the last few months is now live.

Still, you'd better remain vigilant and monitor your new website for 2-3 more months.

During this time:

  • keep track of how your top keywords are ranking
  • make sure Google's not indexing the wrong pages for those keywords
  • be ready to detect any sudden drop or... boost in your website's Google ranking

Take this monitoring time as a way of... futureproofing all the efforts you've done to keep your SEO when redesigning a website.

But maybe you are, indeed, planning to give your website a facelift and a performance boost. And yes: you do worry that this might affect your SEO rankings and traffic.

Yet, you want some professionals — a team of experienced web designers, web developers, and SEO experts — to handle your website redesign process. 

We're ready to help you.

Just drop us a line and let's plan an SEO-oriented redesign process for your website.

Image by k-images from Pixabay  

Development

We do Web development

Go to our Web development page!

Visit page!

Recommended Stories

4 Reasons Why You Need Drupal Maintenance Services
  Entering the world of Drupal web development can feel like diving into the unknown for many business owners. Once they've figured it out with the help of a developer or a Drupal development agency, the business runs smoothly for a little while.  However, building and optimizing a website is like buying a new house—it's functional at first, but things break down and need repairing and regular care in time.  Since spring is just over the corner, what better moment to start cleaning, improving, optimizing, and refreshing your website? Whether you do it in-house or hire an agency that offers Drupal maintenance services, it will work wonders and could actually double your potential market value. But first, it's essential to understand why a regular maintenance plan is critical, how to tell when you need Drupal maintenance, and what does Drupal maintenance include. This article will answer these questions.   Why you should stick to a regular Drupal maintenance plan  If you've already entered the world of digital marketing, you know that the journey towards attracting and retaining customers doesn't end with web development and deployment. Change is a permanent constant in life, and businesses have to adapt to this ever-changing dynamic.  Security  A few years ago, website maintenance was optional. Building a static website that you could leave unattended for the entire year was perfectly normal.  Today, as the digital landscape has expanded and become more prone to security vulnerabilities, Drupal support is imperative for maintaining a healthy security posture.  Although Drupal is known for being the most secure CMS, this only applies if your Drupal website is regularly optimized with security updates and patches. The Drupal community and Drupal security team continuously build security patches, fixes, and upgrades, and Drupal users need to be in the loop about these updates. In other words, keeping up with the news and module updates in Drupal security is vital in order to avoid breaches.  Constant Drupal core module updates can boost website protection and secure it against cyberattacks and threats.  Fixing errors To ensure that your website performs well and meets the needs for speed and agility that the modern digital user demands, fixing bugs and errors is a top priority. These malfunctions may happen for multiple reasons—rushed coding and deployment, inadequate testing, or miscommunication. They may affect your site's performance and loading speed or even alter your Drupal website’s functionality.  And since users don't want to spend more than four seconds waiting for websites to load, not paying attention to repairing bugs could cost you customers.  This price is too big to pay, and it's worth considering Drupal maintenance services as part of your website strategies.  Keep your content fresh with new features Another reason why Drupal maintenance matters is related to scalability. Drupal websites can grow together with your business goals. Constant feature and module updates allow Drupal users a high level of customizing capabilities that helps businesses keep up with the changing needs of the customer.  With Drupal 8, integration is much more affordable, so if you haven't migrated yet, you might want to contact a Drupal agency to help you decide whether an upgrade is the right choice for your business.  The user behavior has dramatically shifted in the last year, which is why content optimization, new features, and enhancements allow brands to stay fresh and align to this changing environment.  SEO optimization Ranking high on Google and other search engines is crucial for your website to stay relevant. An excellent Drupal maintenance team has SEO experts that provide Drupal SEO audits and optimization.  “Good SEO work only gets better over time. It’s only search engine tricks that need to keep changing when the ranking algorithms change.” – Jill Whalen   How to tell when you need Drupal maintenance If you're not yet convinced that you need Drupal support and maintenance services for your website, here are some indicators that you can't postpone it any longer without hurting your business: Your website is slow, and you have received complaints about its loading speed. Your web traffic has dropped considerably. You experience more security breaches. Your content and design are outdated. Links, buttons, or forms are not working.   These are some of the red flags of poorly maintained websites. If you recognize these warning signs as part of your website, it's definitely time to start planning your maintenance strategy. What do Drupal maintenance services and support include? A useful maintenance model covers: Security and module updates Third-party integration support Regression testing  Bug diagnosing, fixing, and testing Hosting infrastructure maintenance Hack, malware, down recovery   Partner with the right Drupal maintenance and support agency When thinking about hiring a Drupal maintenance team, you need to consider your needs. At Optasy, we cover a wide range of website maintenance requirements and can create a customized maintenance and support plan to support your website's specific needs.  How does this sound to you? Have you made up your mind whether it is worth investing in Drupal maintenance services or not? If yes, then contact a reliable, dedicated support partner like Optasy and see how our Drupal maintenance services can keep your website up and running.  Photo credit: geralt on Pixabay.     ... Read more
Raluca Olariu / Mar 02'2021
4 Key Things to Know When Optimizing Your Drupal Website for Mobile
  Approaching a mobile-first strategy for your Drupal website is imperative. Since 52% of all website traffic comes from mobile devices, businesses that want to strive must ensure that they optimize their site for mobile.  Why is mobile optimization important? A website designed for desktop use can be non-functional on a phone or tablet. Building a mobile-friendly site that looks good regardless of how users access it is no longer optional for companies that want to deliver high-quality digital experiences.  "If I were to start Drupal from scratch today, I'd build it for mobile experiences first and desktop experience second." - Dries Buytaert, founder and lead developer of the Drupal CMS There are plenty of benefits and competitive advantages of implementing a mobile-first approach to your Drupal website. We'll name a few: Positively impacts search ranking Improves loading times Increases visibility across all devices Enhancing mobile performance for Drupal websites is not rocket science, but if you're a rookie in web development, hiring a Drupal developer to help you implement some of the steps highlighted in this article may be the safest strategy.  Without further ado, let's start to learn how you can optimize your Drupal website for mobile use.   1. First things first: you need a mobile menu.  Start your mobile optimization journey by installing a mobile menu that enables navigation links to be displayed accurately on narrow screens.  A popular style for mobile menus is the 'hamburger' icon. This type of menu is substituted by a symbol with three horizontal lines when the screen narrows to a particular width. When clicked on, the icon displays the mobile-friendly main menu of the Drupal website. Want to use this type of menu? Start by installing the Responsive Menus module and download the tar.gz.file.  In your dashboard, open the Extend tab and select the Install New Module button.  Lastly, use the file browser to upload the tar.gz file. You should now be ready to use the module to customize and style your website's menu.  Remember that you can also hire Drupal developers at any stage of your optimization process to help you streamline your operations.    2. Don't ignore code minification.  One of the top priorities for mobile site functionality is quick loading times. As CSS or HTML files can get bulky, removing unnecessary elements from your website's code can help it render more fastly.  There are a few steps for successfully minifying your code: Install the Minify module  Download the tar.gz file and unarchive it Move the resulting folder into your website's Drupal modules section.  Enable the module from your dashboard You also have the option to enable the minify module to start working automatically. This will assist your Drupal website in loading quicker on mobile devices and thus improving the user experience.    3. Browser cache implementation for mobile-friendly Drupal websites. The next step in optimizing your Drupal site for mobile is to implement browser caching, which allows a user's browser to store data, so it doesn't have to repeatedly download the same files.  This reduces latency if, for example, your site has an extensive background image. The browser caching allows the picture to be stored on each visitor's device, so it doesn't have to be downloaded every time the user visits your site.  Browser caching is a built-in tool in Drupal, and although you can configure it in your control panel, we recommend that you consult the official guide before doing it or hire a Drupal developer to help you.    4. Consider image optimization.  Websites that contain many large image files can have longer loading times on mobiles. You don't want that if your goal is to provide high-quality experiences for your mobile users. Therefore, you can start optimizing your images to accelerate your site's performance. How can you reduce the size of your photos without jeopardizing their quality? It's actually easy. Drupal's ImageAPI Optimize module helps you manage your images before uploading them onto the website.  You only have to download the module's tar.gz file, install, and enable it in your dashboard. To automatically optimize your images for mobile devices, make sure to select ImageAPI Optimize as the default toolkit.  When creating responsive images, the amount of space an image fills on the screen is significant. Drupal lets you use @media rules to modify images depending on each user's screen size. This high level of personalization is allowed by the Breakpoint and Responsive Images modules.    Why Drupal 9 might be the best option for a mobile-first approach The latest version of Drupal provides optimized modules and features for mobile devices that enhance the user experience and address modern customers' needs.  Among the key benefits of Drupal 9 for mobile optimization are: Improved speed of content delivery Responsive design for various screen's widths  Editing content on mobile is easier  In conclusion, if you want to deliver high-quality, personalized user web experiences in the modern era, optimizing your website for mobile devices is a must. Optasy can help you build a mobile-first approach that satisfies the need for speed and high functionality that today's mobile users expect.  Image credit: deeptuts on Pixabay... Read more
Raluca Olariu / Feb 22'2021
10 Best Headless CMS in 2020, That Cover Most of Your Requirements (Part 2)
Ready to compare the features of 5 other best headless CMS in 2020? We've got them ready for you to just dive in and: survey the key reasons why you'd choose one over the other discover each one's main use cases narrow down your options … and pick the one that matches your requirements. What Is the Best Headless CMS in 2020? 5.6. Directus An open source tool for managing and delivering content across an entire network of platforms and devices. And here are some of the top reasons for choosing Directus: it provides your editorial team with an easy to use admin app for managing content it can be in the cloud or self-hosted it provides API for your development team to fetch content 5.7. Netlify CMS  One of your top 10 headless CMS options, an open source one, that you get to add to any static site generator of your choice. A React single-page application that provides you with an easy to use UI, playing the role of a… wrapper for your Git Workflow. Basically, when using Netlify CMS your content gets stored in your web app's git repository (as markdown files), close to your codebase.   "How does a Netlify CMS Gatsby setup work?"   It's pretty straightforward: You enter your content via that user-friendly interface, then Gatsby uses it to come up with the right pages for your web app. Why would you use it? it fits both large and small-sized projects, with fewer pages to create, to add content to, to edit, and to manage you get to review/preview your content and make changes in real-time, and even control entries status in editorial workflow mode it provides you with an easy-to-use UI, with just 3 tabs: workflow, media, and content you're free to use it with any static site generator you get to extend its functionality: add your own UI widgets, editor plugins, customized previews, etc. 5.8. GraphCMS     An API-first content management system, a GraphQL-native one, that allows you to distribute content across multiple digital platforms. And not just anyhow, but… within minutes. Your developer team gets to create content APIs in no time, whereas your content team gets all the tools they need for a smooth editor experience.   Source: capterra.com GraphCMS vs Contentful: Main Differences GraphCMS works best for enterprise and mid-market companies, enabling them to build highly scalable applications GraphQL is its underlying technology: an open source query language for APIs, that's been growing more and more popular among developers Contentful targets top global brands, helping them distribute digital content experiences across complex networks of markets and channels REST is its underlying technology: a programming paradigm for distributed systems And here are 2 good reasons for choosing GraphCMS as your go-to headless content management system:  you get a CMS that's client-side and JAMstack compatible you get to tap into the benefits of a JAMstack approach to development (JavaScript & Markup & API) 5.9. Cosmic A cloud-hosted headless content management system that provides you with both GraphQL and REST APIs. But what makes Cosmic one of the best headless CMS in 2020? Why choose the Cosmic Headless CMS?  it ships with features like content modeling, media management, localization, and webhooks it grants you a smooth editor experience with its WYSIWYG  editor, that you can use to incorporate (by embedding code) third-party services like Typeform and GitHub. it integrates smoothly with AWS, Slack, Algolia, Stripe, HubSpot 5.10. Kentico Kontent A cloud-based content delivery API that turns your structured content into content that's easy to be "consumed" by any device or digital platform that you might use as a front-end delivery layer.  Why would you choose it over other great options of headless CMS? you get an AI chatbot when using Kentico Kontent it provides webhooks and custom elements that make third-party integrations a lot smoother you get content management API enabling content consumption And we've come to… the END of the list of 10 best headless CMS in 2020. Which one checks the most features off your list? Now, if you're facing a "Headless Drupal 8 vs Contentful" dilemma, we're here to: help you identify the one that works best for your business and your requirements make your headless CMS-based project work Just drop us a line!   Image by tdfugere from Pixabay   ... Read more
Adriana Cacoveanu / Sep 26'2020