SpyreStudios

Web Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

Avoid these 4 Website Redesign Mistakes that Sabotage SEO

June 24, 2019 by Spyrestudios

As a freelance web designer/dev, one of the most common projects is a website redesign.  Clients want their existing site (or specific pages) transformed into something superior. But this often comes with a price where SEO is concerned.

Massive changes to site structure, architecture, and page elements can negatively impact their search engine optimization.

And the last thing you need is a bad review, being on the hook for their SEO decline. 

Here are four key mistakes to avoid when doing a site redesign to ensure your clients SEO stays intact. 

1. Neglecting Site Speed

Site speed is no longer a secondary ranking factor. Especially when it comes to mobile:

When developing and designing a new site for clients, they often want a few things. 

But the most important to them is usually sprucing the site up. And this almost always involves new, exciting page elements. 

Related: Common UX Mistakes and How to Avoid (or Fix) Them

Elements like sliders, carousels, animations, transitions, and everything in between.

These are fantastic tools to create a beautiful website, and if the client wants them, you really have no choice.

The problem occurs when too many are used and you fail to minify your coding. 

Too many page elements = heavy page weights = slow site speeds = worse SEO.

According to Google, the best practice for site speed is just three seconds, and most sites fail to come close: 

(Image Source)

As you can imagine, this poorly impacts the user experience, generating higher bounce rates and worse rankings: 

(Image Source)

When adding new page elements, be sure to minify or even remove unused or overdone CSS. 

Google provides a perfect example of this:  

(Image Source)

Amongst this, be sure to nail the following development factors when adding in new page elements to account for site speed SEO:

  • Eliminate render-blocking elements
  • Audit your cache policy to speed up repeated visits
  • Minify JS and JS execution timing
  • Resize and compress images
  • Use text compression

2. Treating Mobile as Secondary

Mobile is no longer a secondary thought.

If you are redesigning and developing a site with mobile as an afterthought, your clients SEO will suffer.

The mobile index is already rolling out. Mobile-speed is a ranking factor. Mobile versions of your website are first to show in SERPs. To top it off, the majority of traffic is mobile, too. 

No longer are the days of developing a site and “just making sure it looks good on mobile.” 

Mobile is a fundamentally different environment than desktop. People browse in different ways on mobile. 

Speed matters more. 

Information architecture matters more (more on this later). 

Content delivery matters more. 

Even fonts matter more.

Web design expert Nick Schäferhoff says this about mobile website design: 

“Starting with mobile forces you to concentrate on the essentials and think through the purpose of your design. You can then further unfold and add elements as the screen size grows bigger.” 

– Nick Schäferhoff, Website Setup

Nick hits the proverbial nail on the head with this.

When it comes to mobile, it forces you to focus on the biggest impacts and think greater about the exact purpose and flow of your design. 

Rather than adding elements for the sake of more elements, you are now adding them because they serve specific purposes for a mobile browser and how they interact. 

One great example of mobile-first design and development is from Freshdesk:

(Image Source)

Freshdesk’s site design is the epitome of mobile-first thinking.

First, the usability is unrivaled. Want to find something fast? A retractable menu sticks to the top right corner, giving you access anytime.

Next, the greeting of the homepage is simple, yet informative, without overdoing page elements that slow the site speed. 

Then, live-chat is directly available on mobile, tapping into the “on-the-go” aspect of mobile users looking for information fast.

And keep in mind, this is all above the fold. 

Next time a project comes in, think mobile before desktop in the development stages. Your client’s SEO results will thank you later. 

3. Overcomplicating Information Architecture 

Information architecture is simply the way you organize information on a website.

When developing new pages, it’s critical that you don’t overcomplicate it.

On new projects, clients can often be demanding for countless new pages for their site.

Keeping track can be a nightmare, let alone finding a way to organize them on an entire domain.

Good information architecture allows users to find the content they need fast. 

HubSpot is a great example of this, creating “buckets” of pages based on categories: 

(Image Source)

For instance, how-to is a bucket for their blog, ebooks, reports, and more. 

When it comes to IA, keep it simple. You’ve done the heavy lifting with your page revamps, now it’s time to organize them in a simple yet effective way for search engines and users. 

4. Simplifying Too Much, Impacting Content Delivery

Like we discussed in the site speed section, it makes sense to reduce page bloat wherever possible.

To minify your coding, condense elements (or remove them entirely), and compress heavy visuals.

But doing this too much leads to a boring, bland, oversimplified website.

And this often results in reduced content, especially on homepages. Let me show you an example. 

Check out how Housecall Pro structures their site elements on a given page: 

(Image Source)

This page element is designed to expand when clicked upon, working to showcase additional text covering directly related keywords they are targeting.

Without this page element, the content on here would be out of place (forcing users to scroll endlessly), and likely would need to be removed, negatively impacting SEO in the process.

Instead, expanding elements allow them to pack in tons of content without forcing users to read all of it or scroll past thousands of words: 

(Image Source)

Instead, they can pick and choose subjects they are interested in.

Now that’s powerful design and development that both looks good and functions well for search engines and users alike. 

While simplifying is a great step, that doesn’t mean your pages need to be text and a few small images. 

It just means you have to get more creative, eliminating page weight wherever possible without sacrificing content delivery. 

Wrapping Up

When a new redesign project comes up, it’s more than just design and development.

It’s also going to heavily impact your clients potential SEO and ranking ability.

And the last thing you want is a negative review. 

With these four mistakes in mind and how to counteract them, you’ll be armed and ready to deliver a final product both you and your client will be proud of. 

What are some common redesign mistakes you have seen before?

Related: 35 WordPress Themes For Achieving Higher Search Engine Rankings

Featured Image Credits: Pixabay

Author Bio: 

Addison Burke is a freelance marketer, writer, and developer that teaches businesses how to grow through better digital marketing and expanding their web presence. Connect with her on Linkedin.

Filed Under: Design Tagged With: design mistakes, seo

Recent Posts

  • How to use a PDF file combiner to support a Web planner optimally
  • What Factors Determine the Best Digital Marketing Agency?
  • 31 Fresh Design Elements for Spring and Easter
  • 10 Templates for Music Concert Flyers
  • How to Build a Web Scraper Using Node.js

Archives

  • July 2022
  • June 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • June 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • November 2019
  • October 2019
  • September 2019
  • August 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012
  • July 2012
  • June 2012
  • May 2012
  • April 2012
  • March 2012
  • February 2012
  • January 2012
  • December 2011
  • November 2011
  • October 2011
  • September 2011
  • August 2011
  • July 2011
  • June 2011
  • May 2011
  • April 2011
  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • March 2010
  • February 2010
  • January 2010
  • December 2009
  • November 2009
  • October 2009
  • September 2009
  • August 2009
  • July 2009
  • June 2009
  • May 2009
  • April 2009
  • March 2009
  • February 2009
  • January 2009
  • December 2008
  • November 2008
  • October 2008
  • May 2008
  • April 2008

Categories

  • Accessibility
  • Android
  • Apps
  • Art
  • Article
  • Blogging
  • Books
  • Bootstrap
  • Business
  • CSS
  • Design
  • Development
  • Ecommerce
  • Fireworks
  • Flash
  • Freebies
  • Freelance
  • General
  • Giveaway
  • Graphic Design
  • HTML5
  • Icons
  • Illustrator
  • InDesign
  • Infographics
  • Inspirational
  • Interview
  • Jobs
  • jQuery
  • Learning
  • Logos
  • Matrix
  • Minimalism
  • Mobile
  • Motion Graphics
  • Music
  • News
  • Photoshop
  • PHP
  • Promoted
  • Rails
  • Resources
  • Showcase
  • Tools
  • Tutorial
  • Twitter
  • Typography
  • Uncategorized
  • Usability
  • UX
  • Wallpapers
  • Wireframing
  • WordPress
  • Work

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

SpyreStudios © 2022